From 37d2ba3d2c1902202c8c7ee9485267b5a1945742 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期三, 11 六月 2025 10:26:36 +0800
Subject: [PATCH] 测试完成
---
src/views/knowledge/education/compilequer/index.vue | 657 ++++++++++++++++++++++++++++++++++-------------------------
1 files changed, 381 insertions(+), 276 deletions(-)
diff --git a/src/views/knowledge/education/compilequer/index.vue b/src/views/knowledge/education/compilequer/index.vue
index e46e97d..1060bfa 100644
--- a/src/views/knowledge/education/compilequer/index.vue
+++ b/src/views/knowledge/education/compilequer/index.vue
@@ -24,6 +24,7 @@
<!-- 鍩烘湰淇℃伅 -->
<div v-if="Editprogress == 1">
<div class="leftvlue-jbxx">鍩烘湰淇℃伅</div>
+ <el-divider></el-divider>
<el-form
:model="ruleForm"
:rules="rules"
@@ -142,6 +143,7 @@
@change="handleInputConfirm"
filterable
remote
+ allow-create
reserve-keyword
default-first-option
:remote-method="remoteMethodtag"
@@ -175,22 +177,15 @@
></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
@@ -211,45 +206,9 @@
</el-select>
</el-form-item>
<el-form-item label="閫傜敤鐤剧梾" prop="region">
- <div class="xinz-inf">
- <el-tag
- :key="item.icd10name"
- type="warning"
- v-for="item in illnesslist"
- closable
- :disable-transitions="false"
- @close="handleCloseillness(item)"
- >
- {{ item.icd10name }}
- </el-tag>
- <el-select
- v-model="inputValue"
- v-if="illnessVisible"
- @change="illnessConfirm"
- :remote-method="remoteMethod"
- filterable
- remote
- allow-create
- default-first-option
- placeholder="璇烽�夋嫨/鏌ヨ"
- :loading="loading"
- >
- <el-option
- v-for="item in optionsillness"
- :key="item.icdid"
- :label="item.icdname"
- :value="item.icdid"
- >
- </el-option>
- </el-select>
- <el-button
- v-else
- class="button-new-tag"
- size="small"
- @click="illnessshowInput"
- >+ 鏂板鐤剧梾</el-button
- >
- </div>
+ <el-button type="warning" @click="$refs.child.handleAddpatient()"
+ >娣诲姞鐤剧梾</el-button
+ >
</el-form-item>
<el-form-item label="閫傜敤闄㈠尯" prop="region">
<el-select
@@ -297,21 +256,21 @@
<!-- 瀹ｆ暀鍐呭 -->
<div v-if="Editprogress == 2">
<el-row :gutter="20">
- <el-col :span="4"><div class="leftvlue-jbxx">瀹ｆ暀鍐呭</div></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-col :span="4">
+ <div class="leftvlue-jbxx">瀹ｆ暀鍐呭</div>
+ </el-col>
+ <el-col :offset="16" :span="4">
+ <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>
+ </el-col>
</el-row>
<div>
@@ -322,32 +281,31 @@
label-width="100px"
class="demo-ruleForm"
>
- <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-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"> -->
+
+ <!-- </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>
<div id="quillEditorQiniu">
- <!-- 鍩轰簬elementUi鐨勪笂浼犵粍浠� el-upload begin-->
<el-upload
class="avatar-uploader"
:action="uploadImgUrl"
@@ -359,7 +317,6 @@
:headers="headers"
>
</el-upload>
- <!-- 鍩轰簬elementUi鐨勪笂浼犵粍浠� el-upload end-->
<quill-editor
class="editor"
v-model="content"
@@ -371,14 +328,49 @@
>
</quill-editor>
</div>
+ </div> -->
+ <!-- 鏂扮粍浠� -->
+ <div style="border: 1px solid #ccc; margin: 10px">
+ <Toolbar
+ style="border-bottom: 1px solid #ccc"
+ :editor="editor"
+ :defaultConfig="toolbarConfig"
+ :mode="modes"
+ />
+ <Editor
+ style="height: 500px; overflow-y: hidden"
+ v-model="content"
+ :defaultConfig="editorConfig"
+ :mode="modes"
+ @onCreated="onCreated"
+ />
+ </div>
+ <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>
</div>
</div>
+ <!-- 娣诲姞閫傜敤鐤剧梾绐楀彛 -->
+ <Optional-Form
+ ref="child"
+ :dialogVisiblepatient="dialogVisiblepatient"
+ :overallCase="illnesslist"
+ @addoption="dialogVisiblepatient = false"
+ @kkoption="dialogVisiblepatient = true"
+ />
</div>
</template>
<script>
import { quillEditor } from "vue-quill-editor";
+import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
import axios from "axios";
import {
@@ -390,11 +382,14 @@
dellibraryinfo,
deltargetillness,
compilelibrary,
+ addrichText,
getlibraryinfo,
getillnesslist,
illnesslistget,
getillness,
} from "@/api/AiCentre/index";
+import OptionalForm from "@/components/OptionalForm"; //姝ｅ垯缁勪欢
+
import { listDept } from "@/api/system/dept";
// import * as Quill from "quill";
import Quill from "quill";
@@ -428,12 +423,85 @@
];
export default {
+ name: "aEducationinfo",
+ components: { OptionalForm, Editor, Toolbar },
data() {
return {
+ editor: null,
+ content: "<p>hello</p>",
+ toolbarConfig: {},
+ editorConfig: {
+ placeholder: "璇疯緭鍏ュ唴瀹�...",
+ menus: [
+ "head",
+ "bold",
+ "italic",
+ "underline",
+ "image",
+ "link",
+ "list",
+ "undo",
+ "redo",
+ "file", // 娣诲姞鑷畾涔夋枃浠朵笂浼犺彍鍗�
+ ],
+ uploadImgServer: process.env.VUE_APP_BASE_API + "/common/uploadSort", // 鍥剧墖涓婁紶鎺ュ彛
+ uploadImgHeaders: {
+ Authorization: "Bearer " + getToken(),
+ }, // 鑷畾涔変笂浼犵殑 headers
+ uploadImgParams: { key: "value" }, // 鑷畾涔変笂浼犵殑鍙傛暟
+ uploadImgMaxSize: 2 * 1024 * 1024, // 鍥剧墖鏈�澶уぇ灏忥紝鍗曚綅 Byte
+ uploadImgMaxLength: 1, // 涓�娆℃渶澶氫笂浼犲浘鐗囨暟閲�
+ uploadImgTimeout: 3 * 60 * 1000, // 瓒呮椂鏃堕棿锛屽崟浣� ms
+ uploadImgHooks: {
+ customInsert: (insertImgFn, result) => {
+ const url = result.url; // 鑾峰彇鍥剧墖鍦板潃
+ insertImgFn(url); // 鎻掑叆鍥剧墖
+ },
+ },
+ customMenus: {
+ file: {
+ tip: "涓婁紶鏂囦欢",
+ click: (editor) => {
+ const input = document.createElement("input");
+ input.type = "file";
+ input.accept =
+ "application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"; // 鏀寔鐨勬枃浠剁被鍨�
+ input.onchange = (e) => {
+ const file = e.target.files[0];
+ if (!file) return;
+ const formData = new FormData();
+ formData.append("file", file);
+
+ // 纭繚 process.env.VUE_APP_BASE_API 鏄纭殑
+ const uploadUrl =
+ process.env.VUE_APP_BASE_API + "/common/uploadSort";
+ axios
+ .post(uploadUrl, formData, {
+ headers: {
+ Authorization: "Bearer " + getToken(),
+ },
+ })
+ .then((res) => {
+ const url = res.data.url; // 鑾峰彇鏂囦欢鍦板潃
+ // 鎻掑叆鏂囦欢閾炬帴浣滀负鏅�氭枃鏈�
+ editor.txt.append(url + " ");
+ // 鎴栬�呮彃鍏ユ枃浠堕摼鎺ヤ綔涓鸿秴閾炬帴
+ // editor.cmd.do('insertLink', { name: '鏂囦欢閾炬帴', url: url });
+ })
+ .catch((err) => {
+ console.error("鏂囦欢涓婁紶澶辫触", err);
+ });
+ };
+ input.click();
+ },
+ },
+ },
+ },
+ modes: "default", // or 'simple'
headers: {
Authorization: "Bearer " + getToken(),
},
- uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload",
+ uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/uploadSort",
uploadImgUrlword: process.env.VUE_APP_BASE_API + "/common/uploadShow",
uploadUrlPath: "娌℃湁鏂囦欢涓婁紶",
quillUpdateImg: false,
@@ -447,10 +515,12 @@
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
],
- content: "", //鏈�缁堜繚瀛樼殑鍐呭
+ content: `<p>娴嬭瘯</p><video class="ql-video" controls="controls" controlslist="nofullscreen" type="video/mp4" style="object-fit:fill;width: 100%;" preload="auto" playsinline="true" x-webkit-airplay="allow" x5-video-orientation="portraint" x5-playsinline="true" x5-video-player-fullscreen="true" src="http://218.108.11.22:8093/profile-api/upload/vadio/钀ュ吇娉垫搷浣滆鑼�.mp4"></video><video class="ql-video" controls="controls" controlslist="nofullscreen" type="video/mp4" style="object-fit:fill;width: 100%;" preload="auto" playsinline="true" x-webkit-airplay="allow" x5-video-orientation="portraint" x5-playsinline="true" x5-video-player-fullscreen="true" src="http://218.108.11.22:8093/profile-api/upload/vadio/娉ㄥ皠鍣ㄦ帹娉�.mp4"></video><p>321</p>"`, //鏈�缁堜繚瀛樼殑鍐呭
+ fileName: "", //鏂囦欢鍚�
dynamicTags: [],
inputVisible: false,
illnessVisible: false,
+ dialogVisiblepatient: false, //閫傜敤鐤剧梾绐楀彛
inputValue: "",
// 瀵屾枃鏈�
editorOption: {
@@ -500,6 +570,8 @@
radioas: "", //濉┖棰樼瓟妗�
// 鎬绘潯鏁�
total: 1,
+ hetype: "",
+ id: null,
ruleForm: {
campus: [],
heLibraryTagList: [],
@@ -522,6 +594,13 @@
deptList: [],
tempDetpRelevanceslist: [],
props: { multiple: true, value: "deptId", label: "deptName" },
+ // 鍐呯綉鐨勯儴鍒嗭紙鏂囦欢锛�
+ oldPattern: "http://192.168.191.181:8095/profile/upload",
+ // 鍐呯綉鐨勯儴鍒嗭紙鏂囦欢锛�
+ oldPatternhtml: "/http:\/\/192\.168\.191\.181:8095\/profile\/upload\//g",
+ // 澶栫綉閮ㄥ垎锛堟枃浠讹級
+ newPattern: "http://218.108.11.22:8093/profile-api/upload",
+
xjxsoptions: [
{
value: "1",
@@ -557,6 +636,13 @@
},
};
},
+ activated() {
+ if (this.id != this.$route.query.id) {
+ this.gettabList();
+ this.getList();
+ this.illnessUpdate();
+ }
+ },
created() {
this.gettabList();
@@ -575,8 +661,17 @@
console.log(oldVal, "B");
},
},
-
+ beforeDestroy() {
+ const editor = this.editor;
+ if (editor == null) return;
+ editor.destroy(); // 缁勪欢閿�姣佹椂锛屽強鏃堕攢姣佺紪杈戝櫒
+ },
methods: {
+ onCreated(editor) {
+ this.editor = Object.seal(editor); // 涓�瀹氳鐢� Object.seal()锛屽惁鍒欎細鎶ラ敊
+ },
+
+ // ---------------------------------
processElement(element) {
return { ...element, isoperation: null };
},
@@ -584,15 +679,18 @@
getList() {
this.loading = true;
this.id = this.$route.query.id;
+ this.hetype = this.$route.query.hetype;
if (this.id) {
getlibraryinfo({ id: this.id }).then((res) => {
this.ruleForm = res.data[0];
- this.content = this.ruleForm.richText;
- 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
);
-
+ if (this.ruleForm.htmlRichText) {
+ this.Getmissioncontent(this.ruleForm.htmlRichText);
+ }
if (this.ruleForm.deptNames) {
this.tempDetpRelevanceslist = JSON.parse(this.ruleForm.deptNames);
}
@@ -607,45 +705,141 @@
// 瀹ｆ暀鍒嗙被
getheLibraryAssort({}).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;
- },
+ // ------------------
+
+ // let html =
+ // '<p>娴嬭瘯</p><video class="ql-video" controls="controls" controlslist="nofullscreen" type="video/mp4" style="object-fit:fill;width: 100%;" preload="auto" playsinline="true" x-webkit-airplay="allow" x5-video-orientation="portraint" x5-playsinline="true" x5-video-player-fullscreen="true" src="http://192.168.191.181:8095/profile/upload/vadio/钀ュ吇娉典粙缁�.mp4"></video><p>娴嬭瘯111</p><video class="ql-video" controls="controls" controlslist="nofullscreen" type="video/mp4" style="object-fit:fill;width: 100%;" preload="auto" playsinline="true" x-webkit-airplay="allow" x5-video-orientation="portraint" x5-playsinline="true" x5-video-player-fullscreen="true" src="http://192.168.191.181:8095/profile/upload/vadio/娉ㄥ皠鍣ㄦ帹娉�.mp4"></video><p><br></p>';
+ // // html = html.parserdom(this.oldPattern, this.newPattern);
+ // html = this.parserdom(html);
+ // console.log(html, "html");
+
+ // this.loading = false;
+ },
+ // parser
+ parserdom(html) {
+ // 鍒涘缓涓�涓柊鐨凞OM瑙ｆ瀽鍣�
+ var parser = new DOMParser();
+ // 灏嗗瓧绗︿覆瑙ｆ瀽涓烘枃妗ｅ璞�
+ var doc = parser.parseFromString(html, "text/html");
+
+ // 瀹氫箟瑕佹浛鎹㈢殑鏂版棫URL
+ var oldUrlBase = "http://192.168.191.181:8095/profile/upload";
+ var newUrlBase = "http://218.108.11.22:8093/profile-api/upload";
+
+ // 鑾峰彇鎵�鏈夌殑video鍏冪礌
+ var videos = doc.querySelectorAll("video");
+
+ // 閬嶅巻鎵�鏈夌殑video鍏冪礌骞舵浛鎹rc灞炴��
+ videos.forEach(function (video) {
+ var src = video.getAttribute("src");
+ if (src.startsWith(oldUrlBase)) {
+ video.setAttribute("src", src.replace(oldUrlBase, newUrlBase));
+ }
+ });
+
+ // 灏嗕慨鏀瑰悗鐨勬枃妗ｈ浆鎹㈠洖瀛楃涓�
+ var newContent = doc.body.innerHTML;
+ return newContent;
+ },
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 = 1;
console.log(22);
this.ruleForm.suitway =
this.ruleForm.suitway.length != 0
? this.ruleForm.suitway.join(",")
: "";
- if (this.id) {
- this.ruleForm.isoperation = 2;
- } else {
- this.ruleForm.isoperation = 1;
+
+ addrichText({
+ content: this.parserdom(this.content),
+ fileName: this.generateRandomHtmlFilename(),
+ }).then((res) => {
+ this.ruleForm.richText = res.msg;
+ console.log(this.ruleForm.richText, "this.ruleForm.richText");
+ // 澶勭悊鍐呯綉html
+ addrichText({
+ content: this.content,
+ fileName: this.generateRandomHtmlFilename(),
+ }).then((resf) => {
+ this.ruleForm.htmlRichText = resf.msg.replace(
+ this.newPattern,
+ this.oldPattern
+ );
+ console.log(this.ruleForm.htmlRichText, "this.ruleForm.htmlRichText");
+
+ 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) => {
+ if (res.code == 200) {
+ this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.confirmillness(res.data);
+ this.$router.go(-1);
+ }
+ });
+ }
+ });
+ });
+ },
+
+ generateRandomHtmlFilename() {
+ // 鐢熸垚涓�涓�0鍒�1涔嬮棿鐨勯殢鏈烘暟锛屽苟灏嗗叾杞崲涓哄瓧绗︿覆
+ let randomNumber = Math.random().toString();
+ // 绉婚櫎鍓嶉潰鐨�0鍜屽皬鏁扮偣
+ randomNumber = randomNumber.substring(6);
+ // 纭繚鐢熸垚鐨勯殢鏈烘暟鏄竴瀹氶暱搴︾殑锛屼緥濡�8浣�
+ while (randomNumber.length < 8) {
+ randomNumber = "0" + randomNumber;
}
+ // 鎷兼帴涓�.html鍚庣紑
+ return randomNumber + ".html";
+ },
+
+ // 淇濆瓨鐤剧梾
+ confirmillness(guid) {
this.illnesslist.forEach((item, index) => {
+ if (guid) {
+ item.outid = guid;
+ } else {
+ console.log(this.ruleForm);
+ item.outid = this.ruleForm.id;
+ }
+ item.icd10name = item.icdname;
+ item.icd10code = item.icdcode;
+ item.type = 6;
if (!item.id) {
addtargetillness(item).then((res) => {});
}
});
- if (this.illnesslistapi.length) {
- deltargetillness(this.illnesslistapi.join(",")).then((res) => {});
- }
- this.ruleForm.richText = this.content;
- compilelibrary(this.ruleForm).then((res) => {
- this.$modal.msgSuccess("缂栬緫鎴愬姛");
- this.$router.go(-1);
- });
+ this.illnessVisible = false;
+ this.$modal.msgSuccess("缂栬緫鎴愬姛");
+ },
+ getFileNameFromPath(path) {
+ const parts = path.split("/");
+ return parts[parts.length - 1];
},
// 涓嬩竴姝�
nextstep() {
@@ -794,62 +988,19 @@
},
// 鐤剧梾-----------------------
illnessUpdate() {
- this.illnesslistapi = [];
- const illnessqueryParams = {
- pageNum: 1,
- pageSize: 100,
- };
- getillnesslist(illnessqueryParams).then((response) => {
- this.optionsillness = response.rows;
- });
- getillness({ outid: this.$route.query.id, type: 6 }).then((res) => {
- this.illnesslist = res.rows;
- });
- },
- handleCloseillness(tag) {
- this.illnesslist.splice(this.illnesslist.indexOf(tag), 1);
- if (tag.id) {
- this.illnesslistapi.push(tag.id);
+ if (this.id) {
+ getillness({ outid: this.$route.query.id, type: 6 }).then((res) => {
+ this.illnesslist = res.rows;
+ this.illnesslist.forEach((item) => {
+ item.icdname = item.icd10name;
+ });
+ });
}
},
- remoteMethod(value) {
- const illnessqueryParams = {
- pageNum: 1,
- pageSize: 100,
- icdname: value,
- };
- this.loading = true;
- setTimeout(() => {
- this.loading = false;
- getillnesslist(illnessqueryParams).then((response) => {
- this.optionsillness = response.rows;
- });
- }, 200);
- },
- illnessConfirm(item) {
- let opeavalue = {};
- let tagname = this.inputValue;
- illnesslistget(item).then((res) => {
- opeavalue = res.data;
- opeavalue.outid = this.id;
- opeavalue.type = 6;
- opeavalue.icd10id = opeavalue.icdid;
- opeavalue.icd10name = opeavalue.icdname;
- opeavalue.icd10code = opeavalue.icdcode;
- if (tagname) {
- this.illnesslist.push(opeavalue);
- }
- });
- this.illnessVisible = false;
- this.inputValue = "";
- },
- illnessshowInput() {
- this.illnessVisible = true;
- },
// --------------------------
- // 棰勮妯＄増
+ // 棰勮妯℃澘
PreviewTemplate() {
this.drawer = true;
},
@@ -870,18 +1021,22 @@
// 涓婁紶鍥剧墖鎴愬姛
uploadEditorSuccess(res, file) {
console.log("涓婁紶鎴愬姛");
- // this.$emit('upload',res, file)
- console.log(res, file);
//鎷兼帴鍑轰笂浼犵殑鍥剧墖鍦ㄦ湇鍔″櫒鐨勫畬鏁村湴鍧�
let imgUrl = res.url;
+ console.log(res.url);
+
+ imgUrl = imgUrl.replace(this.newPattern, this.oldPattern);
+ console.log(imgUrl, "imgUrl");
+
let type = imgUrl.substring(imgUrl.lastIndexOf(".") + 1);
- console.log(type);
+ this.fileName = this.getFileNameFromPath(res.url);
+
// 鑾峰彇瀵屾枃鏈粍浠跺疄渚�
let quill = this.$refs.customQuillEditor.quill;
// 鑾峰彇鍏夋爣鎵�鍦ㄤ綅缃�
let length = quill.getSelection().index;
// 鎻掑叆鍥剧墖||瑙嗛 res.info涓烘湇鍔″櫒杩斿洖鐨勫浘鐗囧湴鍧�
- if (type == "mp4" || type == "MP4") {
+ if (type == "mp4" || type == "MP4" || type == "avi" || type == "AVI") {
window.jsValue = imgUrl;
quill.insertEmbed(length, "video", imgUrl);
} else {
@@ -936,49 +1091,45 @@
console.log(res);
console.log(file);
},
- // 涓婁紶鍥剧墖鎴愬姛
+ // 涓婁紶word鎴愬姛
uploadEditorSuccessword(res, file) {
- console.log("涓婁紶鎴愬姛");
- const data = null;
+ console.log("涓婁紶word鏂囦欢鎴愬姛");
console.log(res, file, "word");
+ let fileurl = res.url.replace(this.newPattern, this.oldPattern);
axios
- .get("http://localhost:8089/profile/upload/show/娴嬭瘯/娴嬭瘯.html")
+ .get(fileurl)
.then((response) => {
console.log(response.data, "鏁版嵁"); // 杈撳嚭鑾峰彇鍒扮殑鏂囦欢鍐呭
- this.content = response.data;
+ this.$nextTick(() => {
+ this.content = response.data;
+ });
+ this.fileName = this.getFileNameFromPath(response.url);
+ console.log(this.fileName, "this.fileName");
})
.catch((error) => {
console.error("Failed to fetch file:", error);
});
- console.log(data, "鏁版嵁");
- //鎷兼帴鍑轰笂浼犵殑鍥剧墖鍦ㄦ湇鍔″櫒鐨勫畬鏁村湴鍧�
- 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;
},
+ Getmissioncontent(url) {
+ axios
+ .get(url)
+ .then((response) => {
+ console.log(response.data, "鏁版嵁"); // 杈撳嚭鑾峰彇鍒扮殑鏂囦欢鍐呭
+ this.content = response.data;
+ this.fileName = this.getFileNameFromPath(response.url);
+ console.log(this.fileName, "this.fileName");
+ })
+ .catch((error) => {
+ console.error("Failed to fetch file:", error);
+ });
+ },
+ // 澶勭悊url
},
};
</script>
-
+<style src="@wangeditor/editor/dist/css/style.css"></style>
+<style src="@/assets/styles/global.css"></style>
<style lang="scss" scoped>
-.Questionnairemanagement {
- // display: flex;
-}
.sidecolumn {
// width: 300px;
// min-height: 100vh;
@@ -993,6 +1144,7 @@
-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;
@@ -1002,20 +1154,27 @@
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;
+ font-size: 24px;
+ height: 30px;
+ border-left: 3px solid #41a1be;
+ padding-left: 3px;
+
span {
position: absolute;
right: 80px;
}
}
+
.demo-cascader {
margin-right: 20px;
}
+
.PreviewTemplate {
color: #02a7f0;
cursor: pointer;
@@ -1023,6 +1182,7 @@
margin: 0 20px;
}
}
+
.xinz-inf {
font-size: 18px;
white-space: nowrap;
@@ -1034,6 +1194,7 @@
.el-tag + .el-tag {
margin-left: 10px;
}
+
.button-new-tag {
margin-left: 10px;
height: 32px;
@@ -1041,12 +1202,14 @@
padding-top: 0;
padding-bottom: 0;
}
+
.input-new-tag {
width: 90px;
margin-left: 10px;
vertical-align: bottom;
}
}
+
.preview-left {
margin: 20px;
// margin: 20px;
@@ -1055,41 +1218,51 @@
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;
@@ -1098,6 +1271,7 @@
}
}
}
+
::v-deep .addtopic-input {
input {
background: #02a7f0;
@@ -1105,25 +1279,31 @@
width: 150px;
}
}
+
::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 {
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;
// }
@@ -1132,85 +1312,10 @@
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