From 9ff0d92f9e7a58c405ef64e028cc7baf90d5f378 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期一, 09 九月 2024 10:51:25 +0800
Subject: [PATCH] 测试完成

---
 src/views/knowledge/education/compilequer/index.vue |  538 ++++++++++++++++++++++++++++++++++++-----------------------
 1 files changed, 324 insertions(+), 214 deletions(-)

diff --git a/src/views/knowledge/education/compilequer/index.vue b/src/views/knowledge/education/compilequer/index.vue
index 40afd79..c605e6e 100644
--- a/src/views/knowledge/education/compilequer/index.vue
+++ b/src/views/knowledge/education/compilequer/index.vue
@@ -2,12 +2,22 @@
   <div class="Questionnairemanagement">
     <!-- 宸︿晶鏍� -->
     <div class="sidecolumn">
-      <div style="height: 200px">
-        <el-steps direction="vertical" :active="Editprogress">
-          <el-step title="鍩虹淇℃伅璁剧疆"></el-step>
-          <el-step title="瀹f暀鍐呭"></el-step>
-        </el-steps>
-      </div>
+      <el-steps finish-status="success" :active="Editprogress" simple>
+        <el-step>
+          <template slot="title">
+            <span style="cursor: pointer" @click="Editprogress = 1"
+              >鍩虹淇℃伅璁剧疆</span
+            >
+          </template>
+        </el-step>
+        <el-step>
+          <template slot="title">
+            <span style="cursor: pointer" @click="Editprogress = 2"
+              >瀹f暀鍐呭</span
+            >
+          </template>
+        </el-step>
+      </el-steps>
     </div>
     <!-- 鍙充晶鏁版嵁 -->
     <div class="leftvlue">
@@ -43,14 +53,26 @@
               </el-option-group>
             </el-select>
           </el-form-item>
+          <el-row>
+            <el-col :span="12"> </el-col>
+            <el-col :span="12"> </el-col>
+          </el-row>
           <el-form-item label="瀹f暀鏍囬" prop="preachname">
             <div style="width: 30%">
-              <el-input v-model="ruleForm.preachname"></el-input>
+              <el-input
+                v-model="ruleForm.preachname"
+                placeholder="璇疯緭鍏ユ爣棰�"
+              ></el-input>
             </div>
           </el-form-item>
           <el-form-item label="瀹f暀鎻忚堪" prop="preachcontent">
-            <div style="width: 30%">
-              <el-input v-model="ruleForm.preachcontent"></el-input>
+            <div style="width: 60%">
+              <el-input
+                type="textarea"
+                :rows="2"
+                v-model="ruleForm.preachcontent"
+                placeholder="璇疯緭鍏ユ弿杩�"
+              ></el-input>
             </div>
           </el-form-item>
           <el-form-item label="閫氱煡鍙橀噺" prop="name">
@@ -120,6 +142,7 @@
                 @change="handleInputConfirm"
                 filterable
                 remote
+                allow-create
                 reserve-keyword
                 default-first-option
                 :remote-method="remoteMethodtag"
@@ -146,26 +169,22 @@
           <el-row :gutter="20">
             <el-col :span="6">
               <el-form-item label="鐗堟湰鍙�" prop="name">
-                <el-input v-model="ruleForm.version"></el-input> </el-form-item
+                <el-input
+                  v-model="ruleForm.version"
+                  placeholder="榛樿1.0.1"
+                ></el-input> </el-form-item
             ></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
@@ -186,50 +205,15 @@
             </el-select>
           </el-form-item>
           <el-form-item label="閫傜敤鐤剧梾" prop="region">
-            <div class="xinz-infs">
-              <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
               v-model="ruleForm.campus"
               size="medium"
+              multiple
               filterable
               placeholder="璇烽�夋嫨鍒嗙被"
             >
@@ -272,34 +256,7 @@
       <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-row>
-        <el-row>
-          <el-col :span="24">
-            <div style="display: flex; margin-left: 66px; margin-bottom: 10px">
-              <div
-                v-for="item in variablelist"
-                class="tsgname"
-                @click="tsgnameto(item)"
-              >
-                {{ item.variatename }}
-              </div>
-            </div>
-          </el-col></el-row
-        >
 
         <div>
           <el-form
@@ -309,20 +266,55 @@
             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">
+                <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
@@ -342,17 +334,30 @@
               v-model="content"
               ref="customQuillEditor"
               :options="editorOption"
+              @blur="onEditorBlur"
+              @focus="onEditorFocus"
+              @change="onEditorChange"
             >
             </quill-editor>
           </div>
         </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 axios from "axios";
+
 import {
   getheLibraryAssort,
   delheLibraryAssort,
@@ -360,12 +365,16 @@
   addtargetillness,
   getlibrarylist,
   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";
@@ -399,12 +408,15 @@
 ];
 
 export default {
+  name: "aEducationinfo",
+  components: { OptionalForm },
   data() {
     return {
       headers: {
         Authorization: "Bearer " + getToken(),
       },
-      uploadImgUrl: "/v1/admin/common/upload",
+      uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/uploadSort",
+      uploadImgUrlword: process.env.VUE_APP_BASE_API + "/common/uploadShow",
       uploadUrlPath: "娌℃湁鏂囦欢涓婁紶",
       quillUpdateImg: false,
       fileList: [
@@ -418,9 +430,11 @@
         },
       ],
       content: "", //鏈�缁堜繚瀛樼殑鍐呭
+      fileName: "", //鏂囦欢鍚�
       dynamicTags: [],
       inputVisible: false,
       illnessVisible: false,
+      dialogVisiblepatient: false, //閫傜敤鐤剧梾绐楀彛
       inputValue: "",
       // 瀵屾枃鏈�
       editorOption: {
@@ -470,7 +484,14 @@
       radioas: "", //濉┖棰樼瓟妗�
       // 鎬绘潯鏁�
       total: 1,
-      ruleForm: {},
+      hetype: "",
+      id: null,
+      ruleForm: {
+        campus: [],
+        heLibraryTagList: [],
+        tempDetpRelevances: [],
+        version: "1.0.1",
+      },
       rules: {},
       rulesa: {},
       mode: [],
@@ -522,6 +543,13 @@
       },
     };
   },
+  activated() {
+    if (this.id != this.$route.query.id) {
+      this.gettabList();
+      this.getList();
+      this.illnessUpdate();
+    }
+  },
 
   created() {
     this.gettabList();
@@ -536,31 +564,45 @@
   watch: {
     content(newVal, oldVal) {
       //this.$emit('input', newVal);
-      console.log(newVal);
-      console.log(oldVal);
+      console.log(newVal, "A");
+      console.log(oldVal, "B");
     },
   },
 
   methods: {
+    processElement(element) {
+      return { ...element, isoperation: null };
+    },
+    // 鑾峰彇椤甸潰鏁版嵁
     getList() {
       this.loading = true;
       this.id = this.$route.query.id;
-      getlibraryinfo({ id: this.id }).then((res) => {
-        this.ruleForm = res.data[0];
-
-        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)
-          : this.variablelist;
-      });
+      this.hetype = this.$route.query.hetype;
+      if (this.id) {
+        getlibraryinfo({ id: this.id }).then((res) => {
+          this.ruleForm = res.data[0];
+          this.ruleForm.campus = this.ruleForm.campus.split(",");
+          this.dynamicTags = res.data[0].heLibraryTagList.map(
+            this.processElement
+          );
+          this.Getmissioncontent(this.ruleForm.htmlRichText);
+          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)
+            : this.variablelist;
+        });
+      }
+      // 瀹f暀鍒嗙被
       getheLibraryAssort({}).then((res) => {
         this.sortlist = res.rows;
+        console.log(this.sortlist);
       });
+      // 閮ㄩ棬
       listDept(this.queryParams).then((response) => {
         this.deptList = this.handleTree(response.data, "deptId");
       });
@@ -572,28 +614,86 @@
       this.dynamicTags.forEach((item) => {
         tgs.push(item.tagname);
       });
-      console.log(tgs.length, "tgs");
-
+      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;
-        compilelibrary(this.ruleForm).then((response) => {
-          this.$modal.msgSuccess("淇敼鎴愬姛");
-          this.$router.go(-1);
-        });
-      } else {
-        this.ruleForm.isoperation = 1;
-        compilelibrary(this.ruleForm).then((response) => {
-          this.$modal.msgSuccess("鏂板鎴愬姛");
-          this.$router.go(-1);
-        });
-      }
+      addrichText({
+        content: this.content,
+        fileName: this.generateRandomHtmlFilename(),
+      }).then((res) => {
+        this.ruleForm.richText = res.msg;
+        this.ruleForm.htmlRichText = this.replaceIpAndPort(res.msg);
+        this.ruleForm.htmlRichText = this.removePathSegment(this.ruleForm.htmlRichText,'prod-api');
+        console.log(this.ruleForm.htmlRichText,'this.ruleForm.htmlRichText');
+
+        if (this.id) {
+          this.ruleForm.isoperation = 2;
+          compilelibrary(this.ruleForm).then((res) => {
+            this.$modal.msgSuccess("缂栬緫鎴愬姛");
+            this.confirmillness();
+            this.$router.go(-1);
+          });
+        } else {
+          this.ruleForm.isoperation = 1;
+          compilelibrary(this.ruleForm).then((res) => {
+            this.$modal.msgSuccess("鏂板鎴愬姛");
+            this.confirmillness(res.data);
+            this.$router.go(-1);
+          });
+        }
+      });
+    },
+    replaceIpAndPort(path) {
+      // 姝e垯琛ㄨ揪寮忓尮閰岻P鍦板潃鍜岀鍙�
+      const ipPortRegex = /(\b(?:\d{1,3}\.){3}\d{1,3}(?::\d+)?)/;
+      // 鏇挎崲涓烘寚瀹氱殑IP鍦板潃鍜岀鍙�
+      return path.replace(ipPortRegex, "192.168.191.181:8095");
+    },
+    removePathSegment(url, segment) {
+    // 浣跨敤姝e垯琛ㄨ揪寮忓叏灞�鍖归厤骞舵浛鎹㈡帀鎸囧畾鐨勮矾寰勬
+    return url.replace(new RegExp('/' + segment + '/?', 'g'), '/');
+},
+    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) => {});
+        }
+      });
+      this.illnessVisible = false;
+      this.$modal.msgSuccess("缂栬緫鎴愬姛");
+    },
+    getFileNameFromPath(path) {
+      const parts = path.split("/");
+      return parts[parts.length - 1];
     },
     // 涓嬩竴姝�
     nextstep() {
@@ -635,6 +735,7 @@
         );
         if (!condition) {
           listDept({ deptId: item }).then((res) => {
+            console.log("dept");
             res.data[0].type = 2;
             this.ruleForm.tempDetpRelevances.push(res.data[0]);
           });
@@ -689,7 +790,11 @@
       });
     },
     handleClosetag(tag) {
-      const lindex = this.dynamicTags.indexOf(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;
     },
@@ -737,74 +842,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);
-      }
-    },
-    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;
+      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;
+          });
         });
-      }, 200);
-    },
-    illnessConfirm(item) {
-      let opeavalue = {};
-      let tagname = this.inputValue;
-      illnesslistget(item).then((res) => {
-        opeavalue = res.data;
-        opeavalue.outid = this.indexid;
-        opeavalue.type = 6;
-        opeavalue.icd10id = opeavalue.icdid;
-        opeavalue.icd10name = opeavalue.icdname;
-        opeavalue.icd10code = opeavalue.icdcode;
-        if (tagname) {
-          this.illnesslist.push(opeavalue);
-        }
-      });
-      console.log(this.illnesslist);
-      this.inputVisible = false;
-      this.inputValue = "";
-    },
-    confirmillness() {
-      this.illnesslist.forEach((item, index) => {
-        if (!item.id) {
-          addtargetillness(item).then((res) => {});
-        }
-      });
-      if (this.illnesslistapi.length) {
-        deltargetillness(this.illnesslistapi.join(",")).then((res) => {});
       }
-      this.illnessVisible = false;
-      this.$modal.msgSuccess("缂栬緫鎴愬姛");
     },
-    illnessshowInput() {
-      this.illnessVisible = true;
-    },
+
     // --------------------------
 
-    // 棰勮妯$増
+    // 棰勮妯℃澘
     PreviewTemplate() {
       this.drawer = true;
     },
@@ -825,12 +875,12 @@
     // 涓婁紶鍥剧墖鎴愬姛
     uploadEditorSuccess(res, file) {
       console.log("涓婁紶鎴愬姛");
-      // this.$emit('upload',res, file)
-      console.log(res, file);
       //鎷兼帴鍑轰笂浼犵殑鍥剧墖鍦ㄦ湇鍔″櫒鐨勫畬鏁村湴鍧�
-      let imgUrl = res.data.url;
+      let imgUrl = res.url;
+      imgUrl=this.replaceIpAndPort(imgUrl)
       let type = imgUrl.substring(imgUrl.lastIndexOf(".") + 1);
-      console.log(type);
+      this.fileName = this.getFileNameFromPath(res.url);
+
       // 鑾峰彇瀵屾枃鏈粍浠跺疄渚�
       let quill = this.$refs.customQuillEditor.quill;
       // 鑾峰彇鍏夋爣鎵�鍦ㄤ綅缃�
@@ -847,10 +897,22 @@
       //鍙栨秷涓婁紶鍔ㄧ敾
       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);
-      console.log(file);
+      console.log(res, "word");
+      console.log(file, "word");
       //椤甸潰鎻愮ず
       this.$message.error("涓婁紶鍥剧墖澶辫触");
       //鍙栨秷涓婁紶鍔ㄧ敾
@@ -860,23 +922,73 @@
     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(response.url);
+          console.log(this.fileName, "this.fileName");
+        })
+        .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(response.url);
+          console.log(this.fileName, "this.fileName");
+        })
+        .catch((error) => {
+          console.error("Failed to fetch file:", error);
+        });
+    },
   },
 };
 </script>
 
 <style lang="scss" scoped>
 .Questionnairemanagement {
-  display: flex;
+  // display: flex;
 }
 .sidecolumn {
-  width: 300px;
-  min-height: 100vh;
-  text-align: center;
+  // width: 300px;
+  // min-height: 100vh;
+  // text-align: center;
   //   display: flex;
   //   margin-top: 20px;
   margin: 20px;
   margin-bottom: 0;
-  padding: 30px;
+  padding: 20px;
   background: #edf1f7;
   border: 1px solid #dcdfe6;
   -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
@@ -885,9 +997,7 @@
 .leftvlue {
   //   display: flex;
   //   flex: 1;
-  width: 80%;
-  margin-top: 20px;
-  //   margin: 20px;
+  margin: 20px;
   padding: 30px;
   background: #ffff;
   border: 1px solid #dcdfe6;
@@ -1030,8 +1140,8 @@
 }
 .editor {
   line-height: normal !important;
-  height: 400px;
-  margin-bottom: 50px;
+  height: 600px;
+  margin-bottom: 80px;
 }
 .ql-snow .ql-tooltip[data-mode="link"]::before {
   content: "璇疯緭鍏ラ摼鎺ュ湴鍧�:";

--
Gitblit v1.9.3