From 08881d6b6412822d5035f63a0775ca1f213c8668 Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期一, 20 十月 2025 10:17:22 +0800
Subject: [PATCH] 测试完成
---
src/views/shortmessage/healthinformation/compilequer/index.vue | 713 ++++++-----------------------------------------------------
1 files changed, 77 insertions(+), 636 deletions(-)
diff --git a/src/views/shortmessage/healthinformation/compilequer/index.vue b/src/views/shortmessage/healthinformation/compilequer/index.vue
index f872f3b..8a6e6ef 100644
--- a/src/views/shortmessage/healthinformation/compilequer/index.vue
+++ b/src/views/shortmessage/healthinformation/compilequer/index.vue
@@ -1,5 +1,5 @@
<template>
- <div class="Questionnairemanagement">
+ <div class="NotificationManagement">
<!-- 宸︿晶鏍� -->
<div class="sidecolumn">
<el-steps finish-status="success" :active="Editprogress" simple>
@@ -10,13 +10,6 @@
>
</template>
</el-step>
- <el-step>
- <template slot="title">
- <span style="cursor: pointer" @click="Editprogress = 2"
- >閫氱煡鍐呭</span
- >
- </template>
- </el-step>
</el-steps>
</div>
<!-- 鍙充晶鏁版嵁 -->
@@ -24,6 +17,7 @@
<!-- 鍩烘湰淇℃伅 -->
<div v-if="Editprogress == 1">
<div class="leftvlue-jbxx">鍩烘湰淇℃伅</div>
+ <el-divider></el-divider>
<el-form
:model="ruleForm"
:rules="rules"
@@ -58,20 +52,20 @@
<el-col :span="12"> </el-col>
</el-row>
<el-form-item label="閫氱煡鏍囬" prop="preachname">
- <div style="width: 30%">
+ <div style="width: 60%">
<el-input
v-model="ruleForm.preachname"
placeholder="璇疯緭鍏ユ爣棰�"
></el-input>
</div>
</el-form-item>
- <el-form-item label="閫氱煡鎻忚堪" prop="preachcontent">
- <div style="width: 60%">
+ <el-form-item label="閫氱煡鍐呭" prop="preachcontent">
+ <div style="width: 80%">
<el-input
type="textarea"
- :rows="2"
+ :rows="5"
v-model="ruleForm.preachcontent"
- placeholder="璇疯緭鍏ユ弿杩�"
+ placeholder="璇疯緭鍏ラ�氱煡鍐呭"
></el-input>
</div>
</el-form-item>
@@ -109,21 +103,6 @@
</div>
</el-form-item>
- <el-form-item label="鏂囦欢" prop="sickness">
- <div style="width: 40%">
- <el-upload
- class="upload-demo"
- action="https://jsonplaceholder.typicode.com/posts/"
- :on-change="handleChange"
- :file-list="fileList"
- >
- <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
- <div slot="tip" class="el-upload__tip">
- 鍙兘涓婁紶jpg/png/xsl鏂囦欢锛屼笖涓嶈秴杩�50mb
- </div>
- </el-upload>
- </div>
- </el-form-item>
<el-form-item label="鏍囩" prop="desc">
<div class="xinz-inf">
<el-tag
@@ -142,6 +121,7 @@
@change="handleInputConfirm"
filterable
remote
+ allow-create
reserve-keyword
default-first-option
:remote-method="remoteMethodtag"
@@ -175,53 +155,23 @@
></el-col>
<el-col :span="9">
<el-form-item label="鍙敤鐘舵��" prop="region">
- <el-select
- v-model="ruleForm.isavailable"
- size="medium"
- filterable
- placeholder="璇烽�夋嫨鍒嗙被"
- >
- <el-option
- class="ruleFormaa"
- v-for="item in usable"
- :key="item.value"
- :label="item.label"
- :value="item.value"
+ <el-radio-group v-model="ruleForm.isAvailable">
+ <el-radio
+ v-for="(item, index) in usable"
+ :label="item.value"
+ >{{ item.label }}</el-radio
>
- </el-option>
- </el-select> </el-form-item
- ></el-col>
+ </el-radio-group>
+ </el-form-item></el-col
+ >
</el-row>
- <el-form-item label="閫氱煡鏂瑰紡" prop="region">
- <el-select
- v-model="ruleForm.suitway"
- size="medium"
- multiple
- filterable
- placeholder="璇烽�夋嫨鍒嗙被"
- >
- <el-option
- class="ruleFormaa"
- v-for="item in mode"
- :key="item.label"
- :label="item.label"
- :value="item.label"
- >
- </el-option>
- </el-select>
- </el-form-item>
- <!-- <el-form-item label="閫傜敤鐤剧梾" prop="region">
- <el-button type="warning" @click="$refs.child.handleAddpatient()"
- >娣诲姞鐤剧梾</el-button
- >
- </el-form-item> -->
<el-form-item label="閫傜敤闄㈠尯" prop="region">
<el-select
v-model="ruleForm.campus"
size="medium"
multiple
filterable
- placeholder="璇烽�夋嫨鍒嗙被"
+ placeholder="璇烽�夋嫨闄㈠尯"
>
<el-option
class="ruleFormaa"
@@ -248,105 +198,12 @@
</el-cascader>
</el-form-item>
<el-form-item>
- <el-button type="success" @click="nextstep('ruleForm')"
- >涓嬩竴姝�</el-button
- >
<el-button type="success" @click="Departmenttreatment('ruleForm')"
>淇濆瓨</el-button
>
<el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button>
</el-form-item>
</el-form>
- </div>
- <!-- 閫氱煡鍐呭 -->
- <div v-if="Editprogress == 2">
- <el-row :gutter="20">
- <el-col :span="4"><div class="leftvlue-jbxx">閫氱煡鍐呭</div></el-col>
- </el-row>
-
- <div>
- <el-form
- :model="ruleForm"
- :rules="rules"
- ref="ruleForm"
- label-width="100px"
- class="demo-ruleForm"
- >
- <el-row gutter="20">
- <el-col :span="12">
- <el-form-item label="璧勬枡褰㈠紡" prop="region">
- <el-select
- v-model="ruleForm.shape"
- placeholder="璇烽�夋嫨鍐呭褰㈠紡"
- >
- <el-option
- v-for="item in xjxsoptions"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- >
- </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <div>
- <el-button @click="laststep('ruleForm')">涓婁竴姝�</el-button>
- <el-button
- type="success"
- @click="Departmenttreatment('ruleForm')"
- >淇濆瓨</el-button
- >
- <el-button
- type="warning"
- @click="Departmenttreatment('ruleForm')"
- >鍙﹀瓨鏂扮増鏈�</el-button
- >
- <el-button type="info" @click="closeFm('ruleForm')"
- >鍏抽棴</el-button
- >
- </div></el-col
- >
- </el-row>
- </el-form>
- </div>
- <div>
- <el-upload
- class="upload-demo"
- :action="uploadImgUrlword"
- :on-success="uploadEditorSuccessword"
- :on-error="uploadEditorErrorword"
- :before-upload="beforeEditorUploadword"
- :headers="headers"
- >
- <el-button size="small" type="primary">word鏂囦欢涓婁紶</el-button>
- </el-upload>
- <div id="quillEditorQiniu">
- <!-- 鍩轰簬elementUi鐨勪笂浼犵粍浠� el-upload begin-->
- <el-upload
- class="avatar-uploader"
- :action="uploadImgUrl"
- :accept="'image/*,video/*'"
- :show-file-list="false"
- :on-success="uploadEditorSuccess"
- :on-error="uploadEditorError"
- :before-upload="beforeEditorUpload"
- :headers="headers"
- >
- </el-upload>
- <!-- 鍩轰簬elementUi鐨勪笂浼犵粍浠� el-upload end-->
- <quill-editor
- class="editor"
- v-model="content"
- ref="customQuillEditor"
- :options="editorOption"
- @blur="onEditorBlur"
- @focus="onEditorFocus"
- @change="onEditorChange"
- >
- </quill-editor>
- </div>
- </div>
</div>
</div>
<!-- 娣诲姞閫傜敤鐤剧梾绐楀彛 -->
@@ -361,9 +218,7 @@
</template>
<script>
-import { quillEditor } from "vue-quill-editor";
import axios from "axios";
-
import {
getheLibraryAssort,
delheLibraryAssort,
@@ -379,115 +234,33 @@
illnesslistget,
getillness,
} from "@/api/AiCentre/index";
-import OptionalForm from "@/components/OptionalForm"; //姝e垯缁勪欢
-
+import OptionalForm from "@/components/OptionalForm";
import { listDept } from "@/api/system/dept";
-// import * as Quill from "quill";
-import Quill from "quill";
import { listtag } from "@/api/system/label";
import store from "@/store";
-
-// 杩欓噷寮曞叆淇敼杩囩殑video妯″潡骞舵敞鍐�
-import Video from "./video";
-Quill.register(Video, true);
-//鑾峰彇鐧诲綍token锛屽紩鍏ユ枃浠讹紝濡傛灉鍙槸绠�鍗曟祴璇曪紝娌℃湁涓婁紶鏂囦欢鏄惁鐧诲綍鐨勯檺鍒剁殑璇濓紝
-//杩欎釜token鍙互涓嶇敤鑾峰彇锛屾枃浠跺彲浠ヤ笉寮曞叆锛屾妸涓婇潰瀵瑰簲鐨勪笂浼犳枃浠舵惡甯﹁姹傚ご :headers="headers" 杩欎釜浠g爜鍒犳帀鍗冲彲
import { getToken } from "@/utils/auth";
-const toolbarOptions = [
- ["bold", "italic", "underline", "strike"], // toggled buttons
- ["blockquote", "code-block"],
-
- [{ header: 1 }, { header: 2 }], // custom button values
- [{ list: "ordered" }, { list: "bullet" }],
- [{ script: "sub" }, { script: "super" }], // superscript/subscript
- [{ indent: "-1" }, { indent: "+1" }], // outdent/indent
- [{ direction: "rtl" }], // text direction
-
- [{ size: ["small", false, "large", "huge"] }], // custom dropdown
- [{ header: [1, 2, 3, 4, 5, 6, false] }],
-
- [{ color: [] }, { background: [] }], // dropdown with defaults from theme
- [{ font: [] }],
- [{ align: [] }],
- ["link", "image", "video"],
- ["clean"], // remove formatting button
-];
export default {
+ name: "NotificationManagement",
components: { OptionalForm },
data() {
return {
headers: {
Authorization: "Bearer " + getToken(),
},
- uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload",
- uploadImgUrlword: process.env.VUE_APP_BASE_API + "/common/uploadShow",
- uploadUrlPath: "娌℃湁鏂囦欢涓婁紶",
- quillUpdateImg: false,
- fileList: [
- {
- name: "food.jpeg",
- url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
- },
- {
- name: "food2.jpeg",
- url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
- },
- ],
- content: "", //鏈�缁堜繚瀛樼殑鍐呭
- fileName: "", //鏂囦欢鍚�
dynamicTags: [],
inputVisible: false,
illnessVisible: false,
- dialogVisiblepatient: false, //閫傜敤鐤剧梾绐楀彛
+ dialogVisiblepatient: false,
inputValue: "",
- // 瀵屾枃鏈�
- editorOption: {
- placeholder: "浣犳兂璇翠粈涔堬紵",
- modules: {
- imageResize: {
- displayStyles: {
- backgroundColor: "black",
- border: "none",
- color: "white",
- },
- modules: ["Resize", "DisplaySize", "Toolbar"],
- },
- toolbar: {
- container: toolbarOptions, // 宸ュ叿鏍�
- handlers: {
- image: function (value) {
- if (value) {
- document
- .querySelector("#quillEditorQiniu .avatar-uploader input")
- .click();
- } else {
- this.quill.format("image", false);
- }
- },
- video: function (value) {
- if (value) {
- document
- .querySelector("#quillEditorQiniu .avatar-uploader input")
- .click();
- } else {
- this.quill.format("video", false);
- }
- },
- },
- },
- },
- },
-
- sidecolumnrabs: "left", //鏂瑰悜
- Editprogress: 1, //缂栬緫杩涘害
- currentVersion: "1.2.3", //褰撳墠鐗堟湰
- loading: false, // 閬僵灞�
- drawer: false, //鎺у埗灞曞紑
- radio: "false", //鍗曢�夐閫変腑
- radios: [], //澶氶�夐閫変腑
- radioas: "", //濉┖棰樼瓟妗�
- // 鎬绘潯鏁�
+ sidecolumnrabs: "left",
+ Editprogress: 1,
+ currentVersion: "1.2.3",
+ loading: false,
+ drawer: false,
+ radio: "false",
+ radios: [],
+ radioas: "",
total: 1,
hetype: "",
id: null,
@@ -513,42 +286,24 @@
deptList: [],
tempDetpRelevanceslist: [],
props: { multiple: true, value: "deptId", label: "deptName" },
- xjxsoptions: [
- {
- value: "1",
- label: "鍥炬枃",
- },
- {
- value: "2",
- label: "瑙嗛",
- },
- {
- value: "3",
- label: "闊抽",
- },
- ],
- valssu: [
- {
- idd: 1,
- wssd: "浣犳渶杩戞�庝箞鏍�",
- sdadd: ["sss", "ssccss", "ssaas", "ss"],
- },
- ],
- addvalue: "娣诲姞棰樼洰",
-
variablelist: [
{ variatename: "濮撳悕", variate: "${name}", default: 1 },
{ variatename: "鐢佃瘽", variate: "${phone}", default: 1 },
{ variatename: "鐥呮儏", variate: "${illness}", default: 1 },
],
- // 鏌ヨ鍙傛暟
queryParams: {
pageNum: 1,
pageSize: 10,
},
};
},
-
+ activated() {
+ if (this.id != this.$route.query.id) {
+ this.gettabList();
+ this.getList();
+ this.illnessUpdate();
+ }
+ },
created() {
this.gettabList();
this.getList();
@@ -559,18 +314,7 @@
this.precedencetype = store.getters.precedencetype;
this.courtyardlist = store.getters.courtyardlist;
},
- watch: {
- content(newVal, oldVal) {
- //this.$emit('input', newVal);
- console.log(newVal, "A");
- console.log(oldVal, "B");
- },
- },
-
methods: {
- processElement(element) {
- return { ...element, isoperation: null };
- },
// 鑾峰彇椤甸潰鏁版嵁
getList() {
this.loading = true;
@@ -579,16 +323,13 @@
if (this.id) {
getlibraryinfo({ id: this.id }).then((res) => {
this.ruleForm = res.data[0];
- this.ruleForm.campus = this.ruleForm.campus.split(",");
+ if (this.ruleForm.campus)
+ this.ruleForm.campus = this.ruleForm.campus.split(",");
this.dynamicTags = res.data[0].heLibraryTagList.map(
this.processElement
);
- this.Getmissioncontent(this.ruleForm.richText);
if (this.ruleForm.deptNames) {
this.tempDetpRelevanceslist = JSON.parse(this.ruleForm.deptNames);
- }
- if (this.ruleForm.suitway) {
- this.ruleForm.suitway = this.ruleForm.suitway.split(",");
}
this.variablelist = this.ruleForm.otherdata
? JSON.parse(this.ruleForm.otherdata)
@@ -598,51 +339,46 @@
// 閫氱煡鍒嗙被
getheLibraryAssort({ hetype: 2 }).then((res) => {
this.sortlist = res.rows;
- console.log(this.sortlist);
});
// 閮ㄩ棬
listDept(this.queryParams).then((response) => {
this.deptList = this.handleTree(response.data, "deptId");
});
- this.loading = false;
},
-
+ processElement(element) {
+ return { ...element, isoperation: null };
+ },
submitForm(formName) {
let tgs = [];
this.dynamicTags.forEach((item) => {
tgs.push(item.tagname);
});
- this.ruleForm.campus = this.ruleForm.campus.join(",");
+ if (this.ruleForm.campus) {
+ this.ruleForm.campus = this.ruleForm.campus.join(",");
+ }
this.ruleForm.labelInfo = tgs.length != 0 ? tgs.join(", ") : "";
this.ruleForm.otherdata = JSON.stringify(this.variablelist);
- this.ruleForm.hetype = 2;
- console.log(22);
- this.ruleForm.suitway =
- this.ruleForm.suitway.length != 0
- ? this.ruleForm.suitway.join(",")
- : "";
+ this.ruleForm.hetype = 2; // 閫氱煡绫诲瀷
- addrichText({
- content: this.content,
- fileName: this.fileName ? this.fileName : "娴嬭瘯.html",
- }).then((res) => {
- this.ruleForm.richText = res.msg;
- if (this.id) {
- this.ruleForm.isoperation = 2;
- compilelibrary(this.ruleForm).then((res) => {
+ if (this.id) {
+ this.ruleForm.isoperation = 2;
+ compilelibrary(this.ruleForm).then((res) => {
+ if (res.code == 200) {
this.$modal.msgSuccess("缂栬緫鎴愬姛");
this.confirmillness();
this.$router.go(-1);
- });
- } else {
- this.ruleForm.isoperation = 1;
- compilelibrary(this.ruleForm).then((res) => {
+ }
+ });
+ } else {
+ this.ruleForm.isoperation = 1;
+ compilelibrary(this.ruleForm).then((res) => {
+ if (res.code == 200) {
this.$modal.msgSuccess("鏂板鎴愬姛");
this.confirmillness(res.data);
this.$router.go(-1);
- });
- }
- });
+ }
+ });
+ }
},
// 淇濆瓨鐤剧梾
confirmillness(guid) {
@@ -650,7 +386,6 @@
if (guid) {
item.outid = guid;
} else {
- console.log(this.ruleForm);
item.outid = this.ruleForm.id;
}
item.icd10name = item.icdname;
@@ -662,20 +397,6 @@
});
this.illnessVisible = false;
this.$modal.msgSuccess("缂栬緫鎴愬姛");
- },
- getFileNameFromPath(path) {
- const parts = path.split("/");
- return parts[parts.length - 1];
- },
- // 涓嬩竴姝�
- nextstep() {
- if (this.Editprogress <= 1) {
- return this.Editprogress++;
- }
- },
- // 涓婁竴姝�
- laststep() {
- this.Editprogress = this.Editprogress - 1;
},
// 鍏抽棴
closeFm() {
@@ -707,7 +428,6 @@
);
if (!condition) {
listDept({ deptId: item }).then((res) => {
- console.log("dept");
res.data[0].type = 2;
this.ruleForm.tempDetpRelevances.push(res.data[0]);
});
@@ -724,12 +444,7 @@
setTimeout(() => {
this.submitForm();
}, 1000);
- // this.submitForm();
},
- // 淇濆瓨棰樼洰淇℃伅
- Saveproblem() {},
- /** 鏌ヨ棰樼洰鍒楄〃 */
-
// 鏂板鍙橀噺
addvariable() {
this.variablelist.push({
@@ -741,16 +456,12 @@
delvariable(item) {
const index = this.variablelist.indexOf(item);
if (index !== -1) {
- this.variablelist.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱�
+ this.variablelist.splice(index, 1);
} else {
console.log("鏈壘鍒拌瀵硅薄");
}
},
- // 鎺у埗鏂囦欢
- handleChange(file, fileList) {
- this.fileList = fileList.slice(-3);
- },
- // 鏍囩-----------------
+ // 鏍囩鐩稿叧鏂规硶
gettabList() {
const tagqueryParams = {
pageNum: 1,
@@ -762,11 +473,9 @@
});
},
handleClosetag(tag) {
- console.log(tag);
const lindex = this.ruleForm.heLibraryTagList.findIndex(
(item) => item.tagname == tag.tagname
);
- console.log(lindex);
this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
this.ruleForm.heLibraryTagList[lindex].isoperation = 3;
},
@@ -812,7 +521,7 @@
showInput() {
this.inputVisible = true;
},
- // 鐤剧梾-----------------------
+ // 鐤剧梾鐩稿叧鏂规硶
illnessUpdate() {
if (this.id) {
getillness({ outid: this.$route.query.id, type: 6 }).then((res) => {
@@ -823,9 +532,6 @@
});
}
},
-
- // --------------------------
-
// 棰勮妯℃澘
PreviewTemplate() {
this.drawer = true;
@@ -833,129 +539,12 @@
resetForm(formName) {
this.$refs[formName].resetFields();
},
-
- //涓婁紶鍥剧墖涔嬪墠async
- beforeEditorUpload(res, file) {
- //鏄剧ず涓婁紶鍔ㄧ敾
- this.quillUpdateImg = true;
- // const res1 = await uploadImage()
- // console.log(res1,'=====');
- // this.$emit('before',res, file)
- console.log(res);
- console.log(file);
- },
- // 涓婁紶鍥剧墖鎴愬姛
- uploadEditorSuccess(res, file) {
- console.log("涓婁紶鎴愬姛");
- // this.$emit('upload',res, file)
- console.log(res, file);
- //鎷兼帴鍑轰笂浼犵殑鍥剧墖鍦ㄦ湇鍔″櫒鐨勫畬鏁村湴鍧�
- let imgUrl = res.url;
- let type = imgUrl.substring(imgUrl.lastIndexOf(".") + 1);
- console.log(type);
- // 鑾峰彇瀵屾枃鏈粍浠跺疄渚�
- let quill = this.$refs.customQuillEditor.quill;
- // 鑾峰彇鍏夋爣鎵�鍦ㄤ綅缃�
- let length = quill.getSelection().index;
- // 鎻掑叆鍥剧墖||瑙嗛 res.info涓烘湇鍔″櫒杩斿洖鐨勫浘鐗囧湴鍧�
- if (type == "mp4" || type == "MP4") {
- window.jsValue = imgUrl;
- quill.insertEmbed(length, "video", imgUrl);
- } else {
- quill.insertEmbed(length, "image", imgUrl);
- }
- // 璋冩暣鍏夋爣鍒版渶鍚�
- quill.setSelection(length + 1);
- //鍙栨秷涓婁紶鍔ㄧ敾
- this.quillUpdateImg = false;
- },
- // 澶卞幓鐒︾偣浜嬩欢
- onEditorBlur(e) {
- console.log("onEditorBlur: ", e);
- },
- // 鑾峰緱鐒︾偣浜嬩欢
- onEditorFocus(e) {
- console.log("onEditorFocus: ", e);
- },
- // 鍐呭鏀瑰彉浜嬩欢
- onEditorChange(e) {
- console.log("onEditorChange: ", e);
- },
- // 涓婁紶(鏂囦欢)鍥剧墖澶辫触
- uploadEditorError(res, file) {
- console.log(res, "word");
- console.log(file, "word");
- //椤甸潰鎻愮ず
- this.$message.error("涓婁紶鍥剧墖澶辫触");
- //鍙栨秷涓婁紶鍔ㄧ敾
- this.quillUpdateImg = false;
- },
- //涓婁紶缁勪欢杩斿洖鐨勭粨鏋�
- uploadResult: function (res) {
- this.uploadUrlPath = res;
- },
- // 涓婁紶(鏂囦欢)鍥剧墖澶辫触
- uploadEditorErrorword(res, file) {
- console.log(res);
- console.log(file);
- //椤甸潰鎻愮ず
- this.$message.error("涓婁紶鍥剧墖澶辫触");
- //鍙栨秷涓婁紶鍔ㄧ敾
- this.quillUpdateImg = false;
- },
- //涓婁紶鍥剧墖涔嬪墠async
- beforeEditorUploadword(res, file) {
- //鏄剧ず涓婁紶鍔ㄧ敾
- this.quillUpdateImg = true;
- // const res1 = await uploadImage()
- // console.log(res1,'=====');
- // this.$emit('before',res, file)
- console.log(res);
- console.log(file);
- },
- // 涓婁紶鍥剧墖鎴愬姛
- uploadEditorSuccessword(res, file) {
- console.log("涓婁紶鎴愬姛");
- const data = null;
- console.log(res, file, "word");
- axios
- .get(res.url)
- .then((response) => {
- console.log(response.data, "鏁版嵁"); // 杈撳嚭鑾峰彇鍒扮殑鏂囦欢鍐呭
- this.content = response.data;
- this.texturl = res.url;
- this.fileName = this.getFileNameFromPath(res.url);
- })
- .catch((error) => {
- console.error("Failed to fetch file:", error);
- });
- },
- Getmissioncontent(url) {
- axios
- .get(url)
- .then((response) => {
- console.log(response.data, "鏁版嵁"); // 杈撳嚭鑾峰彇鍒扮殑鏂囦欢鍐呭
- this.content = response.data;
- this.fileName = this.getFileNameFromPath(res.url);
- })
- .catch((error) => {
- console.error("Failed to fetch file:", error);
- });
- },
},
};
</script>
<style lang="scss" scoped>
-.Questionnairemanagement {
- // display: flex;
-}
.sidecolumn {
- // width: 300px;
- // min-height: 100vh;
- // text-align: center;
- // display: flex;
- // margin-top: 20px;
margin: 20px;
margin-bottom: 0;
padding: 20px;
@@ -964,47 +553,34 @@
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
0 0 6px 0 rgba(0, 0, 0, 0.04);
}
+
.leftvlue {
- // display: flex;
- // flex: 1;
margin: 20px;
padding: 30px;
background: #ffff;
border: 1px solid #dcdfe6;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
0 0 6px 0 rgba(0, 0, 0, 0.04);
- .mulsz {
- font-size: 20px;
- }
+
.leftvlue-jbxx {
- margin-bottom: 50px;
- font-size: 20px;
- span {
- position: absolute;
- right: 80px;
- }
- }
- .demo-cascader {
- margin-right: 20px;
- }
- .PreviewTemplate {
- color: #02a7f0;
- cursor: pointer;
- font-size: 20px;
- margin: 0 20px;
+ font-size: 24px;
+ height: 30px;
+ border-left: 3px solid #41a1be;
+ padding-left: 3px;
}
}
+
.xinz-inf {
font-size: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-
line-height: 48px;
.el-tag + .el-tag {
margin-left: 10px;
}
+
.button-new-tag {
margin-left: 10px;
height: 32px;
@@ -1012,176 +588,41 @@
padding-top: 0;
padding-bottom: 0;
}
+
.input-new-tag {
width: 90px;
margin-left: 10px;
vertical-align: bottom;
}
}
-.preview-left {
- margin: 20px;
- // margin: 20px;
- padding: 30px;
- background: #ffff;
- border: 1px solid #dcdfe6;
- -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
- 0 0 6px 0 rgba(0, 0, 0, 0.04);
- .topic-dev {
- margin-bottom: 25px;
- font-size: 20px !important;
- .dev-text {
- margin-bottom: 10px;
- }
- }
-}
-.addtopic {
- margin-top: 30px;
-}
-.presentation {
- margin: 20px 0;
- display: flex;
- .presentation-left {
- width: 50%;
- height: 500px;
- .button-textxg {
- color: #024df0;
- }
- .button-textsc {
- color: #f52727;
- }
- }
- .presentation-right {
- width: 50%;
- height: 500px;
- padding: 20px;
- font-size: 18px;
- border: 1px solid #909091;
- span {
- padding: 0 35px;
- margin-right: 10px;
- border-bottom: 1px solid #909091;
- }
- .headline {
- font-size: 20px;
- border-left: 3px solid #41a1be;
- padding-left: 5px;
- margin: 15px 0;
- }
- }
-}
-::v-deep .addtopic-input {
- input {
- background: #02a7f0;
- color: #edf1f7;
- width: 150px;
- }
-}
-::v-deep.el-step.is-vertical .el-step__title {
+
+::v-deep .el-step.is-vertical .el-step__title {
font-size: 25px;
}
+
::v-deep.el-input--medium {
font-size: 18px !important;
}
-::v-deep.ruleFormaa.el-select {
- display: inline-block;
- position: relative;
- width: 700px;
-}
-.el-select__tags {
+
+::v-deep.el-select__tags {
font-size: 20px;
max-width: 888px !important;
}
+
::v-deep.el-radio__inner {
width: 22px;
height: 22px;
}
-// ::v-deep.topic-dev.el-radio__label {
-// font-size: 24px;
-// }
+
::v-deep.el-radio-group {
span {
font-size: 24px;
}
}
+
::v-deep.el-checkbox-group {
span {
font-size: 24px;
}
-}
-.editor {
- line-height: normal !important;
- height: 600px;
- margin-bottom: 80px;
-}
-.ql-snow .ql-tooltip[data-mode="link"]::before {
- content: "璇疯緭鍏ラ摼鎺ュ湴鍧�:";
-}
-.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
- border-right: 0px;
- content: "淇濆瓨";
- padding-right: 0px;
-}
-
-.ql-snow .ql-tooltip[data-mode="video"]::before {
- content: "璇疯緭鍏ヨ棰戝湴鍧�:";
-}
-
-.ql-snow .ql-picker.ql-size .ql-picker-label::before,
-.ql-snow .ql-picker.ql-size .ql-picker-item::before {
- content: "14px";
-}
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
-.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
- content: "10px";
-}
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
-.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
- content: "18px";
-}
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
-.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
- content: "32px";
-}
-
-.ql-snow .ql-picker.ql-header .ql-picker-label::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item::before {
- content: "鏂囨湰";
-}
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
- content: "鏍囬1";
-}
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
- content: "鏍囬2";
-}
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
- content: "鏍囬3";
-}
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
- content: "鏍囬4";
-}
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
- content: "鏍囬5";
-}
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
-.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
- content: "鏍囬6";
-}
-
-.ql-snow .ql-picker.ql-font .ql-picker-label::before,
-.ql-snow .ql-picker.ql-font .ql-picker-item::before {
- content: "鏍囧噯瀛椾綋";
-}
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
- content: "琛嚎瀛椾綋";
-}
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
-.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
- content: "绛夊瀛椾綋";
}
</style>
--
Gitblit v1.9.3