From bb2ffd967d0a951ce61830050df99687f9b47618 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Tue, 5 Aug 2025 14:49:37 +0800
Subject: [PATCH] tijiao

---
 src/router/index.js                           |    1 +
 src/views/components/commonBookTags/tags.vue  |   66 +-
 .../modules/medicalrecords/addCertificate.vue |   43 +-
 src/views/modules/medicalrecords/addUser.vue  | 1099 ++++++++++++
 src/views/modules/medicalrecords/userList.vue | 1475 +++++++++++++++++
 src/views/modules/talents/talents-list.vue    |  369 +++--
 6 files changed, 2845 insertions(+), 208 deletions(-)
 create mode 100644 src/views/modules/medicalrecords/addUser.vue
 create mode 100644 src/views/modules/medicalrecords/userList.vue

diff --git a/src/router/index.js b/src/router/index.js
index 5a5e85e..f5d3cda 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -84,6 +84,7 @@ const mainRoutes = {
     { path: '/mergeList', component: _import('modules/certificate/mergeList'), name: 'mergeList', meta: { title: '小班、自考证书', isTab: true } },
   
     { path: '/medicalrecords-medicalList', component: _import('modules/medicalrecords/medicalList'), name: 'medicalrecords-medicalList', meta: { title: '医案列表', isTab: true } },
+    { path: '/medicalrecords-userList', component: _import('modules/medicalrecords/userList'), name: 'medicalrecords-userList', meta: { title: '审核人员列表', isTab: true } },
 
   ],
   beforeEnter (to, from, next) {
diff --git a/src/views/components/commonBookTags/tags.vue b/src/views/components/commonBookTags/tags.vue
index 116eb67..4161493 100644
--- a/src/views/components/commonBookTags/tags.vue
+++ b/src/views/components/commonBookTags/tags.vue
@@ -1,17 +1,31 @@
 <template>
   <div class="tree_box">
-    <div style="overflow: hidden" v-if="source == 'tags'">
-      <p
+    <div style="overflow: hidden" v-if="source == 'tags'&&!isborrow">
+      <p 
         class="info_bg"
         style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"
       >
-       当前{{currentNode&&['wait','false','all','success'].includes(currentNode.data.id)?'状态':'标签'  }}：<span style="color: #17b3a3; font-weight: 600"
-        :style="`${currentNode&&currentNode.data.color?`color: ${currentNode.data.color}`:''}`"
-        >{{
-          currentNode ? currentNode.data.title : ""
-        }}</span>
+        当前{{
+          currentNode &&
+          ["wait", "false", "all", "success"].includes(currentNode.data.id)
+            ? "状态"
+            : "标签"
+        }}：<span
+          style="color: #17b3a3; font-weight: 600"
+          :style="
+            `${
+              currentNode && currentNode.data.color
+                ? `color: ${currentNode.data.color}`
+                : ''
+            }`
+          "
+          >{{ currentNode ? currentNode.data.title : "" }}</span
+        >
       </p>
-      <el-button v-if="currentNode&&!['wait','false','all'].includes(currentNode.data.id)"
+      <el-button
+        v-if="
+          currentNode && !['wait', 'false', 'all'].includes(currentNode.data.id)
+        "
         type="primary"
         @click="addOrUpdateHandle()"
         style="float: right"
@@ -36,7 +50,7 @@
     <!-- show-checkbox -->
     <!-- :allow-drop="allowDrop" -->
     <div class="custom-tree-container">
-      <el-tree
+      <el-tree style="background-color: transparent;"
         :draggable="false"
         :allow-drop="false"
         :highlight-current="true"
@@ -47,7 +61,6 @@
         default-expand-all
         :filter-node-method="filterNode"
         ref="tree"
-       
         @node-click="handleNodeClick"
         :expand-on-click-node="false"
       >
@@ -59,7 +72,13 @@
           :class="
             `${currentNode && currentNode.data.id == data.id ? `isSelect` : ''}`
           "
-          :style="`${currentNode && currentNode.data.id == data.id&&data.bgcolor ? `background-image: linear-gradient(-45deg, #fff, ${data.bgcolor});` : ''}`"
+          :style="
+            `${
+              currentNode && currentNode.data.id == data.id && data.bgcolor
+                ? `background-image: linear-gradient(-45deg, #fff, ${data.bgcolor});`
+                : ''
+            }`
+          "
           style=" padding-left: 5px;
  box-sizing: border-box;"
         >
@@ -68,10 +87,15 @@
             ><el-checkbox
               @change="selectShop(data)"
               :value="selectArr.includes(data.id)"
-              v-if="data.isLast == 1 && source == 'shop'"
+              v-if="data.isLast == 1 && source == 'shop'&&!isborrow"
               style="margin-right: 10px"
             ></el-checkbox
-            ><span :style="`${data.color?`color:${data.color};font-weight:bold`:''}`">{{ node.label }}</span></span
+            ><span
+              :style="
+                `${data.color ? `color:${data.color};font-weight:bold` : ''}`
+              "
+              >{{ node.label }}</span
+            ></span
           >
           <span v-if="source == 'tags'">
             <!-- v-if="node.level <= 1" -->
@@ -79,7 +103,9 @@
               type="text"
               size="mini"
               @click.stop="handleClickNodes(node, data, 'addChildren')"
-              v-if="data.isLast != 1&&!disableAddChild&&!data.isDisableAddChild"
+              v-if="
+                data.isLast != 1 && !disableAddChild && !data.isDisableAddChild&&!isborrow
+              "
             >
               添加下级
             </el-button>
@@ -92,7 +118,8 @@
                 </el-button> -->
 
             <!-- v-if="node.childNodes.length == 0" -->
-            <el-button v-if="!data.disabled"
+            <el-button
+              v-if="!data.disabled&&!isborrow"
               type="text"
               size="mini"
               @click.stop="remove(data)"
@@ -120,6 +147,8 @@ export default {
     "axiosType",
     "axiosResultKey",
     "disableAddChild",
+    "isborrow",
+    
   ],
   data() {
     return {
@@ -270,7 +299,7 @@ export default {
           data: {}
         };
       }
-      this.currentNode = newNodeData;      
+      this.currentNode = newNodeData;
       this.$forceUpdate();
       this.$nextTick(() => {
         this.$refs.tree.setCurrentKey(id);
@@ -414,7 +443,7 @@ export default {
               children: [],
               delFlag: 0,
               isLast: 0,
-              icon:'',
+              icon: "",
               pid: data.id,
               sort: 0,
               title: ""
@@ -441,7 +470,7 @@ export default {
         children: [],
         delFlag: 0,
         isLast: 0,
-        content:'',
+        content: "",
         pid: 0,
         sort: 0,
         title: ""
@@ -860,6 +889,7 @@ export default {
   height: 100%;
   float: left;
   border: 1px solid #bababa;
+  background-color: #fff;
   border-radius: 10px;
   padding: 15px;
   box-sizing: border-box;
diff --git a/src/views/modules/medicalrecords/addCertificate.vue b/src/views/modules/medicalrecords/addCertificate.vue
index df49df4..aa29a5b 100644
--- a/src/views/modules/medicalrecords/addCertificate.vue
+++ b/src/views/modules/medicalrecords/addCertificate.vue
@@ -481,12 +481,12 @@
                         alt=""
                       />
                       <span class="el-upload-list__item-actions">
-                        <!-- <span
+                        <span
           class="el-upload-list__item-preview"
           @click="handlePictureCardPreview(file)"
         >
           <i class="el-icon-zoom-in"></i>
-        </span> -->
+        </span>
 
                         <span
                           v-if="!disabled"
@@ -630,6 +630,13 @@
         >
       </span>
     </el-dialog>
+    <el-dialog :visible.sync="dialogVisibleImg" :append-to-body="true">
+                  <img
+                    width="100%"
+                    :src="dataForm.productImages"
+                    alt=""
+                  />
+                </el-dialog>
   </div>
 </template>
 
@@ -677,6 +684,7 @@ export default {
   props: ["data", "pageType", "dataInfo", "labelId", "currentNode"],
   data() {
     return {
+      dataForm:{},
       isShowWord: false,
       imagePreviews: false,
       record: {},
@@ -1609,8 +1617,9 @@ this.addCertificateForm.mark=''
       console.log("options", this.options);
       //   this.getCate(val)
     },
-    handlePictureCardPreview(file) {
-      // 图片预览逻辑
+     handlePictureCardPreview(file) {
+      this.dataForm.productImages = file.url;
+      this.dialogVisibleImg = true;
     },
     handleClose(done) {
       done();
@@ -1632,31 +1641,31 @@ this.addCertificateForm.mark=''
     margin-bottom: 15px;
   }
   /deep/.el-upload-list--picture-card .el-upload-list__item {
-    width: 80px !important;
-    height: 80px !important;
-    line-height: 80px !important;
+    width:80px !important;
+    height:80px !important;
+    line-height:80px !important;
   }
   /deep/.el-upload--picture-card {
-    width: 80px !important;
-    height: 80px !important;
-    line-height: 80px !important;
+    width:80px !important;
+    height:80px !important;
+    line-height:80px !important;
   }
 }
 /deep/.yianDrawer header {
   margin-bottom: 10px !important;
 }
 /deep/.custom-upload {
-  min-height: 60px !important;
+  min-height: 120px !important;
 }
 /deep/.custom-upload .el-upload--picture-card {
-  width: 60px !important;
-  height: 60px !important;
-  line-height: 70px !important;
+  width:80px !important;
+    height:80px !important;
+    line-height:80px !important;
 }
 /deep/.custom-upload .el-upload-list--picture-card .el-upload-list__item {
-  width: 60px !important;
-  height: 60px !important;
-  line-height: 60px !important;
+  width:80px !important;
+    height:80px !important;
+    line-height:80px !important;
 }
 /deep/.custom-upload-box .el-form-item__label {
   line-height: 60px !important;
diff --git a/src/views/modules/medicalrecords/addUser.vue b/src/views/modules/medicalrecords/addUser.vue
new file mode 100644
index 0000000..c78c49a
--- /dev/null
+++ b/src/views/modules/medicalrecords/addUser.vue
@@ -0,0 +1,1099 @@
+<template>
+  <div class="mod-config">
+    <el-dialog
+      :title="`新增审核人员`"
+      :visible.sync="dialogVisible"
+      :close-on-click-modal="false"
+      :wrapperClosable="true"
+      :before-close="handleClose"
+      custom-class="yianDrawer"
+      
+    >
+      <div
+        v-if="dialogVisible"
+        style="padding: 0 20px;box-sizing: border-box;height: calc(120px);"
+       
+      >
+      <el-form
+            :rules="dataRule"
+            :model="addCertificateForm"
+            ref="addCertificateForm"
+            label-width="120px"
+          >
+            <!-- <div style="background-color: #f0f0f0;padding:0 10px;box-sizing: border-box;color: #000;">
+                        <p>绑定用户</p>
+                    </div> -->
+            <div
+              v-if="pageType == 'label'"
+              style="display:flex;align-items:center;justify-content:space-between"
+            >
+              <el-form-item
+                style="width: 100%;"
+                label="手机号/邮箱："
+                prop="userKey"
+                class="form_item"
+              >
+                <div style="display: flex;align-items: center;">
+                  <el-autocomplete
+                    size="small"
+                    v-if="isEdit"
+                    style="width: 100%;"
+                    v-model="addCertificateForm.userKey"
+                    :fetch-suggestions="loadAll"
+                    placeholder="请输入手机号/邮箱"
+                    @select="handleSelect"
+                  >
+                    <template #default="{ item }">
+                      <div class="custom-item">
+                        <span>{{ item.tel ? item.tel : item.email }}</span>
+                        <span
+                          style="color: gray; margin-left: 10px;"
+                          v-if="item.name"
+                          >({{ item.name }})</span
+                        >
+                      </div>
+                    </template>
+                  </el-autocomplete>
+                </div>
+              </el-form-item>
+              <el-form-item
+                label="用户姓名："
+                style="width: 100%;"
+                v-if="addCertificateForm.userId"
+                prop="user"
+                class="form_item"
+              >
+                <div>
+                  <!-- <span
+                style="width: 110px;display: inline-block;text-align: right;"
+                >用户姓名：</span
+              > -->
+                  {{
+                    addCertificateForm.userName
+                      ? addCertificateForm.userName
+                      : "-"
+                  }}
+                </div></el-form-item
+              >
+            </div>
+          </el-form>
+      </div>
+
+      <div class="demo-drawer__footer">
+        <div class="drawer_footer_box" style="overflow: hidden;">
+          <el-button
+            style="float: right;margin:0 10px;"
+            type="primary"
+            size="mini"
+            @click="handleSubmit('addCertificateForm')"
+            >保存</el-button
+          >
+          <el-button
+            size="mini"
+            @click="dialogVisible = false"
+            style="float: right;"
+            >取 消</el-button
+          >
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { quillEditor } from "vue-quill-editor";
+import global from "../../common/common.vue"; //引入共用组间
+import debounce from "lodash/debounce"; //导入lodash中的debounce
+import AddOrUpdate from "@/views/components/commonBookTags/bookTagsForm.vue";
+import commonShop from "@/views/components/commonBookTags/shopproduct.vue";
+import commonShopTable from "@/views/components/commonBookTags/shopproductTable.vue";
+import commonTree from "@/views/components/commonBookTags/tags.vue";
+
+import "quill/dist/quill.core.css";
+import "quill/dist/quill.snow.css";
+import "quill/dist/quill.bubble.css";
+const toolbarOptions = [
+  ["bold", "italic", "underline", "strike"], // 加粗，斜体，下划线，删除线
+  ["blockquote", "code-block"], //引用，代码块
+  [{ header: 1 }, { header: 2 }], // 几级标题
+  [{ list: "ordered" }, { list: "bullet" }], // 有序列表，无序列表
+  [{ script: "sub" }, { script: "super" }], // 下角标，上角标
+  [{ indent: "-1" }, { indent: "+1" }], // 缩进
+  [{ direction: "rtl" }], // 文字输入方向
+  [{ size: ["small", false, "large", "huge"] }], // 字体大小
+  [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
+  [{ color: [] }, { background: [] }], // 颜色选择
+  [
+    {
+      font: [
+        "SimSun",
+        "SimHei",
+        "Microsoft-YaHei",
+        "KaiTi",
+        "FangSong",
+        "Arial"
+      ]
+    }
+  ], // 字体
+  [{ align: [] }], // 居中
+  ["clean"], // 清除样式,
+  ["link", "image"] // 上传图片、上传视频
+];
+// import dialogComponent from './seckillprodrelation'
+export default {
+  props: ["data", "pageType", "dataInfo", "labelId", "currentNode"],
+  data() {
+    return {
+      dataForm: {},
+      isShowWord: false,
+      imagePreviews: false,
+      record: {},
+      loading: false,
+      tishi: false,
+      message: "",
+      currentMedicalWordImageList: [],
+      currentMedicalWordImageStr: "",
+      messageList: [],
+      showMessages: false,
+      editableMap: {}, // 存储每个字段的内部可编辑内容
+      editorOption: {
+        modules: {
+          toolbar: false
+          // history: {
+          //   delay: 1000,
+          //   maxStack: 50,
+          //   userOnly: false
+          // },
+          // toolbar: {
+          //   container: toolbarOptions,
+          //   handlers: {
+          //     image: function (value) {
+          //       if (value) {
+          //         // 调用element的图片上传组件
+          //         document.querySelector('.avatar-uploader input').click()
+          //       } else {
+          //         this.quill.format('image', false)
+          //       }
+          //     }
+          //   }
+          // },
+        },
+        placeholder: "请输入.."
+      },
+      dataRule: {
+        userKey: [
+          {
+            required: true,
+            message: "请输入手机号/邮箱"
+            // trigger: "change",
+          }
+        ],
+        title: [
+          {
+            required: true,
+            message: "请输入标题"
+            // trigger: "change",
+          }
+        ]
+      },
+      isUploading: false, // 上传过程中是否显示加载动画
+      isEdit: false, // 上传过程中是否显示加载动画
+      dialogImageUrl: "",
+      dialogVisibleImg: false,
+      disabled: false,
+      restaurants: [],
+      fileList: [],
+      options: [],
+      cateOptions: [],
+      state: "",
+      timeout: null,
+      addCertificateForm: {},
+      baseUrl: global.baseUrl,
+      isEdit: false,
+      checkAll: false,
+      isIndeterminate: true,
+      dialogVisible: false,
+      dialogMarkVisible: false,
+      urlList: {},
+      activeName: "first",
+      reviewType: "",
+      addForm: {},
+      audioFileList: [],
+      isFresh: false,
+      pollInterval: null,
+      type: "",
+      detailContent: "",
+      medicalId: "",
+      medicalRecords: {},
+      content: "",
+      markList: []
+    };
+  },
+  components: {
+    AddOrUpdate,
+    commonShop,
+    commonTree,
+    commonShopTable,
+    quillEditor
+  },
+
+  watch: {
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  activated() {
+    const quill = this.$refs.myQuillEditor.quill;
+
+    // 禁用编辑器
+    quill.disable(); // 这会禁用编辑器的所有功能，包括输入和修改
+    this.isEdit = false;
+    // this.getDataList();
+  },
+  methods: {
+    selectLabelId(value) {
+      // value 是选中的 id 数组
+      const getTitle = (options, valuePath) => {
+        let currentOptions = options;
+        let labels = [];
+
+        for (let val of valuePath) {
+          const selected = currentOptions.find(item => item.id === val);
+          if (selected) {
+            labels.push(selected.title);
+            currentOptions = selected.children || [];
+          } else {
+            break;
+          }
+        }
+
+        return labels;
+      };
+
+      // 获取选中的 title 路径
+      const titles = getTitle(this.cateOptions, value);
+      console.log("当前选中的 title 是：", titles[titles.length - 1]); // 如果只要最后一级
+      this.addCertificateForm.labelTitle = titles[titles.length - 1];
+    },
+    numberToChineseLower(n) {
+      const cnNums = [
+        "零",
+        "一",
+        "二",
+        "三",
+        "四",
+        "五",
+        "六",
+        "七",
+        "八",
+        "九"
+      ];
+      const cnUnits = ["", "十", "百", "千", "万", "亿"];
+      if (n === 0) return cnNums[0];
+
+      let result = "";
+      const digits = String(n)
+        .split("")
+        .reverse();
+      for (let i = 0; i < digits.length; i++) {
+        const num = Number(digits[i]);
+        const unit = num === 0 ? "" : cnUnits[i];
+        result = (num === 0 ? cnNums[num] : cnNums[num] + unit) + result;
+      }
+
+      // 去除多余的“零”
+      result = result.replace(/零+/g, "零").replace(/零$/g, "");
+      result = result.replace(/^一十/, "十"); // 10-19 处理为 十一、十二...
+      return result;
+    },
+    insertMessage(data, images) {
+      this.message = "";
+      this.currentMedicalWordImageList = [];
+      this.currentMedicalWordImageStr = "";
+      this.message = data;
+      if (images.length > 0) {
+        this.currentMedicalWordImageList = [...images];
+      }
+      console.log("this.message at line 650:", this.message);
+    },
+    async analyzingMessage(data, images) {
+      await this.insertMessage(data, images);
+      await this.submit();
+    },
+    // 点击按钮触发上传
+    triggerUpload() {
+      this.messageList = [];
+      this.$refs.uploadInput.value = null;
+      this.$refs.uploadInput.click();
+    },
+
+    // 处理上传文件
+    handleUpload(event) {
+      const loading = this.$loading({
+        lock: true,
+        text: "word文件识别中",
+        spinner: "el-icon-loading",
+        background: "rgba(0, 0, 0, 0.7)"
+      });
+
+      this.$commonJS
+        .handleUpload(event, arr => {
+          console.log("content at line 618:", arr);
+
+          this.messageList = arr;
+
+          loading.close();
+        })
+        .catch(() => {
+          loading.close();
+        });
+    },
+    beforeClose() {
+      this.dialogMarkVisible = false;
+    },
+    remoteMethod(query) {
+      console.log(query, "query", this.addCertificateForm.key);
+      // return false
+      if (this.addCertificateForm.key !== "") {
+        let data = {
+          title: query //关键字
+        };
+        this.totalLaoding = true;
+        this.$http({
+          url: this.$http.adornUrl("/master/userManage/courseAndChildrenList"),
+          method: "post",
+          data: this.$http.adornData(data)
+        }).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.options = data.list;
+          } else {
+            this.options = [];
+          }
+          this.totalLaoding = false;
+          if (data.code !== 0) return this.$message.error(data.msg);
+        });
+      } else {
+        this.options = [];
+        this.totalLaoding = false;
+      }
+    },
+    getCateList() {
+      this.$http({
+        url: this.$http.adornUrl(
+          "/master/medicalRecords/getMedicalRecordsLabelList"
+        ),
+        method: "post",
+        data: this.$http.adornData({})
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.cateOptions = data.Medicals;
+        } else {
+          this.cateOptions = [];
+        }
+        this.totalLaoding = false;
+        if (data.code !== 0) return this.$message.error(data.msg);
+      });
+    },
+    loadAll(queryString, cb) {
+      this.addCertificateForm.userId = "";
+      this.addCertificateForm.userName = "";
+      if (queryString == "") {
+        return false;
+      }
+      this.$http({
+        // url: this.$http.adornUrl('/book/user/list'),
+        url: this.$http.adornUrl("/book/user/getUserList"),
+        method: "post",
+        data: this.$http.adornData({
+          page: 1,
+          limit: 9999,
+          key: queryString
+        })
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          var arr = data.user.records;
+          console.log("arr at line 467:", arr);
+          cb(arr);
+        } else {
+          cb([]);
+        }
+      });
+    },
+
+    createStateFilter(queryString) {
+      return state => {
+        return (
+          state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
+        );
+      };
+    },
+    handleSelect(item) {
+      console.log(item);
+      this.addCertificateForm.userKey = item.tel ? item.tel : item.email;
+      this.addCertificateForm.userName = item.name;
+      this.addCertificateForm.userId = item.id;
+    },
+    getInnerHtml(html) {
+      const div = document.createElement("div");
+      div.innerHTML = html;
+      const children = Array.from(div.children).slice(1); // 跳过 h1
+      return children.map(e => e.outerHTML).join("");
+    },
+    getTitleHtml(html, key) {
+      const div = document.createElement("div");
+      div.innerHTML = html;
+      var str = [
+        "chiefComplaint",
+        "historyOfPresentIllness",
+        "physicaExamination",
+        "treatmentPlan"
+      ].includes(key)
+        ? `<span style="color:#F56C6C;margin-right:4px">*</span>`
+        : "";
+      return div.querySelector("h1")
+        ? str + (div.querySelector("h1").outerHTML || "<h1></h1>")
+        : "";
+    },
+    saveAll() {
+      for (const key in this.record) {
+        const titleHtml = this.getTitleHtml(this.record[key]);
+        this.record[key] = titleHtml + this.editableMap[key];
+      }
+      alert("保存成功！");
+    },
+    init(type, data) {
+      this.showMessages = false;
+      this.markList = [];
+      this.messageList = [];
+      this.currentMedicalWordImageList = [];
+      this.currentMedicalWordImageStr = "";
+      this.message = "";
+      this.tishi = false;
+      this.loading = false;
+      this.getCateList();
+      this.type = type;
+      console.log("data at line 372:", data);
+      this.addCertificateForm = {};
+      this.fileList = [];
+      var recordData = {
+        information: "<h1>一般信息</h1>",
+        chiefComplaint: "<h1>主诉</h1>",
+        historyOfPresentIllness: "<h1>现病史</h1>",
+        pastHistory: "<h1>既往史</h1>",
+        personalAndFamilyHistory: "<h1>个人史与家族史</h1>",
+        physicaExamination: "<h1>体格检查</h1>",
+        diagnosis: "<h1>诊断</h1>",
+        treatmentPlan: "<h1>治疗和后续治疗</h1>",
+        treatmentPlan: "<h1>其他</h1>"
+      };
+      this.isEdit = type == "edit" || type == "add" ? true : false;
+      if (type == "add") {
+        this.isShowWord = true;
+        this.record = {
+          ...recordData
+        };
+      } else {
+        this.isShowWord = false;
+        this.showMessages = true;
+      }
+      if (data) {
+        if (type == "edit" || type == "detail") {
+          this.record = {
+            information: data.information
+              ? data.information
+              : recordData.information,
+            chiefComplaint: data.chiefComplaint
+              ? data.chiefComplaint
+              : recordData.chiefComplaint,
+            historyOfPresentIllness: data.historyOfPresentIllness
+              ? data.historyOfPresentIllness
+              : recordData.historyOfPresentIllness,
+            pastHistory: data.pastHistory
+              ? data.pastHistory
+              : recordData.pastHistory,
+
+            personalAndFamilyHistory: data.personalAndFamilyHistory
+              ? data.personalAndFamilyHistory
+              : recordData.personalAndFamilyHistory,
+            physicaExamination: data.physicaExamination
+              ? data.physicaExamination
+              : recordData.physicaExamination,
+            diagnosis: data.diagnosis ? data.diagnosis : recordData.diagnosis,
+            treatmentPlan: data.treatmentPlan
+              ? data.treatmentPlan
+              : recordData.treatmentPlan
+          };
+        }
+
+        this.addCertificateForm = {
+          ...data
+        };
+
+        if (this.addCertificateForm.img) {
+          this.fileList = this.addCertificateForm.img
+            .split(",")
+            .map((image, i) => ({
+              uid: i, // 假设 id 是唯一标识符
+              name: i, // 文件名
+              status: "done", // 状态
+              url: image // 文件 URL
+            }));
+          console.log("this.fileList at line 308:", this.fileList);
+          this.addCertificateForm.imageList = this.addCertificateForm.img.split(
+            ","
+          );
+        }
+        if (this.addCertificateForm.mark) {
+          this.markList = JSON.parse(this.addCertificateForm.mark);
+          this.addCertificateForm.mark = "";
+        }
+      } else {
+        this.addCertificateForm = {};
+      }
+      if (this.pageType == "label") {
+        if (data.userId) {
+          this.addCertificateForm.userKey = data.user.tel
+            ? data.user.tel
+            : data.user.email;
+          this.addCertificateForm.userName = data.user.name;
+          this.addCertificateForm.userId = data.user.id;
+        }
+      } else {
+        this.addCertificateForm.userKey = this.dataInfo.tel
+          ? this.dataInfo.tel
+          : this.dataInfo.email;
+        this.addCertificateForm.userName = this.dataInfo.name;
+        this.addCertificateForm.userId = this.dataInfo.id;
+      }
+      console.log(
+        "this.addCertificateForm at line 465:",
+        this.addCertificateForm
+      );
+      for (const key in this.record) {
+        this.$set(this.editableMap, key, this.getInnerHtml(this.record[key]));
+      }
+      this.dialogVisible = true;
+    },
+    handleReviewSave() {
+      var recordData = { ...this.record };
+      // for (const key in recordData) {
+      //   const titleHtml = this.getTitleHtml(recordData[key]);
+      //   recordData[key] = titleHtml + this.editableMap[key];
+      // }
+      const label = this.addCertificateForm.labelId;
+      const value = Array.isArray(label) ? label[label.length - 1] : label;
+      const formatFullTime = date => {
+        const pad = (n, len = 2) => n.toString().padStart(len, "0");
+        return (
+          `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(
+            date.getDate()
+          )} ` +
+          `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(
+            date.getSeconds()
+          )}.${pad(date.getMilliseconds(), 3)}`
+        );
+      };
+
+      const now = new Date();
+      const timeStamp = now.getTime(); // 毫秒级时间戳
+      const timeStr = formatFullTime(now); // 格式化字符串
+      var markList = [
+        ...this.markList,
+        {
+          mark: this.addCertificateForm.mark,
+          time: timeStr,
+          state: this.reviewType == "approved" ? 3 : 2
+        }
+      ];
+      var data = {
+        labelId: value,
+        img:
+          this.fileList.length > 0
+            ? this.addCertificateForm.imageList.toString()
+            : "",
+        title: this.addCertificateForm.title,
+        userId: this.addCertificateForm.userId,
+        train: this.addCertificateForm.train, //是否加入ai训练库0否1是
+        mark: JSON.stringify(markList), //备注
+        state: this.reviewType == "approved" ? 3 : 2, //备注
+        ...recordData
+      };
+
+      //  if(this.record.)
+      this.$http({
+        url: this.$http.adornUrl("/master/medicalRecords/editMedicalRecords"),
+        method: "post",
+        data: this.$http.adornData({
+          ...data,
+          data: this.addCertificateForm.data
+            ? this.addCertificateForm.data
+            : "",
+          id: this.addCertificateForm.id
+        })
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.$message({
+            message: "操作成功",
+            type: "success"
+          });
+          this.dialogVisible = false;
+          this.dialogMarkVisible = false;
+          this.$nextTick(() => {
+            this.$emit("refresh");
+          });
+        } else {
+          this.$message.error(data.msg);
+        }
+      });
+    },
+    handleReview(type, typeValue) {
+      // approved 通过
+
+      // rejected 拒绝
+      this.addCertificateForm.mark = "";
+      this.reviewType = type;
+      this.dialogMarkVisible = true;
+    },
+    async uploadImage(base64Images) {
+      const uploadTasks = base64Images.map((base64, index) => {
+        const formData = new FormData();
+        const blob = this.$commonJS.base64ToBlob(base64);
+        formData.append("file", blob, `image-${index + 1}.png`);
+
+        return fetch(this.baseUrl + "/oss/fileoss", {
+          method: "POST",
+          body: formData
+        })
+          .then(res => res.json())
+          .then(data => {
+            console.log(`✅ 第 ${index + 1} 张上传完成`, data);
+            if (data.code === 0 && data.url) {
+              return data.url;
+            } else {
+              console.warn(`❌ 第 ${index + 1} 张上传失败`);
+              return null;
+            }
+          })
+          .catch(err => {
+            console.error(`❌ 第 ${index + 1} 张上传失败`, err);
+            return null;
+          });
+      });
+
+      // 🚀 等待所有任务并发完成
+      const results = await Promise.all(uploadTasks);
+      const urlList = results.filter(Boolean); // 去掉失败的 null
+
+      const urlString = urlList.join(",");
+      console.log("✅ 所有上传完成，URL 字符串：", urlString);
+
+      return urlString;
+    },
+
+    async submit() {
+      //没有次数的时候要求购买vip
+      if (!this.message) {
+        this.$message.error("请输入医案详情");
+        return;
+      }
+      if (this.currentMedicalWordImageList.length > 0) {
+        const loading = this.$loading({
+          lock: true,
+          text: "loading",
+          spinner: "el-icon-loading",
+          background: "rgba(0, 0, 0, 0.7)"
+        });
+        this.currentMedicalWordImageStr = await this.uploadImage(
+          this.currentMedicalWordImageList
+        );
+        console.log(
+          "this.currentMedicalWordImageStr at line 1139:",
+          this.currentMedicalWordImageStr
+        );
+        loading.close();
+      }
+
+      await this.createChat();
+
+      //创建对话 获取sessionId
+    },
+    //创建新对话
+    createChat() {
+      this.loading = true;
+      this.$http({
+        url: this.$http.adornUrl("/common/medicalRecords/medicalRecordsSplit"),
+        method: "post",
+        data: this.$http.adornData({
+          userId: "12301",
+          message: this.message,
+          img: this.currentMedicalWordImageStr
+        })
+      })
+        .then(res => {
+          console.log("res at line 872:", res);
+          if (res.data.code == 0) {
+            this.medicalId = res.data.data;
+
+            this.sendQuestion();
+          } else {
+            this.loading = false;
+            this.$message.error("请重新解析");
+          }
+        })
+        .catch(() => {
+          this.loading = false;
+          this.$message.error("请重新解析");
+        });
+    },
+
+    //交谈请求，获取回答
+
+    sendQuestion() {
+      //清空消息记录
+
+      this.showMessages = true;
+
+      var that = this;
+      //展示提示语
+      this.tishi = true;
+      this.isShowWord = false;
+      this.messageList = [];
+      const poll = () => {
+        this.getMedicalDetail(() => {
+          // 停止轮询
+          clearInterval(this.pollInterval);
+          this.pollInterval = null;
+          setTimeout(() => {
+            this.tishi = false;
+          }, 5000);
+        });
+      };
+      // 每5秒发送一次请求，直到收到正确的响应
+      this.pollInterval = setInterval(poll, 5000);
+
+      //调用后端 SSE 接口，发送问题并接收实时回答
+      // this.startSSE(params);
+    },
+    getMedicalDetail(fn) {
+      //清空消息记录
+      this.$http({
+        url: this.$http.adornUrl(
+          "/common/medicalRecords/medicalRecordsQuerySplit"
+        ),
+        method: "post",
+        data: this.$http.adornData({
+          id: this.medicalId
+        })
+      })
+
+        .then(res => {
+          if (
+            res.data.code == 0 &&
+            res.data.medicalRecords != null &&
+            res.data.medicalRecords.delFlag == -1
+          ) {
+            this.$message.error("此医案解析失败，请重新解析");
+            this.showMessages = true;
+            if (fn) {
+              fn();
+            }
+            return false;
+          }
+          if (
+            res.data.code == 0 &&
+            res.data.medicalRecords != null &&
+            res.data.medicalRecords.data != ""
+          ) {
+            console.log(res, "999999");
+            var data = { ...res.data.medicalRecords };
+            this.loading = false;
+            this.record = {
+              information: data.information
+                ? data.information
+                : recordData.information,
+              chiefComplaint: data.chiefComplaint
+                ? data.chiefComplaint
+                : recordData.chiefComplaint,
+              historyOfPresentIllness: data.historyOfPresentIllness
+                ? data.historyOfPresentIllness
+                : recordData.historyOfPresentIllness,
+              pastHistory: data.pastHistory
+                ? data.pastHistory
+                : recordData.pastHistory,
+
+              personalAndFamilyHistory: data.personalAndFamilyHistory
+                ? data.personalAndFamilyHistory
+                : recordData.personalAndFamilyHistory,
+              physicaExamination: data.physicaExamination
+                ? data.physicaExamination
+                : recordData.physicaExamination,
+              diagnosis: data.diagnosis ? data.diagnosis : recordData.diagnosis,
+              treatmentPlan: data.treatmentPlan
+                ? data.treatmentPlan
+                : recordData.treatmentPlan
+            };
+
+            for (const key in this.record) {
+              this.$set(
+                this.editableMap,
+                key,
+                this.getInnerHtml(this.record[key])
+              );
+            }
+            // this.$refs.commonMedicalDetail.initRecordData(this.medicalRecords);
+            // that.initRecordData();
+            console.log("at line 558:", this.record);
+            this.addCertificateForm.id = data.id;
+            this.addCertificateForm.img = data.img;
+            if (this.addCertificateForm.img) {
+              this.fileList = this.addCertificateForm.img
+                .split(",")
+                .map((image, i) => ({
+                  uid: i, // 假设 id 是唯一标识符
+                  name: i, // 文件名
+                  status: "done", // 状态
+                  url: image // 文件 URL
+                }));
+              console.log("this.fileList at line 308:", this.fileList);
+              this.addCertificateForm.imageList = this.addCertificateForm.img.split(
+                ","
+              );
+            }
+            this.$forceUpdate();
+
+            // 滚动到最底部锚点
+            //   that.$nextTick(() => {
+            //     that.scrollToBottom();
+            //   });
+            // 停止轮询
+            if (fn) {
+              fn();
+            }
+          }
+        })
+        .catch(error => {
+          console.log("请求出错:", error);
+        });
+
+      //调用后端 SSE 接口，发送问题并接收实时回答
+      // this.startSSE(params);
+    },
+
+    handleSubmit: debounce(async function() {
+      // this.addCertificateForm
+      console.log("this.addCertificateForm at line 479:", this.editableMap);
+      this.$refs["addCertificateForm"].validate(valid => {
+        if (valid) {
+          if (!this.addCertificateForm.userId && this.pageType == "label") {
+            this.$message.error("请选择用户");
+            return false;
+          }
+
+          var data = {
+            userId: this.addCertificateForm.userId,
+            labelId: this.currentNode.data.id
+          };
+
+          //  if(this.record.)
+          this.$http({
+            url: this.$http.adornUrl(
+              "/master/medicalRecords/addMedicalRecordsCheckUser"
+            ),
+            method: "post",
+            data: this.$http.adornData({ ...data })
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: "操作成功",
+                type: "success"
+              });
+              this.dialogVisible = false;
+              this.$nextTick(() => {
+                this.$emit("refresh");
+              });
+            } else {
+              this.$message.error(data.msg);
+            }
+          });
+        }
+      });
+    }, 200),
+
+    onSuccessImg(response, file, fileList) {
+      // 上传成功后，直接将返回的 URL 放到 file 对象中
+      file.uploading = false;
+      file.url = response.url; // 假设返回的数据包含文件的 url 地址
+      this.fileList = fileList; // 更新 fileList
+      this.addCertificateForm.imageList = fileList.map(e => e.url);
+      console.log(
+        "this.addCertificateForm.imageList at line 713:",
+        this.addCertificateForm.imageList
+      );
+    },
+
+    beforeUpload(file) {
+      // 在文件上传之前，设置文件的上传状态
+      file.uploading = true;
+    },
+    onProgress(event, file, fileList) {
+      // 进度更新时，文件状态可以继续保持上传中
+      file.uploading = true;
+    },
+    handleRemove(file) {
+      this.fileList = this.fileList.filter(f => f.uid !== file.uid); // 删除文件
+      this.addCertificateForm.imageList = this.fileList.map(e => e.url);
+      console.log(
+        "this.addCertificateForm.imageList at line 727:",
+        this.addCertificateForm.imageList
+      );
+    },
+    handleDownload(file) {
+      const link = document.createElement("a");
+      link.href = file.url;
+      link.download = file.name;
+      link.click();
+    },
+    selectChange(val) {
+      console.log("options", this.options);
+      //   this.getCate(val)
+    },
+    handlePictureCardPreview(file) {
+      this.dataForm.productImages = file.url;
+      this.dialogVisibleImg = true;
+    },
+    handleClose(done) {
+      done();
+      this.$emit("refresh");
+    }
+  },
+  beforeDestroy() {
+    clearInterval(this.pollInterval);
+  }
+};
+</script>
+<style lang="less" scoped>
+.yianDrawer {
+  .width100 {
+    width: 100% !important;
+  }
+
+  .el-form-item {
+    margin-bottom: 15px;
+  }
+  /deep/.el-upload-list--picture-card .el-upload-list__item {
+    width: 80px !important;
+    height: 80px !important;
+    line-height: 80px !important;
+  }
+  /deep/.el-upload--picture-card {
+    width: 80px !important;
+    height: 80px !important;
+    line-height: 80px !important;
+  }
+}
+/deep/.yianDrawer header {
+  margin-bottom: 10px !important;
+}
+/deep/.custom-upload {
+  min-height: 120px !important;
+}
+/deep/.custom-upload .el-upload--picture-card {
+  width: 80px !important;
+  height: 80px !important;
+  line-height: 80px !important;
+}
+/deep/.custom-upload .el-upload-list--picture-card .el-upload-list__item {
+  width: 80px !important;
+  height: 80px !important;
+  line-height: 80px !important;
+}
+/deep/.custom-upload-box .el-form-item__label {
+  line-height: 60px !important;
+}
+/deep/.h1_box {
+  height: 24px;
+  h1 {
+    margin: 0 !important;
+    font-size: 16px;
+    line-height: 24px;
+  }
+}
+
+/deep/ .detail_info_medical {
+  li {
+    line-height: 24px !important;
+  }
+  ul {
+    margin: 0 !important;
+    list-style-type: disc !important; /* 强制使用实心圆点 */
+  }
+  p {
+    margin: 0 !important;
+  }
+}
+.analysis_box {
+  padding-bottom: 10px;
+  width: 100%;
+  background-color: #fff;
+  border: 1px solid #188bff !important;
+  border-radius: 20px;
+  min-height: 84vh;
+  height: auto;
+  border-radius: 10px;
+
+  box-sizing: border-box !important;
+  textarea {
+    border: none !important;
+  }
+  .analysis_title {
+    display: flex;
+    align-items: center;
+    padding: 18px 32px 0 16px;
+    color: #1781ff;
+    font-size: 18px;
+    font-weight: 700;
+  }
+}
+/deep/.home_wrap_analysis {
+  // height: 89vh;
+  .home_form {
+    padding-bottom: 0px;
+  }
+  .form_item {
+    margin-bottom: 0 !important;
+    textarea {
+      //     padding-top: 20px;
+      //   height: 80vh !important;
+    }
+    .uni-textarea-wrapper {
+      //   height: 100% !important;
+    }
+    textarea {
+      max-width: 100%;
+      width: 100%;
+      min-width: 100%;
+      height: calc(95vh - 200px) !important;
+      border: none;
+    }
+    .ql-container {
+      height: calc(95vh - 200px) !important;
+      border: none;
+    }
+    textarea:focus {
+      outline: none; /* 去除系统默认黑色描边 */
+      border: 1px solid #409eff; /* 可选：设置你希望的边框颜色 */
+      box-shadow: none; /* 可选：移除蓝色阴影（某些浏览器） */
+    }
+  }
+}
+.content_detail {
+  background: #fff;
+}
+.message_wrap_detail {
+  padding: 0;
+}
+.wordItem:nth-child(3n) {
+  margin-right: 0 !important;
+}
+
+</style>
diff --git a/src/views/modules/medicalrecords/userList.vue b/src/views/modules/medicalrecords/userList.vue
new file mode 100644
index 0000000..997baa2
--- /dev/null
+++ b/src/views/modules/medicalrecords/userList.vue
@@ -0,0 +1,1475 @@
+<template>
+  <div class="mod-config">
+    <commonTree
+      :isborrow="true"
+      source="tags"
+      axiosType="raw"
+      axiosResultKey="market"
+      @changeCurrentNode="changeCurrentNode"
+      ref="commonTree"
+      :dataList="treeDataList"
+      @getCommonShopDataList="getCommonShopDataList"
+      @handleClickNodes="handleClickNodes"
+      :urlList="urlList"
+    ></commonTree>
+    <div
+      v-if="isFresh"
+      v-loading="!isFresh"
+      style="width: calc(100% - 260px); height: 100%; overflow-y: scroll; float: right; border: 1px solid #bababa;   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 10px;position: relative;"
+    >
+   
+      <div
+        style="padding-top: 0;padding-bottom: 0;"
+        class="border_box tree_content_box"
+        v-if="currentNode && currentNode.data.isLast == 1"
+      >
+        <div class="title_box" style="margin-bottom: 10px; height: 40px">
+          <div class="title">
+            <span class="line"></span>审核人员列表
+            <el-button
+              plain
+              type="primary"
+              style="margin-left: 20px"
+              @click="openTable('addForm')"
+              size="mini"
+              >新增</el-button
+            >
+          </div>
+        </div>
+        <!-- :isNoSearch="true" -->
+        <commonShop
+        :isShowNewOperation="true"
+          operationWidth="100"
+          :CustomEdit="true"
+          :otherInfo="{
+            httpType: 'raw',
+            resultValueName: 'page'
+          }"
+          :defaultForm="{
+            tel: '',
+            title: '',
+            labelId: addForm.id,
+            train: ''
+          }"
+          axiosType="raw"
+          getAssociatedGoodsListKey="id"
+          :isNoPaging="true"
+          :isShowPagination="true"
+          getAssociatedGoodsListValue="result"
+          :tableColumnList="tableColumnList"
+          :currentId="addForm.id ? addForm.id : ''"
+          currentType="bookMarketId"
+          :dataList="associatedGoodsList"
+          :urlList="urlList"
+          @delete="dataFormDelete"
+          @edit="handleDataFormEdit"
+          :isEdit="isEdit"
+          ref="commonShop"
+          :style="`height: calc(100vh - 180px); `"
+        >
+   
+          <template slot="tableItem" slot-scope="slotProps">
+            <el-table-column
+              label="ID"
+              width="80"
+              align="center"
+              prop="certificateNo"
+            >
+              <template slot-scope="scope">
+                <span
+                    >{{
+                      scope.row.id 
+                    }}</span
+                  >
+              </template>
+            </el-table-column>
+            <el-table-column
+              width="180"
+              prop="toSociologySort"
+              header-align="center"
+              align="center"
+              label="用户信息"
+            >
+              <template slot-scope="scope" v-if="scope.row">
+               
+                <div>
+                  <span
+                    >姓名：{{
+                      scope.row.name ? scope.row.name : "-"
+                    }}</span
+                  >
+                </div>
+             
+              </template>
+            </el-table-column>
+            <el-table-column
+              width="180"
+              prop="toSociologySort"
+              header-align="center"
+              align="center"
+              label="联系方式"
+            >
+              <template slot-scope="scope" v-if="scope.row">
+              
+                <div v-if="scope.row.tel">
+                  <span>手机号：{{ scope.row.tel }}</span>
+                </div>
+                <div v-else-if="scope.row.email">
+                  <span>邮箱：{{ scope.row.email }}</span>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="title"
+              header-align="center"
+              align="center"
+              label="审核医案"
+            >
+            </el-table-column>
+   
+             <!-- <el-table-column
+              prop="createTime"
+              header-align="center"
+              align="center"
+              width="140"
+              label="创建日期"
+            >
+            </el-table-column> -->
+          </template>
+          <template
+            slot="operation"
+            slot-scope="slotProps"
+            
+          >
+            <el-button type="text" @click="detailCourse(slotProps.row)" v-if="addForm.id == 'wait' || addForm.id == 'false'"
+              >详情</el-button
+            >
+           
+              
+            <el-button type="text"  
+              style="color: red;" @click="dataFormDelete([slotProps.row])"
+              >解绑</el-button
+            >
+           
+           
+          </template>
+        </commonShop>
+
+        <!-- <div
+                style="  border: 1px dashed #bababa;"
+                v-if="currentNode && currentNode.data.isLast == 1"
+              ></div> -->
+      </div>
+      <div v-else>标签不是最后一级</div>
+      
+    </div>
+
+    <!-- <el-form
+        :inline="true"
+        :model="dataForm"
+        @keyup.enter.native="getDataList()"
+      >
+     
+        
+      </el-form> -->
+    <addCertificate
+      v-if="currentNode.data && currentNode.data.id"
+      ref="addCertificate"
+      :data="addCertificateForm"
+      :currentNode="currentNode"
+      :labelId="currentNode.data.id"
+      pageType="label"
+      @refresh="refresh"
+    ></addCertificate>
+    <commonShopTable
+      title="课程"
+      CustomOperationText="选择"
+      :otherInfo="{
+        httpType: 'raw',
+        httpDataValueName: 'records',
+        httpDataTotalName: 'total'
+      }"
+      :defaultForm="{
+        keywords: '',
+        id: addForm.id
+      }"
+      :urlList="urlList"
+      :tableColumnList="tableColumnList"
+      marketIdKey="marketId"
+      ref="commonShopTable"
+      :currentId="addForm.id"
+      currentType="bookMarketId"
+      @submit="handleSubmitShopTable"
+    >
+      <template slot="searchFormItem" slot-scope="slotProps">
+        <el-form-item label="课程名称" prop="keywords" class="form_item">
+          <el-input
+            size="small"
+            placeholder="请输入课程名称"
+            style="width: 100%"
+            v-model="slotProps.dataForm.keywords"
+            clearable
+          >
+          </el-input>
+        </el-form-item>
+        <!-- <el-form-item label="商品类型" prop="goodsType" class="form_item">
+                <el-select size="small" v-model="dataForm.goodsType" placeholder="请选择" style="width: 100%" clearable>
+                  <el-option v-for="item in goodsTypeList" :key="item.dictType" :label="item.dictValue"
+                    :value="item.dictType">
+                  </el-option>
+                </el-select>
+              </el-form-item> -->
+      </template>
+
+      <template slot="tableItem" slot-scope="slotProps">
+        <el-table-column label="课程ID" width="70" align="center" prop="id">
+          <!-- <template slot-scope="scope">
+              {{ (pageIndex - 1) * pageSize + scope.$index + 1 }}
+            </template> -->
+        </el-table-column>
+        <el-table-column
+          prop="title"
+          header-align="center"
+          align="center"
+          label="课程名称"
+        >
+        </el-table-column>
+
+        <el-table-column
+          header-align="center"
+          align="center"
+          label="课程图"
+          width="120"
+        >
+          <template slot-scope="scope">
+            <img
+              v-if="scope.row.image != ''"
+              :src="scope.row.image"
+              width="25"
+              height="35"
+              class="tableImg"
+            />
+          </template>
+        </el-table-column>
+      </template>
+    </commonShopTable>
+    <add-or-update
+      v-if="addOrUpdateVisible"
+      ref="addOrUpdate"
+      @refreshDataList="getDataList"
+    ></add-or-update>
+  </div>
+</template>
+
+<script>
+import previewimage from "@/views/components/preview-image.vue";
+import { quillEditor } from "vue-quill-editor";
+import global from "../../common/common.vue"; //引入共用组间
+import debounce from "lodash/debounce"; //导入lodash中的debounce
+import AddOrUpdate from "@/views/components/commonBookTags/bookTagsForm.vue";
+import addCertificate from "@/views/modules/medicalrecords/addUser.vue";
+import commonShop from "@/views/components/commonBookTags/shopproduct.vue";
+import commonShopTable from "@/views/components/commonBookTags/shopproductTable.vue";
+import commonTree from "@/views/components/commonBookTags/tags.vue";
+
+import "quill/dist/quill.core.css";
+import "quill/dist/quill.snow.css";
+import "quill/dist/quill.bubble.css";
+const toolbarOptions = [
+  ["bold", "italic", "underline", "strike"], // 加粗，斜体，下划线，删除线
+  ["blockquote", "code-block"], //引用，代码块
+  [{ header: 1 }, { header: 2 }], // 几级标题
+  [{ list: "ordered" }, { list: "bullet" }], // 有序列表，无序列表
+  [{ script: "sub" }, { script: "super" }], // 下角标，上角标
+  [{ indent: "-1" }, { indent: "+1" }], // 缩进
+  [{ direction: "rtl" }], // 文字输入方向
+  [{ size: ["small", false, "large", "huge"] }], // 字体大小
+  [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
+  [{ color: [] }, { background: [] }], // 颜色选择
+  [
+    {
+      font: [
+        "SimSun",
+        "SimHei",
+        "Microsoft-YaHei",
+        "KaiTi",
+        "FangSong",
+        "Arial"
+      ]
+    }
+  ], // 字体
+  [{ align: [] }], // 居中
+  ["clean"], // 清除样式,
+  ["link", "image"] // 上传图片、上传视频
+];
+// import dialogComponent from './seckillprodrelation'
+export default {
+  data() {
+    return {
+      disabled: false,
+      restaurants: [],
+
+      options: [],
+      state: "",
+      timeout: null,
+      addCertificateForm: {},
+      baseUrl: global.baseUrl,
+      isEdit: false,
+      checkAll: false,
+      isIndeterminate: true,
+      dialogVisible: false,
+      urlList: {
+        treeList: "/master/medicalRecords/getMedicalRecordsLabelList",
+
+        delete: "/master/medicalRecords/delMedicalRecordsLabel",
+        deleteShop: "/master/medicalRecords/delMedicalRecordsCheckUser",
+        saveShop: "/master/userCertificate/editCertificate",
+        add: "/master/medicalRecords/addMedicalRecordsLabel",
+        edit: "/master/medicalRecords/editMedicalRecordsLabel",
+        hasBindProductList: "/master/medicalRecords/getMedicalRecordsCheckUserListByLabelId",
+        CanBindProductList: "/master/courseMedical/getCourseListCanMedical",
+        editCourse: "/master/courseMedical/updateCourseToMedicalSort"
+      },
+      activeName: "first",
+      addForm: {},
+      audioFileList: [],
+      isFresh: false,
+      dataRule: {
+        name: [
+          {
+            required: true,
+            message: "标签名称不能为空"
+            // trigger: "change",
+          }
+        ]
+      },
+      fimages: "",
+      currentNode: {},
+      treeDataList: [],
+      associatedGoodsList: [], //已关联商品列表
+
+      isact: "", //当前hover的节点
+      isactTitle: "", //记录修改节点名称
+      curNode: undefined, //当前选中节点
+      isUpdateGroup: false, //是否在修改模板组
+      filterText: "",
+      indexRecord: [], //记录节点轨迹
+      isBreak: false, //是否结束循环
+      defaultProps: {
+        children: "children",
+        label: "title"
+      },
+      dataForm: {
+        key: ""
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      dataListSelections: [],
+      addOrUpdateVisible: false,
+      tableColumnList: [
+        { label: "商品ID", width: 70, align: "center", prop: "productId" },
+        {
+          label: "商品名称",
+          align: "center",
+          prop: "product.productName",
+          headerAlign: "center"
+        },
+        {
+          label: "价格",
+          align: "center",
+          prop: "product.price",
+          headerAlign: "center"
+        },
+        {
+          label: "活动价",
+          width: 120,
+          align: "center",
+          prop: "product.activityPrice",
+          headerAlign: "center"
+        },
+        {
+          label: "库存",
+          width: 120,
+          align: "center",
+          prop: "product.productStock",
+          headerAlign: "center"
+        },
+        {
+          label: "商品图",
+          width: 120,
+          align: "center",
+          prop: "product.productImages",
+          headerAlign: "center",
+          slot: "productImages"
+        }
+      ],
+      // 富文本编辑器配置
+      editorOption: {
+        modules: {
+          history: {
+            delay: 1000,
+            maxStack: 50,
+            userOnly: false
+          },
+          toolbar: {
+            container: toolbarOptions,
+            handlers: {
+              image: function(value) {
+                // if (value) {
+                // 调用element的图片上传组件
+                document.querySelector(".avatar-uploader11 input").click();
+                // } else {
+                //   this.quill.format("image", false);
+                // }
+              }
+            }
+          }
+        },
+        placeholder: "请输入简介说明"
+      }
+    };
+  },
+  components: {
+    AddOrUpdate,
+    addCertificate,
+    commonShop,
+    commonTree,
+    commonShopTable,
+    quillEditor,
+    previewimage
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  activated() {
+    this.isEdit = false;
+    this.getDataList();
+  },
+  methods: {
+    changeTrainValue(status, data) {
+      this.$http({
+        url: this.$http.adornUrl("/master/medicalRecords/editMedicalRecords"),
+        method: "post",
+        data: this.$http.adornData({
+          ...data,
+          train: status, //是否加入ai训练库0否1是,
+          id: data.id
+        })
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.refresh();
+        } else {
+          this.$message.error(data.msg);
+        }
+      });
+    },
+    refresh() {
+      this.$nextTick(() => {
+        this.$refs.commonShop.getAssociatedGoodsList();
+      });
+    },
+    getCate(id) {
+      this.linshiids = [];
+
+      this.$http({
+        url: this.$http.adornUrl("/master/userManage/catalogueListByCourse"),
+        method: "post",
+        data: this.$http.adornData({
+          courseId: id
+        })
+      })
+        .then(({ data }) => {
+          if (data && data.code === 0) {
+            console.log("data", "data++++++++++++++++++++");
+            this.addCertificateForm.cate = data.list;
+            // this.addCertificateForm.cate
+          } else {
+            this.addCertificateForm.cate = [];
+            this.linshiids = [];
+          }
+        })
+        .catch(e => {
+          console.log("数据报错");
+        });
+    },
+
+    handleDataFormEdit(data) {
+      console.log("data at line 472:", data);
+
+      this.$nextTick(() => {
+        this.$refs.addCertificate.init("edit", {
+          id: data.id,
+          userId: data.userId,
+          // userKey: data.user.tel || data.user.email||'',
+          // userName: data.user.name||'',
+
+          labelId: data.labelId,
+          ...data
+        });
+      });
+
+      // this.selectChange(data.id)
+    },
+    detailCourse(data) {
+      console.log("data at line 472:", data);
+
+      this.$nextTick(() => {
+        this.$refs.addCertificate.init("detail", {
+          id: data.id,
+          userId: data.userId,
+          // userKey: data.user.tel || data.user.email||'',
+          // userName: data.user.name||'',
+
+          labelId: data.labelId,
+          ...data
+        });
+      });
+
+      // this.selectChange(data.id)
+    },
+
+    onprogress() {
+      this.$message("上传中，请勿关闭或进行其他操作");
+    },
+    audioHandleRemove(file, fileList) {
+      console.log(file, fileList);
+      this.audioFileList = [];
+      this.addForm.media = "";
+    },
+    audioUploadSuccess(res, file) {
+      this.audioFileList = [];
+      this.audioFileList.push(file);
+      this.$message.success("上传成功");
+      console.log(this.audioFileList, res, "上传成功");
+      this.addForm.media = res.url;
+    },
+    // 失去焦点事件
+    onEditorBlur(quill) {
+      //  console.log('editor blur!', quill)
+    },
+    // 获得焦点事件
+    onEditorFocus(quill) {
+      //console.log('editor focus!', quill)
+    },
+    // 准备富文本编辑器
+    onEditorReady(quill) {
+      // console.log('editor ready!', quill)
+    },
+    contentUploadSuccess888(res, file) {
+      console.log(res);
+    },
+    contentUploadSuccess(res, file) {
+      // console.log(res)
+      let quill = this.$refs.myQuillEditor.quill;
+      // 如果上传成功
+      if (res) {
+        // 获取光标所在位置
+        let length = quill.getSelection().index;
+        // 插入图片，res为服务器返回的图片链接地址
+        quill.insertEmbed(length, "image", res.url);
+        // 调整光标到最后
+        quill.setSelection(length + 1);
+      } else {
+        // 提示信息，需引入Message
+        this.$message.error("图片插入失败！");
+      }
+    },
+    UpNumber(e) {
+      e.target.value = e.target.value.replace(/[^\d]/g, "");
+    },
+    dataFormEdit() {
+      this.checkAll = false;
+      this.isEdit = !this.isEdit;
+    },
+    handleCheckAllChange(val) {
+      this.$nextTick(() => {
+        this.$refs.commonShop.handleCheckAllChange(val);
+      });
+    },
+    clearCourse() {
+      this.addCertificateForm.courseId = "";
+      this.addCertificateForm.courseName = "";
+      this.addCertificateForm.courseImg = "";
+    },
+    handleSubmitShopTable: debounce(async function(ids, data) {
+      console.log("ids at line 492:", ids, data);
+      this.addCertificateForm = {
+        courseId: ids,
+        courseName: data.title,
+        courseImg: data.image
+      };
+      if (this.$refs.commonShopTable) {
+        this.$refs.commonShopTable.close();
+      }
+      // await this.$http
+      //     .request({
+      //         url: this.$http.adornUrl(`${this.urlList.saveShop}`),
+      //         method: "POST",
+      //         data: {
+      //             courseId: ids,
+      //             medicalId: this.addForm.id
+      //         },
+      //         header: {
+      //             //默认 无 说明：请求头
+      //             "Content-Type": "application/json"
+      //         }
+      //     })
+      //     .then(async ({ data }) => {
+      //         if (data && data.code === 0) {
+      //             this.$message.success(data.msg);
+
+      //             if (this.$refs.commonShop) {
+      //                 // this.$refs.commonShop.getAssociatedGoodsList.dataForm={
+      //                 //   ...this.$refs.commonShop.getAssociatedGoodsList.dataForm,
+      //                 //   id:this.addForm.id ? this.addForm.id : null
+      //                 // }
+
+      //                 this.$refs.commonShop.getAssociatedGoodsList();
+      //             }
+      //             if (this.$refs.commonShopTable) {
+      //                 this.$refs.commonShopTable.close();
+      //             }
+      //         } else {
+      //             this.$message.error(data.msg);
+      //         }
+      //     });
+    }, 200),
+    openTable() {
+      this.restaurants = [];
+
+      this.$refs.addCertificate.init("add", {});
+      this.$forceUpdate();
+      //   this.dialogVisible = true;
+      // this.isEdit = false;
+      // this.$nextTick(() => {
+      //   this.$refs.commonShopTable.dataForm.marketId = this.addForm.id;
+      //   this.$refs.commonShopTable.open(this.addForm.id);
+      // });
+    },
+    selectCourse() {
+      // this.dialogVisible = true;
+      this.isEdit = false;
+      this.$nextTick(() => {
+        this.$refs.commonShopTable.dataForm.marketId = this.addForm.id;
+        this.$refs.commonShopTable.open(this.addForm.id);
+      });
+    },
+    handleChangeIsLast(e) {
+      console.log("🚀 ~ handleChangeIsLast ~ e:", e);
+      this.$nextTick(() => {
+        if (e == 1) {
+          if (this.$refs.commonShop) {
+            // this.$refs.commonShop.getAssociatedGoodsList.dataForm={
+            //   ...this.$refs.commonShop.getAssociatedGoodsList.dataForm,
+            //   id:this.addForm.id ? this.addForm.id : null
+            // }
+            this.$refs.commonShop.getAssociatedGoodsList();
+          }
+        }
+      });
+    },
+
+    async getCommonShopDataList(type, id, form) {
+      console.log("form at line 1011:", form);
+
+      this.isFresh = false;
+      this.isEdit = false;
+      this.isFresh = true;
+      console.log("🚀 ~ getCommonShopDataList ~ type, id:", type, id);
+
+      this.currentNode = { data: { ...form } };
+      this.addForm = form;
+
+      if (this.addForm.isLast == 0) {
+        this.activeName = "first";
+      }
+      //   this.fimages = this.addForm.icon;
+      //   this.audioFileList = [];
+      //   if (this.addForm.mediaType == 2 && this.addForm.media != "") {
+      //     this.audioFileList.push({
+      //       url: this.addForm.media,
+      //       name: "audio--"
+      //     });
+      //   }
+      if (!["wait", "false", "caogao"].includes(form.id)) {
+        await this.getDataList();
+        this.$nextTick(() => {
+          // this.$refs.commonShop.clear();
+          // this.$refs.commonShop.bookMarketId = null;
+          if (form.isLast == 1) {
+            console.log("form.isLast at line 1039:", form.isLast);
+            if (this.$refs.commonShop) {
+              // this.$refs.commonShop.getAssociatedGoodsList.dataForm={
+              //   ...this.$refs.commonShop.getAssociatedGoodsList.dataForm,
+              //   id:this.addForm.id ? this.addForm.id : null
+              // }
+              this.$refs.commonShop.getAssociatedGoodsList();
+            }
+          }
+        });
+      } else {
+        if (this.$refs.commonShop) {
+          this.$refs.commonShop.dataForm = {
+            state: form.state
+          };
+          this.$refs.commonShop.getAssociatedGoodsList(
+            "/master/medicalRecords/getMedicalRecordsListCheck"
+          );
+        }
+      }
+
+      // this.$refs.commonTree.setCurrentNodeShow();
+    },
+    delImg() {
+      this.fimages = "";
+      this.addForm.icon = "";
+    },
+    handlePicSuccess(res, file) {
+      this.fimages = res.url;
+      //   this.addForm.icon = res.url;
+      this.$message.success("上传成功");
+      //  console.log(res, "上传");
+    },
+    handlePicSuccess11() {
+      console.log("上传音频---");
+    },
+    handlePicSuccess111() {
+      console.log("上传音频");
+    },
+
+    //新增修改
+    dataFormSubmit: debounce(async function(formName) {
+      //    return false
+      if (this.addForm.title == "" || !this.addForm.title) {
+        this.$message.error("请输入标签名称");
+        return false;
+      }
+
+      if (!this.addForm.content) {
+        this.addForm.content = "";
+      }
+      console.log(this.addForm, "this.addForm-----------");
+      await this.$refs[formName].validate(async valid => {
+        if (valid) {
+          await this.$http({
+            url: this.$http.adornUrl(
+              this.addForm.id ? this.urlList.edit : this.urlList.add
+            ),
+            method: "post",
+            data: this.$http.adornData({
+              ...this.addForm
+            })
+          }).then(async ({ data }) => {
+            if (data && data.code === 0) {
+              // var status = await this.correlationShop(data.result.id);
+              await this.getDataList();
+              this.$nextTick(async () => {
+                this.$refs.commonTree.setCurrentNodeShow(data.labelId);
+                this.$message({
+                  message: "操作成功",
+                  type: "success",
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false;
+                  }
+                });
+                // this.$refs.commonShopTable.getAssociatedGoodsList();
+                // if (data.Medical.icon && data.Medical.icon != "") {
+                //   this.fimages = data.Medical.icon;
+                // }
+
+                // this.addForm = data.Medical;
+                // this.audioFileList = [];
+                // if (this.addForm.mediaType == 2 && this.addForm.media != "") {
+                //   this.audioFileList.push({
+                //     url: this.addForm.media,
+                //     name: "audio"
+                //   });
+                // }
+                ///    this.currentNode = { data: { ...data.Medical } };
+              });
+            } else {
+              this.$message.error(data.msg);
+              setTimeout(() => {
+                this.addForm = { ...this.currentNode.data };
+              }, 500);
+
+              // console.log('this.addForm at line 550:', this.addForm)
+              // console.log('this.addForm at line 550:', this.currentNode)
+            }
+          });
+        }
+      });
+    }, 200),
+    //新增修改
+    dataFormDelete: debounce(async function(row, deleteType) {
+    	console.log('row at line 793:', row)
+      console.log("row at line 515:", row);
+      this.$confirm(
+        `确定要解绑${deleteType != "all" ? "该" : "所有"}审核人员吗?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }
+      )
+        .then(async () => {
+          // var lableIds = row[0].bookLabelId;
+          var productIds = row[0].id;
+
+          // //    return false
+          // var selectShopArr = this.$refs.commonShop.selectShopArr;
+          // console.log(selectShopArr, "1111");
+
+          // if (selectShopArr.length == 0) {
+          //   this.$message.error("请选择已关联的商品");
+          //   return false;
+          // }
+          this.$refs.commonShop.dataListLoading = true;
+          await this.$http
+            .request({
+              url: this.$http.adornUrl(`${this.urlList.deleteShop}`),
+              method: "POST",
+              data: {
+                userId: productIds,
+                labelId: this.currentNode.data.id
+                // marketId: this.addForm.id
+              },
+              header: {
+                //默认 无 说明：请求头
+                "Content-Type": "application/json"
+              }
+            })
+            .then(async ({ data }) => {
+              if (data && data.code === 0) {
+                this.$message.success("删除成功");
+              } else {
+                this.$message.error(data.msg);
+              }
+              this.$nextTick(() => {
+                // this.$refs.commonShop.selectShopArr = [];
+                if (this.$refs.commonShop) {
+                  //     this.$refs.commonShop.getAssociatedGoodsList.dataForm={
+                  //   ...this.$refs.commonShop.getAssociatedGoodsList.dataForm,
+                  //   id:this.addForm.id ? this.addForm.id : null
+                  // }
+                  this.$refs.commonShop.getAssociatedGoodsList();
+                }
+              });
+            });
+        })
+        .catch(() => {});
+    }, 200),
+    setCheckedKeys() {
+      this.$refs.tree.setCheckedKeys([0]);
+    },
+    changeCurrentNode(val) {
+      this.changeCurrentNode = val;
+      this.$forceUpdate();
+    },
+    handlereset() {
+      this.currentNode = null;
+      this.isFresh = false;
+      this.isFresh = true;
+    },
+    handleClickNodes(node, data, type) {
+      this.isEdit = false;
+      this.addForm = {};
+      // console.log(this.$refs.tree.handleClickNodes(), "当前选中节点");
+      console.log(node, data, "当前选中节点");
+      this.currentNode = node ? node : {};
+
+      this.isFresh = false;
+      this.isFresh = true;
+
+      var form = {};
+      switch (type) {
+        case "add":
+          form = { ...data };
+          break;
+        case "edit":
+          form = { ...node.data };
+          break;
+        case "addChildren":
+          form = {
+            children: [],
+            delFlag: 0,
+            isLast: 0,
+            icon: "",
+            content: "",
+            pid: data.id,
+            sort: 0,
+            title: ""
+          };
+          break;
+      }
+      this.addForm = { ...form };
+      console.log("this.addForm at line 1229:", this.addForm);
+      this.$nextTick(() => {
+        this.$refs.commonShop.clear();
+        // this.$refs.commonShop.bookMarketId = null;
+        this.$refs.commonShop.getDataList(type == "edit" ? form.id : "");
+      });
+    },
+    addOrUpdateHandle() {
+      var addform = {
+        children: [],
+        delFlag: 0,
+        isLast: 0,
+        pid: 0,
+        sort: 0,
+        title: "",
+        icon: ""
+      };
+      this.handleClickNodes({ data: addform }, addform, "add");
+      // if (!this.currentNode) {
+      //   this.$message.error("请先选择分类");
+      //   return;
+      // }
+    },
+
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.title.indexOf(value) !== -1;
+    },
+
+    // renderContent(h, { node, data, store }) {
+    //   return;
+    //   `<span
+    //       style="flex: 1; display: flex; align-items: center; justify-content: space-between; padding-right: 8px;"
+    //       on-mouseenter={() => this.mouseenteract(data)}
+    //       on-mouseleave={() => this.mouseleaveact(data)}
+    //     >
+    //       <span>
+    //         <span>{node.label}</span>
+    //       </span>
+    //       {this.isact == data ? (
+    //         <span>
+    //           {this.isact.typeName == "模板组" ? (
+    //             <el-button
+    //               class="m-r-10"
+    //               type="text"
+    //               icon="el-icon-edit"
+    //               on-click={() => this.handleUpdateGroup(node, data)}
+    //             ></el-button>
+    //           ) : (
+    //             <span></span>
+    //           )}
+    //           <el-button
+    //             type="text"
+    //             icon="el-icon-delete"
+    //             on-click={(e) => this.handleDelete(node, data, e)}
+    //           ></el-button>
+    //         </span>
+    //       ) : (
+    //         <span></span>
+    //       )}
+    //     </span>`;
+    // },
+    updateRenderContent(h, { node, data, store }) {
+      return `
+          <span style="flex: 1; display: flex; align-items: center; justify-content: space-between; padding-right: 8px;">
+            <span>
+              {this.isact == data ? (
+                <input
+                  type="text"
+                  onChange={this.handleChangeTitle.bind(this)}
+                  value={node.label}
+                />
+              ) : (
+                <span>{node.label}</span>
+              )}
+            </span>
+            {this.isact == data ? (
+              <span>
+                {this.isact.typeName == "模板组" ? (
+                  <span>
+                    <el-button
+                      class="m-r-10"
+                      type="text"
+                      icon="el-icon-check"
+                      on-click={() => this.updateGroup(node, data)}
+                    ></el-button>
+                    <el-button
+                      class="m-r-10"
+                      type="text"
+                      icon="el-icon-close"
+                      on-click={(e) => this.cancelUpdate(node, data, e)}
+                    ></el-button>
+                  </span>
+                ) : (
+                  <span></span>
+                )}
+              </span>
+            ) : (
+              <span></span>
+            )}
+          </span>`;
+    },
+    //获取鼠标进入节点的数据
+    mouseenteract(da) {
+      this.isact = da;
+    },
+    mouseleaveact(da) {
+      this.isact = "";
+    },
+    handleNodeClick(pdata) {
+      this.curNode = pdata;
+      document
+        .getElementsByClassName("el-tree-node__content")[0]
+        .setAttribute("class", "el-tree-node__content");
+    },
+    handleDelete(node, data, e) {
+      e.stopPropagation();
+      //存在则添加到子级
+      const parent = node.parent;
+      const children = parent.data.nodes || parent.data;
+      //若parent.data是对象，操作的是子级；如果是数组，操作的是最外层
+      if (Array.isArray(parent.data)) {
+        const parentIndex = parent.data.findIndex(d => d.id === data.id);
+        parent.data.splice(parentIndex, 1);
+      } else {
+        const childIndex = children.findIndex(d => d.id === data.id);
+        children.splice(childIndex, 1);
+      }
+      this.curNode = undefined;
+    },
+    //新增组
+    handleAddGroup() {
+      /**
+             *  如果模版深度最多两层，取消该部分注释
+             * //最多只有两层组 不可能添加在dept2的组上 curNode存在 并且  深度超过1
+               if (this.curNode != undefined && this.curNode.depth != 1) { 
+               this.$message.warning("不能添加超过两层");  
+               return; 
+             }
+             */
+
+      //如果isUpdateGroup 已经是true了 说明重复点击了
+      if (this.isUpdateGroup) {
+        return;
+      }
+
+      let id = ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
+        (
+          c ^
+          (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))
+        ).toString(16)
+      );
+      let newChild = {
+        parentId: "", //如果有这个id 是插入第二层 否则是第一层 可有可无
+        text: "", //必须有 this.templateContent.tempName
+        nodes: [],
+        id: id,
+        typeName: "模板组",
+        temporaryData: "1" //用来区分临时数据
+      };
+      /* 如果模版深度最多两层，以下条件改成该部分注释
+              this.curNode && this.curNode.depth == 1 
+            */
+      this.indexRecord = [];
+      if (this.curNode) {
+        if (!this.curNode.nodes) {
+          this.$message.warning("模板不可添加");
+          return;
+        }
+        newChild.parentId = this.curNode.id;
+        /* 如果模版深度最多两层，以下条件改成该部分注释
+                  const index = this.treeDataList.findIndex(
+                    item => item.id == this.curNode.id
+                  );
+                  this.treeDataList[index].nodes.push(newChild);
+                */
+        //找到tree中的index轨迹
+        this.getTemplateTreeNode(this.curNode.id, this.treeDataList, 0);
+        //按照index轨迹插入节点
+        this.insertNode(
+          newChild,
+          this.treeDataList,
+          this.indexRecord,
+          this.indexRecord.length
+        );
+        this.isBreak = false;
+      } else if (this.curNode == undefined) {
+        //没有选中的时候 添加到最外层
+        newChild.depth = 1;
+        this.treeDataList.push(newChild);
+      }
+      //调用出updateRender的input
+      this.isact = newChild;
+      this.isUpdateGroup = true;
+    },
+    //递归遍历获得选中node
+    getTemplateTreeNode(target, list, dept) {
+      //空数组直接返回
+      if (list.length == 0) return;
+      let dataLen = list.length;
+      for (let i = 0; i < dataLen; i++) {
+        //如果不匹配
+        if (target != list[i].id) {
+          //存在nodes 遍历nodes里的节点
+          if (list[i].nodes) {
+            this.indexRecord[dept] = i;
+            let recordDept = dept + 1;
+            this.getTemplateTreeNode(target, list[i].nodes, recordDept);
+          } else {
+            //不存在nodes 继续遍历
+            continue;
+          }
+        } else {
+          //匹配，则修改下标数组
+          this.indexRecord[dept] = i;
+          this.isBreak = true;
+          break;
+        }
+        //删除不匹配的轨迹 如果已经break了说明已经找到正确的节点，就不用再删了
+        if (!this.isBreak) {
+          this.indexRecord.pop();
+        }
+      }
+    },
+    //插入节点
+    insertNode(insertChild, tree, indexArr, len) {
+      let index = indexArr.length - len;
+      if (len == 0) {
+        tree.push(insertChild);
+      } else {
+        this.insertNode(
+          insertChild,
+          tree[indexArr[index]].nodes,
+          indexArr,
+          len - 1
+        );
+      }
+    },
+    //修改组
+    handleUpdateGroup() {
+      this.isUpdateGroup = true;
+    },
+    //修改组名时获取title
+    handleChangeTitle(e) {
+      let value = e.target.value;
+      this.isactTitle = value;
+    },
+    updateGroup(node, data) {
+      //先handleChangeTitle获取title 再调用
+      setTimeout(() => {
+        if (this.isactTitle.trim() == "") {
+          this.$message.warning("名称不能为空");
+          return;
+        }
+        //修改数据组
+        this.isUpdateGroup = false;
+        const parent = node.parent;
+        const children = parent.data.nodes || parent.data;
+        const index = children.findIndex(d => d.id === data.id);
+        let temp = data;
+        temp.text = this.isactTitle;
+        children.splice(index, 1, temp);
+      }, 500);
+    },
+    cancelUpdate(node, data, e) {
+      this.$message.info("已取消");
+      this.isUpdateGroup = false;
+      //如果是插入操作 需要移除数据
+      if (this.isact.temporaryData) {
+        this.handleDelete(node, data, e);
+      }
+    },
+    // 获取数据列表
+
+    async getDataList() {
+      this.dataListLoading = true;
+      await this.$http({
+        url: this.$http.adornUrl(this.urlList.treeList),
+        method: "get"
+        // params: this.$http.adornParams({
+        //   'page': this.pageIndex,
+        //   'limit': this.pageSize,
+        //   'key': this.dataForm.key
+        // })
+      }).then(({ data }) => {
+        console.log("🚀 ~ getDataList ~ data:", data);
+        if (data && data.code === 0) {
+          this.treeDataList = [...data.Medicals];
+
+          // this.treeDataList = data.labelList;
+          // this.totalPage = data.page.totalCount
+        } else {
+          this.treeDataList = [];
+          // this.totalPage = 0
+        }
+        this.dataListLoading = false;
+      });
+    },
+    // 每页数
+    sizeChangeHandle(val) {
+      this.pageSize = val;
+      this.pageIndex = 1;
+      this.getDataList();
+    },
+    // 当前页
+    currentChangeHandle(val) {
+      this.pageIndex = val;
+      this.getDataList();
+    },
+    // 多选
+    selectionChangeHandle(val) {
+      this.dataListSelections = val;
+    }
+    // // 新增 / 修改
+    // addOrUpdateHandle(row) {
+    //   this.addOrUpdateVisible = true;
+    //   this.$nextTick(() => {
+    //     this.$refs.addOrUpdate.init(row);
+    //   });
+    // },
+  }
+};
+</script>
+<style lang="less" scoped>
+.delImgBtn {
+  cursor: pointer;
+  display: inline-block;
+  margin-left: 10px;
+}
+
+.el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+
+.avatar-uploader-icon {
+  border: 1px dashed #d9d9d9;
+  border-color: #409eff;
+  font-size: 28px;
+  color: #8c939d;
+  width: 70px;
+  height: 70px;
+  line-height: 70px;
+  text-align: center;
+}
+
+.avatar {
+  width: 70px;
+  border: 1px dashed #409eff;
+  // border-color: #409eff;
+  height: 70px;
+  display: block;
+}
+
+.tree_box {
+  width: 250px !important;
+  height: 100%;
+  float: left;
+  background-color: #f0f2f596  !important;
+  border: none !important;
+  border-radius: 10px;
+  padding: 15px;
+  box-sizing: border-box;
+  // background: #fafafa;
+}
+/deep/ .info_bg {
+  display: none  !important;
+}
+.flexBox {
+  display: flex;
+}
+
+.subBox {
+  border: 1px solid #d6d6d6;
+  border-radius: 10px;
+  overflow: hidden;
+  width: 49%;
+  padding: 10px;
+}
+
+.border_box {
+  // height: 100px;
+  // margin-bottom: 10px;
+
+  .title_box {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+
+    .button_box {
+      // width: 200px;
+      float: right;
+    }
+  }
+
+  .title {
+    width: 300px;
+    min-width: 200px;
+
+    float: left;
+    display: flex;
+    align-items: center;
+    font-weight: 600;
+    font-size: 16px;
+
+    // color: #17b3a3;
+    .line {
+      width: 4px;
+      height: 20px;
+      margin-right: 8px;
+      background: #17b3a3;
+    }
+  }
+}
+
+.border_box {
+  width: 100%;
+  // float: right;
+  background: #fffefe;
+  margin-top: 4px;
+  border-radius: 10px;
+  padding: 15px 15px;
+  box-sizing: border-box;
+}
+
+.tree_content_box {
+  height: calc(100% - 60px) !important;
+
+  .shopFormBox {
+    width: auto !important;
+  }
+}
+
+.mod-config {
+  width: 100%;
+  height: 82vh;
+  overflow: hidden;
+}
+
+.el-tree-node__content {
+  .el-button {
+    display: none;
+  }
+}
+
+.el-tree-node__content:hover {
+  .el-button {
+    display: inline;
+  }
+}
+
+.dataType {
+  margin: 20px 0;
+  justify-content: center;
+}
+
+.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+  background-color: #eaebed;
+  color: #4796ec;
+  font-weight: bold;
+}
+
+.el-tree {
+  height: 350px;
+  overflow-y: auto !important;
+
+  .el-tree-node__content span {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+}
+
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+
+// .el-card {
+//   background: none !important;
+// }
+p {
+  margin: 0;
+  margin-bottom: 10px;
+}
+
+.submitButtonBox {
+  // margin-top: 20px;
+  // display: flex;
+  // align-items: center;
+  // justify-content: space-between;
+}
+
+.submitButton {
+  // float: right;
+  text-align: center;
+  margin: 15px auto;
+}
+
+// .el-tree-node__content .el-button {
+//   // width: 120px !important;
+
+//   display: block !important;
+// }
+// ::v-deep .el-tree .el-tree-node__content span:nth-child(2) {
+//   width: 120px;
+//   display: flex !important;
+//   align-items: center !important;
+//   justify-content: space-between !important;
+// }
+// /deep/.el-table__row--level-1 {
+//   display: block !important;
+// }
+
+.addFormBox {
+  overflow: hidden;
+
+  .form_item {
+    width: 33%;
+    float: left;
+    margin-bottom: 0;
+  }
+}
+
+.custom-tree-container {
+  height: calc(100% - 100px);
+
+  .filter-tree {
+    height: 100%;
+  }
+}
+
+.shopFormBox {
+  min-width: auto !important;
+}
+
+.ql-container {
+  min-height: 200px;
+}
+
+/deep/ .quill-editor {
+  min-height: 200px !important;
+}
+.loading-spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 24px;
+}
+</style>
diff --git a/src/views/modules/talents/talents-list.vue b/src/views/modules/talents/talents-list.vue
index a67f7cd..380d406 100644
--- a/src/views/modules/talents/talents-list.vue
+++ b/src/views/modules/talents/talents-list.vue
@@ -6,11 +6,7 @@
       @keyup.enter.native="getDataList()"
     >
       <el-form-item label="姓名">
-        <el-input
-          v-model="dataForm.name"
-          placeholder="请输入姓名"
-          clearable
-        >
+        <el-input v-model="dataForm.name" placeholder="请输入姓名" clearable>
         </el-input>
       </el-form-item>
       <el-form-item label="所属地域">
@@ -29,11 +25,7 @@
           "
           >查询</el-button
         >
-        <el-button
-          type="primary"
-          @click="addHandle()"
-          >新增</el-button
-        >
+        <el-button type="primary" @click="addHandle()">新增</el-button>
       </el-form-item>
     </el-form>
     <el-table
@@ -42,18 +34,19 @@
       v-loading="dataListLoading"
       style="width: 100%"
     >
-      <el-table-column
-        label="序号"
-        type="index"
-        align="center"
-        width="60">
+      <el-table-column label="序号" type="index" align="center" width="60">
       </el-table-column>
       <el-table-column label="姓名" align="center" width="120">
         <template slot-scope="scope">{{ scope.row.name }}</template>
       </el-table-column>
       <el-table-column label="头像" align="center" width="120">
         <template slot-scope="scope">
-          <img width="50px" :src="scope.row.icon" v-if="scope.row.icon" alt="" />
+          <img
+            width="50px"
+            :src="scope.row.icon"
+            v-if="scope.row.icon"
+            alt=""
+          />
         </template>
       </el-table-column>
       <el-table-column label="职称" align="center" width="140">
@@ -87,21 +80,14 @@
               query: { id: scope.row.id }
             }"
           >
-            <el-button
-              type="text"
-              size="small"
-              >查看课程</el-button>
+            <el-button type="text" size="small">查看课程</el-button>
           </router-link>
-          <el-button
-            type="text"
-            size="small"
-            @click="editHandle(scope.row)"
-            >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-            @click="deleteHandle(scope.row)"
-            >删除</el-button>
+          <el-button type="text" size="small" @click="editHandle(scope.row)"
+            >修改</el-button
+          >
+          <el-button type="text" size="small" @click="deleteHandle(scope.row)"
+            >删除</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -129,7 +115,7 @@
         :rules="addFormRule"
         label-width="110px"
       >
-        <el-form-item label="手机号/邮箱" prop="tel" v-if="statusType==0">
+        <el-form-item label="手机号/邮箱" prop="tel" v-if="statusType == 0">
           <div style="display: flex;align-items: center;">
             <el-autocomplete
               style=" width: 100%;"
@@ -141,9 +127,7 @@
               <template #default="{ item }">
                 <div class="custom-item">
                   <span>{{ item.tel ? item.tel : item.email }}</span>
-                  <span
-                    style="color: gray; margin-left: 10px;"
-                    v-if="item.name"
+                  <span style="color: gray; margin-left: 10px;" v-if="item.name"
                     >({{ item.name }})</span
                   >
                 </div>
@@ -162,20 +146,41 @@
           </el-select>
         </el-form-item>
         <el-form-item label="科室" prop="department">
-          <el-select v-model="addForm.department" placeholder="请选择">
+          <el-cascader
+            :options="departmentList"
+            :show-all-levels="false"
+            v-model="addForm.department"
+            placeholder="请选择"
+            :props="{
+              value: 'id',
+              label: 'title'
+            }"
+          ></el-cascader>
+          <!-- <el-select v-model="addForm.department" placeholder="请选择">
             <el-option
               v-for="item in departmentList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.label">
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            >
             </el-option>
-          </el-select>
+          </el-select> -->
         </el-form-item>
         <el-form-item label="所属地域" prop="region" v-if="!changeStatus">
           <div class="el-select">
-            <el-input v-model="addForm.region" disabled class="el-input el-input--suffix"></el-input>
+            <el-input
+              v-model="addForm.region"
+              disabled
+              class="el-input el-input--suffix"
+            ></el-input>
           </div>
-          <el-button size="mini" type="default" class="editBtn" @click="changeCountry">修改</el-button>
+          <el-button
+            size="mini"
+            type="default"
+            class="editBtn"
+            @click="changeCountry"
+            >修改</el-button
+          >
         </el-form-item>
 
         <el-form-item label="所属地域" v-if="changeStatus">
@@ -226,17 +231,30 @@
         </el-form-item>
 
         <el-form-item label="业务专长" prop="specialty">
-          <el-input v-model="addForm.specialty" placeholder="请输入业务专长"></el-input>
+          <el-input
+            v-model="addForm.specialty"
+            placeholder="请输入业务专长"
+          ></el-input>
         </el-form-item>
         <el-form-item label="预约信息" prop="reservation">
-          <el-input v-model="addForm.reservation" placeholder="请输入预约信息"></el-input>
+          <el-input
+            v-model="addForm.reservation"
+            placeholder="请输入预约信息"
+          ></el-input>
         </el-form-item>
-        
+
         <el-form-item label="出诊信息" prop="clinic">
-          <el-input v-model="addForm.clinic" placeholder="请输入出诊信息"></el-input>
+          <el-input
+            v-model="addForm.clinic"
+            placeholder="请输入出诊信息"
+          ></el-input>
         </el-form-item>
         <el-form-item label="介绍" prop="introduce">
-          <el-input type="textarea" v-model="addForm.introduce" placeholder="请输入介绍"></el-input>
+          <el-input
+            type="textarea"
+            v-model="addForm.introduce"
+            placeholder="请输入介绍"
+          ></el-input>
         </el-form-item>
         <el-form-item label="上传头像" prop="icon">
           <el-upload
@@ -281,7 +299,7 @@ export default {
         userId: "",
         id: "", //新增不传
         name: "",
-        department: '',
+        department: "",
         title: "",
         specialty: "",
         region: "",
@@ -290,45 +308,20 @@ export default {
         clinic: "",
         icon: ""
       },
-      departmentList: [
-        {
-          value: '1',
-          label: '消化专科'
-        },
-        {
-          value: '2',
-          label: '呼吸专科'
-        },
-        {
-          value: '3',
-          label: '风湿免疫专科'
-        },
-        {
-          value: '4',
-          label: '肿瘤专科'
-        },
-        {
-          value: '5',
-          label: '妇科专科'
-        },
-        {
-          value: '6',
-          label: '全科医生'
-        }
-      ],
+      departmentList: [],
       editId: "",
       addFormRule: {
         tel: [
           {
             required: true,
-            message: "请输入手机号/邮箱",
-          },
+            message: "请输入手机号/邮箱"
+          }
         ],
         name: [
           {
             required: true,
-            message: "请输入姓名",
-          },
+            message: "请输入姓名"
+          }
         ]
       },
       dataList: [],
@@ -340,16 +333,16 @@ export default {
       dialogVisible: false,
       dataListLoading: false,
       addOrUpdateVisible: false,
-      titlesub: '',
+      titlesub: "",
 
       current: 1,
       limit: 10,
 
       // 选择的值
-      selectedCountry: '',
-      selectedProvince: '',
-      selectedCity: '',
-      
+      selectedCountry: "",
+      selectedProvince: "",
+      selectedCity: "",
+
       // 加载状态
       countryLoading: false,
       provinceLoading: false,
@@ -367,18 +360,37 @@ export default {
         saveShop: "/master/taihuTalent/bindCourseAndTalent",
         hasBindProductList: "/master/taihuTalent/getCourseListForTalent",
         CanBindProductList: "/master/taihuTalent/getCourseListCanTalent"
-      },
+      }
     };
   },
-  components: {
-    
-  },
-  activated(){
+  components: {},
+  activated() {
+    this.getDepartmentList();
     this.getDataList();
     this.loadCountries();
   },
+  mounted() {
+    this.getDepartmentList();
+  },
   methods: {
     // 获取数据列表
+    getDepartmentList() {
+      // this.dataListLoading = true;
+
+      this.$http({
+        url: this.$http.adornUrl(
+          "/master/medicalRecords/getMedicalRecordsLabelList"
+        ),
+        method: "post",
+        data: this.$http.adornData({})
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.departmentList = data.Medicals;
+        } else {
+          this.departmentList = [];
+        }
+      });
+    },
     getDataList() {
       this.dataListLoading = true;
       this.$http({
@@ -389,7 +401,7 @@ export default {
           limit: this.pageSize,
           name: this.dataForm.name,
           region: this.dataForm.region
-        }),
+        })
       }).then(({ data }) => {
         if (data && data.code === 0) {
           this.dataList = data.pageRes.records;
@@ -426,72 +438,78 @@ export default {
       this.addForm.userId = item.id;
     },
     //新增
-    addHandle(){
+    addHandle() {
       this.addOrUpdateVisible = true;
-      this.titlesub = '新增';
-      this.statusType = 0;  //新增
-      
+      this.titlesub = "新增";
+      this.statusType = 0; //新增
+
       this.changeStatus = true;
       this.chinaStatus = false;
       this.selectCode = null;
       this.selectedProvId = null;
-      this.selectedCity = ''; 
-      
+      this.selectedCity = "";
+
       this.selectCode = null;
       this.selectedProvId = null;
-      this.selectedCity = '';
+      this.selectedCity = "";
       this.fileList = [];
       this.stopLoad = false;
       this.addForm = {
-        tel: '',
+        tel: "",
         name: "",
         title: "",
-        department: '',
+        department: "",
         specialty: "",
         region: "",
         reservation: "",
         introduce: "",
         clinic: "",
         icon: ""
-      }
+      };
       this.$nextTick(() => {
         this.$refs.addFormRef.clearValidate();
       });
     },
     //点击确定
-    addOrEditCate(){
+    addOrEditCate() {
       //如果是中国 城市必选
-      if(this.chinaStatus){
-        if(!this.selectedCity){
+      if (this.chinaStatus) {
+        if (!this.selectedCity) {
           this.$message({
             message: "请选择城市",
             type: "warning"
           });
 
-          return
+          return;
         }
       }
-      if(this.statusType==0){  //如果是新增
+      if (this.statusType == 0) {
+        //如果是新增
         this.addCate();
-      }else if(this.statusType==1){  //如果是修改
+      } else if (this.statusType == 1) {
+        //如果是修改
         this.editCate(this.addForm);
       }
     },
-    addCate(){
+    addCate() {
+      console.log("this.addForm at line 490:", this.addForm);
       this.$refs["addFormRef"].validate(valid => {
         if (valid) {
-          var icon = '';
-          var region = '';
-          if(this.fileList&&this.fileList.length>0){
-            icon = this.fileList[0].url
+          var icon = "";
+          var region = "";
+          if (this.fileList && this.fileList.length > 0) {
+            icon = this.fileList[0].url;
           }
-          if(this.selectedCountry){
-            if(!this.selectedProvince){
-              region = this.selectedCountry
-            }else{
+          if (this.selectedCountry) {
+            if (!this.selectedProvince) {
+              region = this.selectedCountry;
+            } else {
               region = this.selectedProvince + this.selectedCity;
             }
           }
+          const department = Array.isArray(this.addForm.department)
+            ? this.addForm.department[this.addForm.department.length - 1]
+            : this.addForm.department;
           this.$http({
             url: this.$http.adornUrl("/master/taihuTalent/addTaihuTalent"),
             method: "post",
@@ -499,14 +517,14 @@ export default {
               userId: this.addForm.userId,
               name: this.addForm.name,
               title: this.addForm.title,
-              department: this.addForm.department, 
+              department: department,
               specialty: this.addForm.specialty,
               region: region,
               reservation: this.addForm.reservation,
               introduce: this.addForm.introduce,
               clinic: this.addForm.clinic,
               icon: icon
-            }),
+            })
           }).then(({ data }) => {
             if (data && data.code === 0) {
               this.$message({
@@ -519,25 +537,28 @@ export default {
             }
           });
         }
-      })
+      });
     },
-    editCate(data){
-    console.log('data at line 524:', data)
+    editCate(data) {
+      console.log("data at line 524:", data);
 
       this.$refs["addFormRef"].validate(valid => {
         if (valid) {
-          var icon = '';
-          var region = '';
-          if(this.fileList&&this.fileList.length>0){
-            icon = this.fileList[0].url
+          var icon = "";
+          var region = "";
+          if (this.fileList && this.fileList.length > 0) {
+            icon = this.fileList[0].url;
           }
-          if(this.selectedCountry){
-            if(!this.selectedProvince){
-              region = this.selectedCountry
-            }else{
+          if (this.selectedCountry) {
+            if (!this.selectedProvince) {
+              region = this.selectedCountry;
+            } else {
               region = this.selectedProvince + this.selectedCity;
             }
           }
+          const department = Array.isArray(data.department)
+            ? data.department[data.department.length - 1]
+            : data.department;
           this.$http({
             url: this.$http.adornUrl("/master/taihuTalent/updateTaihuTalent"),
             method: "post",
@@ -545,14 +566,14 @@ export default {
               id: data.id,
               name: data.name,
               title: data.title,
-              department: data.department,
+              department: department,
               specialty: data.specialty,
-              region: region?region:data.region,
+              region: region ? region : data.region,
               reservation: data.reservation,
               introduce: data.introduce,
               clinic: data.clinic,
               icon: icon
-            }),
+            })
           }).then(({ data }) => {
             if (data && data.code === 0) {
               this.$message({
@@ -565,17 +586,17 @@ export default {
             }
           });
         }
-      })
+      });
     },
     //修改地域
-    changeCountry(){
+    changeCountry() {
       this.changeStatus = true;
       this.chinaStatus = false;
       this.selectCode = null;
       this.selectedProvId = null;
     },
     //取消
-    cancleClose(){
+    cancleClose() {
       this.addOrUpdateVisible = false;
     },
     // 每页数
@@ -592,11 +613,11 @@ export default {
 
     //操作
     //点击修改
-    editHandle(data){
+    editHandle(data) {
       this.fileList = [];
       this.addOrUpdateVisible = true;
-      this.titlesub = '修改';
-      this.statusType = 1;  //修改
+      this.titlesub = "修改";
+      this.statusType = 1; //修改
       this.changeStatus = false;
 
       this.addForm.id = data.id;
@@ -610,7 +631,7 @@ export default {
       this.addForm.clinic = data.clinic;
       this.addForm.icon = data.icon;
       //图片赋值
-      if(data.icon){
+      if (data.icon) {
         this.fileList.push({
           url: data.icon
         });
@@ -620,7 +641,7 @@ export default {
       });
     },
     //点击删除
-    deleteHandle(data){
+    deleteHandle(data) {
       this.$confirm("确定删除该数据？", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
@@ -675,86 +696,88 @@ export default {
     //获取国家数据
     loadCountries() {
       this.countryLoading = true;
-			this.$http({
+      this.$http({
         url: this.$http.adornUrl("/common/baseArea/getAllBaseArea"),
         method: "post",
-        data: this.$http.adornData({}),
+        data: this.$http.adornData({})
       }).then(({ data }) => {
         if (data && data.code === 0) {
-          if (data.baseAreas&&data.baseAreas.length>0) {
+          if (data.baseAreas && data.baseAreas.length > 0) {
             this.countryLoading = false;
             this.countries = data.baseAreas;
           }
         }
       });
-		},
+    },
 
     //获取中国省份
-		loadProvinces() {
+    loadProvinces() {
       this.provinceLoading = true;
       this.$http({
         url: this.$http.adornUrl("/common/province/getProvinceList"),
         method: "post",
-        data: this.$http.adornData({}),
+        data: this.$http.adornData({})
       }).then(({ data }) => {
         if (data && data.code === 0) {
-          if (data.provinceList&&data.provinceList.length>0) {
+          if (data.provinceList && data.provinceList.length > 0) {
             this.provinceLoading = false;
             this.provinces = data.provinceList;
           }
         }
       });
-		},
+    },
 
     //选择国家
-    handleCountryChange(code){
-      if(code=='86'){
+    handleCountryChange(code) {
+      if (code == "86") {
         this.chinaStatus = true;
-      }else{
+      } else {
         this.chinaStatus = false;
       }
       const data = this.countries.find(country => country.code === code);
       this.selectedCountry = data.title;
-      this.selectedProvince = '';
-      this.selectedCity = '';
+      this.selectedProvince = "";
+      this.selectedCity = "";
       this.selectedProvId = null;
       this.provinces = [];
       this.cities = [];
 
-      console.log('所选国家-', this.selectedCountry)
+      console.log("所选国家-", this.selectedCountry);
     },
     //选择省份
-    handleProvinceChange(provId){
+    handleProvinceChange(provId) {
       this.cityLoading = true;
       const data = this.provinces.find(prov => prov.provId === provId);
       this.selectedProvince = data.provName;
-      this.selectedCity = '';
+      this.selectedCity = "";
       this.$http({
-        url: this.$http.adornUrl("/common/province/getCityList?provId="+ provId),
+        url: this.$http.adornUrl(
+          "/common/province/getCityList?provId=" + provId
+        ),
         method: "post",
-        data: this.$http.adornData({}),
+        data: this.$http.adornData({})
       }).then(({ data }) => {
         if (data && data.code === 0) {
-          if (data.prov&&data.prov.length>0) {
+          if (data.prov && data.prov.length > 0) {
             this.cities = data.prov;
             this.cityLoading = false;
           }
         }
       });
 
-      console.log('所选省份-', this.selectedProvince)
+      console.log("所选省份-", this.selectedProvince);
     },
     //选择城市
-    handleCityChange(val){
+    handleCityChange(val) {
       this.selectedCity = val;
 
-      console.log('所选城市-', this.selectedCity)
-    },
-  },
+      console.log("所选城市-", this.selectedCity);
+    }
+  }
 };
 </script>
 
-<style lang="less" >
+<style lang="less">
 ::v-deep.custom-height {
   height: 370px;
 }
@@ -783,28 +806,28 @@ export default {
     }
   }
 }
-.checkbox-group .el-checkbox{
+.checkbox-group .el-checkbox {
   margin-left: 0;
   margin-right: 20px;
 
-  .el-checkbox__label{
+  .el-checkbox__label {
     padding-left: 6px;
     font-size: 13px;
   }
 }
-.hufen_block{
+.hufen_block {
   display: flex;
   align-items: center;
 
-  span{
+  span {
     width: 70px;
     display: inline-block;
   }
-  .el-input{
+  .el-input {
     width: 90%;
     line-height: 34px;
   }
-  .el-input__inner{
+  .el-input__inner {
     width: 220px;
     height: 30px;
     line-height: 34px;
@@ -814,18 +837,18 @@ export default {
     font-size: 12px;
   }
 }
-.custom-flatpickr .el-range-input{
+.custom-flatpickr .el-range-input {
   margin-left: 5px;
 }
 
-::v-deep.el-form-item__label{
+::v-deep.el-form-item__label {
   width: 110px;
 }
-.editBtn{
+.editBtn {
   margin-left: 10px;
   width: 70px;
-  border-color: #17B3A3;
-  color: #17B3A3;
+  border-color: #17b3a3;
+  color: #17b3a3;
 }
 
 .addFormBox {