From 49fcdb7178dffc69769e2fb8cb6a03e204cb1e68 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 31 五月 2024 18:26:42 +0800
Subject: [PATCH] 测试完成

---
 src/views/knowledge/education/compilequer/index.vue | 1489 +++++++++++++++++++++++++++++++++++------------------------
 1 files changed, 884 insertions(+), 605 deletions(-)

diff --git a/src/views/knowledge/education/compilequer/index.vue b/src/views/knowledge/education/compilequer/index.vue
index 81ced24..ce20fcf 100644
--- a/src/views/knowledge/education/compilequer/index.vue
+++ b/src/views/knowledge/education/compilequer/index.vue
@@ -2,20 +2,28 @@
   <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">
       <!-- 鍩烘湰淇℃伅 -->
       <div v-if="Editprogress == 1">
-        <div class="leftvlue-jbxx">
-          鍩烘湰淇℃伅<span>褰撳墠鐗堟湰:{{ currentVersion }}</span>
-        </div>
+        <div class="leftvlue-jbxx">鍩烘湰淇℃伅</div>
         <el-form
           :model="ruleForm"
           :rules="rules"
@@ -23,46 +31,237 @@
           label-width="100px"
           class="demo-ruleForm"
         >
-          <el-form-item label="瀹f暀鍚嶇О" prop="name">
-            <el-input v-model="ruleForm.name"></el-input>
-          </el-form-item>
-          <el-form-item label="瀹f暀褰㈠紡" prop="name">
-            <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-form-item label="瀹f暀鍒嗙被" prop="region">
             <el-select
-              v-model="ruleForm.classify"
+              v-model="ruleForm.assortid"
+              size="medium"
+              filterable
+              placeholder="璇烽�夋嫨鍒嗙被"
+            >
+              <el-option-group
+                v-for="group in sortlist"
+                :key="group.id"
+                :label="group.assortname"
+              >
+                <el-option
+                  v-for="item in group.heLibraryAssortList"
+                  :key="item.id"
+                  :label="item.assortname"
+                  :value="item.id"
+                >
+                </el-option>
+              </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"
+                placeholder="璇疯緭鍏ユ爣棰�"
+              ></el-input>
+            </div>
+          </el-form-item>
+          <el-form-item label="瀹f暀鎻忚堪" prop="preachcontent">
+            <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">
+            <div style="margin-bottom: 5px" v-for="item in variablelist">
+              <el-row>
+                <el-col :span="5">
+                  <el-input
+                    v-model="item.variatename"
+                    placeholder="璇疯緭鍏ュ彉閲忓悕"
+                  ></el-input>
+                </el-col>
+                <el-col :span="8" :offset="1">
+                  <el-input
+                    v-model="item.variate"
+                    placeholder="璇疯緭鍏ュ彉閲忓唴瀹�"
+                  ></el-input>
+                </el-col>
+                <el-col :span="8" :offset="1">
+                  <el-button
+                    type="success"
+                    icon="el-icon-plus"
+                    circle
+                    @click="addvariable(item)"
+                  ></el-button>
+                  <el-button
+                    v-if="!item.default"
+                    type="danger"
+                    icon="el-icon-delete"
+                    circle
+                    @click="delvariable(item)"
+                  ></el-button>
+                </el-col>
+              </el-row>
+            </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
+                :key="tag.tagname"
+                type="success"
+                v-for="tag in dynamicTags"
+                closable
+                :disable-transitions="false"
+                @close="handleClosetag(tag)"
+              >
+                {{ tag.tagname }}
+              </el-tag>
+              <el-select
+                v-model="inputValue"
+                v-if="inputVisible"
+                @change="handleInputConfirm"
+                filterable
+                remote
+                reserve-keyword
+                default-first-option
+                :remote-method="remoteMethodtag"
+                :loading="loading"
+                placeholder="璇烽�夋嫨"
+              >
+                <el-option
+                  v-for="item in optionstag"
+                  :key="item.tagid"
+                  :label="item.tagname"
+                  :value="item.tagname"
+                >
+                </el-option>
+              </el-select>
+              <el-button
+                v-else
+                class="button-new-tag"
+                size="small"
+                @click="showInput"
+                >+ 鏂板鏍囩</el-button
+              >
+            </div>
+          </el-form-item>
+          <el-row :gutter="20">
+            <el-col :span="6">
+              <el-form-item label="鐗堟湰鍙�" prop="name">
+                <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-option>
+                </el-select> </el-form-item
+            ></el-col>
+          </el-row>
+          <el-form-item label="瀹f暀鏂瑰紡" prop="region">
+            <el-select
+              v-model="ruleForm.suitway"
               size="medium"
               multiple
               filterable
               placeholder="璇烽�夋嫨鍒嗙被"
-            > 
+            >
               <el-option
                 class="ruleFormaa"
-                v-for="item in options"
-                :key="item.value"
+                v-for="item in mode"
+                :key="item.label"
                 :label="item.label"
-                :value="item.value"
+                :value="item.label"
               >
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="閫傜敤鐤剧梾" prop="sickness">
+          <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-form-item>
+          <el-form-item label="閫傜敤闄㈠尯" prop="region">
             <el-select
-              v-model="ruleForm.sickness"
+              v-model="ruleForm.campus"
+              size="medium"
+              multiple
               filterable
-              placeholder="璇烽�夋嫨"
+              placeholder="璇烽�夋嫨鍒嗙被"
             >
               <el-option
-                v-for="item in sicknessoptions"
+                class="ruleFormaa"
+                v-for="item in courtyardlist"
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"
@@ -70,184 +269,224 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="娲诲姩褰㈠紡" prop="desc">
-            <el-input
-              :rows="4"
-              type="textarea"
-              v-model="ruleForm.desc"
-              maxlength="400"
-              show-word-limit
-            ></el-input>
+          <el-form-item label="閫傜敤绉戝" prop="region">
+            <el-cascader
+              v-model="tempDetpRelevanceslist"
+              :options="deptList"
+              :props="props"
+              :show-all-levels="false"
+              clearable
+            >
+              <template slot-scope="{ node, data }">
+                <span>{{ data.deptName }}</span>
+                <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+              </template>
+            </el-cascader>
           </el-form-item>
           <el-form-item>
-            <el-button type="success" @click="submitForm('ruleForm')"
+            <el-button type="success" @click="nextstep('ruleForm')"
               >涓嬩竴姝�</el-button
             >
-            <el-button @click="resetForm('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>
       <!-- 瀹f暀鍐呭 -->
       <div v-if="Editprogress == 2">
-        <div class="leftvlue-jbxx">瀹f暀鍐呭</div>
-        <el-form
-          :model="ruleForm"
-          :rules="rules"
-          ref="ruleForm"
-          label-width="100px"
-          class="demo-ruleForm"
-        >
-          <el-form-item label="瀹f暀浠嬬粛" prop="desc">
-            <el-cascader
-              class="demo-cascader"
-              v-model="ruleForm.templatevalue"
-              :options="asoptions"
-              :props="{ expandTrigger: 'hover' }"
-            ></el-cascader>
-            <el-select v-model="ruleForm.data2" placeholder="鎻愪氦鎻愮ず">
-              <el-option
-                v-for="item in asoptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
+        <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-option>
-            </el-select>
-            <div style="display: flex; margin-top: 20px">
-              <div class="PreviewTemplate" @click="PreviewTemplate()">
-                棰勮妯$増
+              <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>
-              <el-button type="primary">纭寮曠敤</el-button>
             </div>
-          </el-form-item>
-          <el-form-item label="娲诲姩褰㈠紡" prop="desc">
-            <el-input type="textarea" v-model="ruleForm.desc"></el-input>
-          </el-form-item>
-          <el-form-item label="娲诲姩褰㈠紡" prop="desc">
-            <el-input type="textarea" v-model="ruleForm.desc"></el-input>
-            <div class="addtopic">
-              <el-select
-                v-model="addvalue"
-                @change="changeaddtopic"
-                class="addtopic-input"
-              >
+          </el-col></el-row
+        >
+
+        <div>
+          <el-form
+            :model="ruleForm"
+            :rules="rules"
+            ref="ruleForm"
+            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 options"
+                  v-for="item in xjxsoptions"
                   :key="item.value"
                   :label="item.label"
                   :value="item.value"
                 >
                 </el-option>
               </el-select>
-            </div>
-
-            <div class="presentation">
-              <div class="presentation-left">
-                <el-table v-loading="loading" :data="userList">
-                  <el-table-column
-                    label="搴忓彿"
-                    align="center"
-                    key="userid"
-                    prop="userid"
-                  />
-                  <el-table-column
-                    label="棰樼洰"
-                    align="center"
-                    key="userName"
-                    prop="userName"
-                    :show-overflow-tooltip="true"
-                  />
-
-                  <el-table-column
-                    label="鎿嶄綔"
-                    align="center"
-                    width="300"
-                    class-name="small-padding fixed-width"
-                  >
-                    <template slot-scope="scope">
-                      <!-- <el-button
-                        size="medium"
-                        type="text"
-                        @click="goQRCode(scope.row)"
-                        v-hasPermi="['system:user:edit']"
-                      >
-                        <span class="button-text"
-                          ><i class="el-icon-edit"></i>浜岀淮鐮�</span
-                        ></el-button
-                      >
-                      <el-button
-                        size="medium"
-                        type="text"
-                        @click="ViewQuestionnaire(scope.row)"
-                        v-hasPermi="['system:user:edit']"
-                        ><span class="button-textck"
-                          ><i class="el-icon-edit"></i>鏌ョ湅</span
-                        ></el-button
-                      > -->
-                      <el-button
-                        size="medium"
-                        type="text"
-                        @click="handleUpdate(scope.row)"
-                        v-hasPermi="['system:user:edit']"
-                        ><span class="button-textxg"
-                          ><i class="el-icon-scissors"></i>淇敼</span
-                        ></el-button
-                      >
-                      <el-button
-                        size="medium"
-                        type="text"
-                        @click="handleDelete(scope.row)"
-                        v-hasPermi="['system:user:remove']"
-                        ><span class="button-textsc"
-                          ><i class="el-icon-delete"></i>鍒犻櫎</span
-                        ></el-button
-                      >
-                    </template>
-                  </el-table-column>
-                </el-table>
-
-                <pagination
-                  v-show="total > 0"
-                  :total="total"
-                  :page.sync="queryParams.pageNum"
-                  :limit.sync="queryParams.pageSize"
-                  @pagination="getList"
-                />
-              </div>
-              <div class="presentation-right">
-                <div class="headline">棰樼洰璁剧疆璇︽儏</div>
-                <div>棰樼洰鏍囬锛�<span>杩欏鏈烘瀯鎬庝箞鏍�</span></div>
-                <div>鏄惁蹇呯瓟锛�<span>鏄�</span> 鏄惁闅愯棌锛�<span>鍚�</span></div>
-                <div class="headline">閫夐」璁剧疆</div>
-                <div>
-                  <p>閫夐」1:<span>鍖荤枟鏈烘瀯</span></p>
-                  <p>
-                    濉啓鏄庣粏锛�<span>鏃�</span> 寮傚父閫夐」锛�<span>鏃�</span>
-                    鍒嗗�硷細<span>3</span>
-                  </p>
-                  <p>閫変腑鎻愮ず锛�<span>杩欎釜棰樻湁鐐归毦璇锋敞鎰�</span></p>
-                  <p>閫変腑璺宠浆锛�<span>鏃�</span></p>
-                </div>
-              </div>
-            </div>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="success" @click="submitForm('ruleForm')"
-              >绔嬪嵆鍒涘缓</el-button
+            </el-form-item>
+          </el-form>
+        </div>
+        <div>
+          <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-button type="primary" @click="laststep()">涓婁竴姝�</el-button>
-            <el-button @click="resetForm('ruleForm')">閲嶇疆</el-button>
-          </el-form-item>
-        </el-form>
+            </el-upload>
+            <!-- 鍩轰簬elementUi鐨勪笂浼犵粍浠� el-upload end-->
+            <quill-editor
+              class="editor"
+              v-model="content"
+              ref="customQuillEditor"
+              :options="editorOption"
+            >
+            </quill-editor>
+          </div>
+        </div>
       </div>
     </div>
   </div>
 </template>
 
 <script>
+import { quillEditor } from "vue-quill-editor";
+import {
+  getheLibraryAssort,
+  delheLibraryAssort,
+  addheLibraryAssort,
+  addtargetillness,
+  getlibrarylist,
+  dellibraryinfo,
+  deltargetillness,
+  compilelibrary,
+  getlibraryinfo,
+  getillnesslist,
+  illnesslistget,
+  getillness,
+} from "@/api/AiCentre/index";
+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 {
   data() {
     return {
+      headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+      uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload",
+      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: "", //鏈�缁堜繚瀛樼殑鍐呭
+      dynamicTags: [],
+      inputVisible: false,
+      illnessVisible: 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", //褰撳墠鐗堟湰
@@ -259,373 +498,39 @@
       // 鎬绘潯鏁�
       total: 1,
       ruleForm: {
-        name: "",
-        shape: "",
-        classify: "",
-        region: "",
-        date1: "",
-        date2: "",
-        delivery: false,
-        type: [],
-        resource: "",
-        desc: "",
-        templatevalue: "",
-        data2: "",
+        campus: [],
+        heLibraryTagList: [],
+        tempDetpRelevances: [],
+        version: "1.0.1",
       },
       rules: {},
-      rulesa: {
-        name: [
-          { required: true, message: "璇疯緭鍏ユ椿鍔ㄥ悕绉�", trigger: "blur" },
-          { min: 3, max: 5, message: "闀垮害鍦� 3 鍒� 5 涓瓧绗�", trigger: "blur" },
-        ],
-        region: [
-          { required: true, message: "璇烽�夋嫨娲诲姩鍖哄煙", trigger: "change" },
-        ],
-        date1: [
-          {
-            type: "date",
-            required: true,
-            message: "璇烽�夋嫨鏃ユ湡",
-            trigger: "change",
-          },
-        ],
-        date2: [
-          {
-            type: "date",
-            required: true,
-            message: "璇烽�夋嫨鏃堕棿",
-            trigger: "change",
-          },
-        ],
-        type: [
-          {
-            type: "array",
-            required: true,
-            message: "璇疯嚦灏戦�夋嫨涓�涓椿鍔ㄦ�ц川",
-            trigger: "change",
-          },
-        ],
-        resource: [
-          { required: true, message: "璇烽�夋嫨娲诲姩璧勬簮", trigger: "change" },
-        ],
-        desc: [{ required: true, message: "璇峰~鍐欐椿鍔ㄥ舰寮�", trigger: "blur" }],
-      },
-      options: [
-        {
-          value: "閫夐」1",
-          label: "鐤剧梾瀹f暀",
-        },
-        {
-          value: "閫夐」2",
-          label: "鍏ラ櫌瀹f暀",
-        },
-        {
-          value: "閫夐」3",
-          label: "鎵嬫湳瀹f暀",
-        },
-        {
-          value: "閫夐」4",
-          label: "鎶ょ悊瀹f暀",
-        },
-      ],
+      rulesa: {},
+      mode: [],
+      editableTabs: [],
+      sortlist: [],
+      usable: [],
+      courtyardlist: [],
+      precedencetype: [],
+      optionsillness: [],
+      illnesslistapi: [],
+      illnesslist: [],
+      options: [],
+      optionstag: [],
+      deptList: [],
+      tempDetpRelevanceslist: [],
+      props: { multiple: true, value: "deptId", label: "deptName" },
       xjxsoptions: [
         {
-          value: "閫夐」1",
+          value: "1",
           label: "鍥炬枃",
         },
         {
-          value: "閫夐」2",
+          value: "2",
           label: "瑙嗛",
         },
         {
-          value: "閫夐」3",
+          value: "3",
           label: "闊抽",
-        },
-      ],
-      sicknessoptions: [
-        {
-          value: 1,
-          label: "楂樿鍘�",
-        },
-        {
-          value: 2,
-          label: "蹇冭剰鐥�",
-        },
-        {
-          value: 3,
-          label: "绯栧翱鐥�",
-        },
-        {
-          value: 4,
-          label: "鑴婃鐐�",
-        },
-      ],
-      asoptions: [
-        {
-          value: "zhinan",
-          label: "鎸囧崡",
-          children: [
-            {
-              value: "shejiyuanze",
-              label: "璁捐鍘熷垯",
-              children: [
-                {
-                  value: "yizhi",
-                  label: "涓�鑷�",
-                },
-                {
-                  value: "fankui",
-                  label: "鍙嶉",
-                },
-                {
-                  value: "xiaolv",
-                  label: "鏁堢巼",
-                },
-                {
-                  value: "kekong",
-                  label: "鍙帶",
-                },
-              ],
-            },
-            {
-              value: "daohang",
-              label: "瀵艰埅",
-              children: [
-                {
-                  value: "cexiangdaohang",
-                  label: "渚у悜瀵艰埅",
-                },
-                {
-                  value: "dingbudaohang",
-                  label: "椤堕儴瀵艰埅",
-                },
-              ],
-            },
-          ],
-        },
-        {
-          value: "zujian",
-          label: "缁勪欢",
-          children: [
-            {
-              value: "basic",
-              label: "Basic",
-              children: [
-                {
-                  value: "layout",
-                  label: "Layout 甯冨眬",
-                },
-                {
-                  value: "color",
-                  label: "Color 鑹插僵",
-                },
-                {
-                  value: "typography",
-                  label: "Typography 瀛椾綋",
-                },
-                {
-                  value: "icon",
-                  label: "Icon 鍥炬爣",
-                },
-                {
-                  value: "button",
-                  label: "Button 鎸夐挳",
-                },
-              ],
-            },
-            {
-              value: "form",
-              label: "Form",
-              children: [
-                {
-                  value: "radio",
-                  label: "Radio 鍗曢�夋",
-                },
-                {
-                  value: "checkbox",
-                  label: "Checkbox 澶氶�夋",
-                },
-                {
-                  value: "input",
-                  label: "Input 杈撳叆妗�",
-                },
-                {
-                  value: "input-number",
-                  label: "InputNumber 璁℃暟鍣�",
-                },
-                {
-                  value: "select",
-                  label: "Select 閫夋嫨鍣�",
-                },
-                {
-                  value: "cascader",
-                  label: "Cascader 绾ц仈閫夋嫨鍣�",
-                },
-                {
-                  value: "switch",
-                  label: "Switch 寮�鍏�",
-                },
-                {
-                  value: "slider",
-                  label: "Slider 婊戝潡",
-                },
-                {
-                  value: "time-picker",
-                  label: "TimePicker 鏃堕棿閫夋嫨鍣�",
-                },
-                {
-                  value: "date-picker",
-                  label: "DatePicker 鏃ユ湡閫夋嫨鍣�",
-                },
-                {
-                  value: "datetime-picker",
-                  label: "DateTimePicker 鏃ユ湡鏃堕棿閫夋嫨鍣�",
-                },
-                {
-                  value: "upload",
-                  label: "Upload 涓婁紶",
-                },
-                {
-                  value: "rate",
-                  label: "Rate 璇勫垎",
-                },
-                {
-                  value: "form",
-                  label: "Form 琛ㄥ崟",
-                },
-              ],
-            },
-            {
-              value: "data",
-              label: "Data",
-              children: [
-                {
-                  value: "table",
-                  label: "Table 琛ㄦ牸",
-                },
-                {
-                  value: "tag",
-                  label: "Tag 鏍囩",
-                },
-                {
-                  value: "progress",
-                  label: "Progress 杩涘害鏉�",
-                },
-                {
-                  value: "tree",
-                  label: "Tree 鏍戝舰鎺т欢",
-                },
-                {
-                  value: "pagination",
-                  label: "Pagination 鍒嗛〉",
-                },
-                {
-                  value: "badge",
-                  label: "Badge 鏍囪",
-                },
-              ],
-            },
-            {
-              value: "notice",
-              label: "Notice",
-              children: [
-                {
-                  value: "alert",
-                  label: "Alert 璀﹀憡",
-                },
-                {
-                  value: "loading",
-                  label: "Loading 鍔犺浇",
-                },
-                {
-                  value: "message",
-                  label: "Message 娑堟伅鎻愮ず",
-                },
-                {
-                  value: "message-box",
-                  label: "MessageBox 寮规",
-                },
-                {
-                  value: "notification",
-                  label: "Notification 閫氱煡",
-                },
-              ],
-            },
-            {
-              value: "navigation",
-              label: "Navigation",
-              children: [
-                {
-                  value: "menu",
-                  label: "NavMenu 瀵艰埅鑿滃崟",
-                },
-                {
-                  value: "tabs",
-                  label: "Tabs 鏍囩椤�",
-                },
-                {
-                  value: "breadcrumb",
-                  label: "Breadcrumb 闈㈠寘灞�",
-                },
-                {
-                  value: "dropdown",
-                  label: "Dropdown 涓嬫媺鑿滃崟",
-                },
-                {
-                  value: "steps",
-                  label: "Steps 姝ラ鏉�",
-                },
-              ],
-            },
-            {
-              value: "others",
-              label: "Others",
-              children: [
-                {
-                  value: "dialog",
-                  label: "Dialog 瀵硅瘽妗�",
-                },
-                {
-                  value: "tooltip",
-                  label: "Tooltip 鏂囧瓧鎻愮ず",
-                },
-                {
-                  value: "popover",
-                  label: "Popover 寮瑰嚭妗�",
-                },
-                {
-                  value: "card",
-                  label: "Card 鍗$墖",
-                },
-                {
-                  value: "carousel",
-                  label: "Carousel 璧伴┈鐏�",
-                },
-                {
-                  value: "collapse",
-                  label: "Collapse 鎶樺彔闈㈡澘",
-                },
-              ],
-            },
-          ],
-        },
-        {
-          value: "ziyuan",
-          label: "璧勬簮",
-          children: [
-            {
-              value: "axure",
-              label: "Axure Components",
-            },
-            {
-              value: "sketch",
-              label: "Sketch Templates",
-            },
-            {
-              value: "jiaohu",
-              label: "缁勪欢浜や簰鏂囨。",
-            },
-          ],
         },
       ],
       valssu: [
@@ -636,84 +541,364 @@
         },
       ],
       addvalue: "娣诲姞棰樼洰",
-      // 棰樼洰琛ㄦ牸鏁版嵁
-      userList: [
-        {
-          userid: "1",
-          userName: "涓�鍙峰鏁�",
-        },
-        {
-          userid: "2",
-          userName: "浜屽彿瀹f暀",
-        },
-        {
-          userid: "3",
-          userName: "涓夊彿瀹f暀",
-        },
-        {
-          userid: "4",
-          userName: "鍥涘彿瀹f暀",
-        },
+
+      variablelist: [
+        { variatename: "濮撳悕", variate: "${name}", default: 1 },
+        { variatename: "鐢佃瘽", variate: "${phone}", default: 1 },
+        { variatename: "鐥呮儏", variate: "${illness}", default: 1 },
       ],
       // 鏌ヨ鍙傛暟
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        userName: undefined,
-        phonenumber: undefined,
-        status: undefined,
-        deptId: undefined,
-        IDnumber: undefined,
       },
     };
   },
 
-  created() {},
+  created() {
+    this.gettabList();
+    this.getList();
+    this.illnessUpdate();
+    this.mode = store.getters.mode;
+    this.editableTabs = store.getters.editableTabs;
+    this.usable = store.getters.usable;
+    this.precedencetype = store.getters.precedencetype;
+    this.courtyardlist = store.getters.courtyardlist;
+  },
+  watch: {
+    content(newVal, oldVal) {
+      //this.$emit('input', newVal);
+      console.log(newVal);
+      console.log(oldVal);
+    },
+  },
 
   methods: {
-    submitForm(formName) {
-      if (this.Editprogress <= 3) {
-        return this.Editprogress++;
+    processElement(element) {
+      return { ...element, isoperation: null };
+    },
+    // 鑾峰彇椤甸潰鏁版嵁
+    getList() {
+      this.loading = true;
+      this.id = this.$route.query.id;
+      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
+          );
+
+          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.rules = this.rulesa;
-      //   鎻愪氦
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert("submit!");
-        } else {
-          console.log("error submit!!");
-          return false;
+      // 瀹f暀鍒嗙被
+      getheLibraryAssort({}).then((res) => {
+        this.sortlist = res.rows;
+      });
+      // 閮ㄩ棬
+      listDept(this.queryParams).then((response) => {
+        this.deptList = this.handleTree(response.data, "deptId");
+      });
+      this.loading = false;
+    },
+
+    submitForm(formName) {
+      let tgs = [];
+      this.dynamicTags.forEach((item) => {
+        tgs.push(item.tagname);
+      });
+      this.ruleForm.campus = this.ruleForm.campus.join(",");
+      this.ruleForm.labelInfo = tgs.length != 0 ? tgs.join(", ") : "";
+      this.ruleForm.otherdata = JSON.stringify(this.variablelist);
+      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;
+      }
+      this.illnesslist.forEach((item, index) => {
+        if (!item.id) {
+          addtargetillness(item).then((res) => {});
         }
       });
-    },
-    /** 鏌ヨ棰樼洰鍒楄〃 */
-    getList() {
-      //   this.loading = true;
-      listUser().then((response) => {
-        console.log(response);
-        // this.userList = response.data;
-        // this.total = response.total;
-        // this.loading = false;
-        console.log(this.userList);
+      if (this.illnesslistapi.length) {
+        deltargetillness(this.illnesslistapi.join(",")).then((res) => {});
+      }
+      compilelibrary(this.ruleForm).then((res) => {
+        this.$modal.msgSuccess("缂栬緫鎴愬姛");
+        this.$router.go(-1);
       });
-      //   const { rows } = await listUser();
-      //   console.log(rows);
-      //   this.list = rows;
     },
-    changeaddtopic(val) {
-      console.log(11);
-      console.log(val);
-      this.addvalue = "娣诲姞棰樼洰";
+    // 涓嬩竴姝�
+    nextstep() {
+      if (this.Editprogress <= 1) {
+        return this.Editprogress++;
+      }
     },
+    // 涓婁竴姝�
+    laststep() {
+      this.Editprogress = this.Editprogress - 1;
+    },
+    // 鍏抽棴
+    closeFm() {
+      this.$confirm("閫�鍑轰笉浼氫繚鐣欓〉闈㈠唴瀹规洿鏀�, 鏄惁缁х画?", "鎻愮ず", {
+        confirmButtonText: "纭畾",
+        cancelButtonText: "鍙栨秷",
+        type: "warning",
+      })
+        .then(() => {
+          this.$router.go(-1);
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "宸插彇娑�",
+          });
+        });
+    },
+    // 绉戝澶勭悊
+    Departmenttreatment() {
+      this.ruleForm.deptNames = JSON.stringify(this.tempDetpRelevanceslist);
+      const result = this.tempDetpRelevanceslist.map(
+        (subArr) => subArr[subArr.length - 1]
+      );
+      // id鏁扮粍鏌ユ暟缁勫璞�
+      result.forEach((item) => {
+        const condition = this.ruleForm.tempDetpRelevances.some(
+          (obj) => obj.deptId === item
+        );
+        if (!condition) {
+          listDept({ deptId: item }).then((res) => {
+            console.log("dept");
+            res.data[0].type = 2;
+            this.ruleForm.tempDetpRelevances.push(res.data[0]);
+          });
+        }
+      });
+      // 鏁扮粍瀵硅薄鏌d鏁扮粍
+      this.ruleForm.tempDetpRelevances.forEach((item) => {
+        const condition = result.some((obj) => obj === item.deptId);
+        if (!condition) {
+          const index = this.ruleForm.tempDetpRelevances.indexOf(item);
+          this.ruleForm.tempDetpRelevances[index].delFlag = 1;
+        }
+      });
+      setTimeout(() => {
+        this.submitForm();
+      }, 1000);
+      // this.submitForm();
+    },
+    // 淇濆瓨棰樼洰淇℃伅
+    Saveproblem() {},
+    /** 鏌ヨ棰樼洰鍒楄〃 */
+
+    // 鏂板鍙橀噺
+    addvariable() {
+      this.variablelist.push({
+        variatename: "",
+        variate: "",
+      });
+    },
+    // 鍒犻櫎鍙橀噺
+    delvariable(item) {
+      const index = this.variablelist.indexOf(item);
+      if (index !== -1) {
+        this.variablelist.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱�
+      } else {
+        console.log("鏈壘鍒拌瀵硅薄");
+      }
+    },
+    // 鎺у埗鏂囦欢
+    handleChange(file, fileList) {
+      this.fileList = fileList.slice(-3);
+    },
+    // 鏍囩-----------------
+    gettabList() {
+      const tagqueryParams = {
+        pageNum: 1,
+        pageSize: 1000,
+        tagcategoryid: "0",
+      };
+      listtag(tagqueryParams).then((response) => {
+        this.optionstag = response.rows;
+      });
+    },
+    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;
+    },
+    handleInputConfirm() {
+      let tagvalue = {};
+      let tagname = this.inputValue;
+      if (tagname) {
+        listtag({
+          pageNum: 1,
+          pageSize: 1000,
+          tagcategoryid: "0",
+          tagname: tagname,
+        }).then((res) => {
+          if (res.rows[0]) {
+            tagvalue = res.rows[0];
+            tagvalue.isoperation = 1;
+          } else {
+            tagvalue = {
+              tagname: tagname,
+              isoperation: 1,
+            };
+          }
+          this.ruleForm.heLibraryTagList.push(tagvalue);
+          this.dynamicTags.push(tagvalue);
+        });
+      }
+      this.inputVisible = false;
+      this.inputValue = "";
+    },
+    remoteMethodtag(query) {
+      if (query !== "") {
+        this.loading = true;
+        setTimeout(() => {
+          this.loading = false;
+          listtag({ tagname: query, tagcategoryid: "0" }).then((res) => {
+            this.optionstag = res.rows;
+          });
+        }, 200);
+      } else {
+        this.optionstag = [];
+      }
+    },
+    showInput() {
+      this.inputVisible = true;
+    },
+    // 鐤剧梾-----------------------
+    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;
+        });
+      }, 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;
     },
-    laststep() {
-      this.Editprogress--;
-    },
     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;
+    },
+    // 涓婁紶(鏂囦欢)鍥剧墖澶辫触
+    uploadEditorError(res, file) {
+      console.log(res);
+      console.log(file);
+      //椤甸潰鎻愮ず
+      this.$message.error("涓婁紶鍥剧墖澶辫触");
+      //鍙栨秷涓婁紶鍔ㄧ敾
+      this.quillUpdateImg = false;
+    },
+    //涓婁紶缁勪欢杩斿洖鐨勭粨鏋�
+    uploadResult: function (res) {
+      this.uploadUrlPath = res;
     },
   },
 };
@@ -721,17 +906,17 @@
 
 <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),
@@ -740,9 +925,7 @@
 .leftvlue {
   //   display: flex;
   //   flex: 1;
-  width: 80%;
-  margin-top: 20px;
-  //   margin: 20px;
+  margin: 20px;
   padding: 30px;
   background: #ffff;
   border: 1px solid #dcdfe6;
@@ -767,6 +950,30 @@
     cursor: pointer;
     font-size: 20px;
     margin: 0 20px;
+  }
+}
+.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;
+    line-height: 30px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .input-new-tag {
+    width: 90px;
+    margin-left: 10px;
+    vertical-align: bottom;
   }
 }
 .preview-left {
@@ -831,7 +1038,7 @@
   font-size: 25px;
 }
 ::v-deep.el-input--medium {
-  font-size: 24px !important;
+  font-size: 18px !important;
 }
 ::v-deep.ruleFormaa.el-select {
   display: inline-block;
@@ -859,8 +1066,80 @@
     font-size: 24px;
   }
 }
-// ::v-deep.el-form-item--medium .el-form-item__content {
-//   line-height: 36px;
-//   display: flex;
-// }
+.editor {
+  line-height: normal !important;
+  height: 400px;
+  margin-bottom: 50px;
+}
+.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