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="瀹f暀鏂瑰紡" 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 @@ <!-- 瀹f暀鍐呭 --> <div v-if="Editprogress == 2"> <el-row :gutter="20"> - <el-col :span="4"><div class="leftvlue-jbxx">瀹f暀鍐呭</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">瀹f暀鍐呭</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"; //姝e垯缁勪欢 + 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 @@ // 瀹f暀鍒嗙被 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瑙f瀽鍣� + var parser = new DOMParser(); + // 灏嗗瓧绗︿覆瑙f瀽涓烘枃妗e璞� + 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)); + } + }); + + // 灏嗕慨鏀瑰悗鐨勬枃妗h浆鎹㈠洖瀛楃涓� + 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