From dca1353e99a9495d2eafa58c2c74d6b10a376236 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, 22 Jul 2025 13:40:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/index.js                               |    2 +-
 src/router/index.js                           |    5 +-
 .../components/commonBookTags/shopproduct.vue |   21 +-
 src/views/components/commonBookTags/tags.vue  |   15 +-
 .../modules/medicalrecords/addCertificate.vue |  937 +++++++++
 .../modules/medicalrecords/medicalList.vue    | 1864 +++++++++++++++++
 static/config/index.js                        |    4 +-
 7 files changed, 2832 insertions(+), 16 deletions(-)
 create mode 100644 src/views/modules/medicalrecords/addCertificate.vue
 create mode 100644 src/views/modules/medicalrecords/medicalList.vue

diff --git a/config/index.js b/config/index.js
index a8f8fa9..da5cab6 100644
--- a/config/index.js
+++ b/config/index.js
@@ -23,7 +23,7 @@ module.exports = {
     },
 
     // Various Dev Server settings
-    host: '192.168.110.160', // can be overwritten by process.env.HOST
+    host: '192.168.110.159', // can be overwritten by process.env.HOST
     port: 8001, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: true,
     errorOverlay: true,
diff --git a/src/router/index.js b/src/router/index.js
index 54ff356..5a5e85e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -78,10 +78,13 @@ const mainRoutes = {
     { path: '/training-course-list', component: _import('modules/trainingCourse/training-course-list'), name: 'training-course-list', meta: { title: '培训班管理', isTab: true } },
     { path: '/training-course-user', component: _import('modules/trainingCourse/training-course-user'), name: 'training-course-user', meta: { title: '用户列表', isTab: true } },
     { path: '/talents-list', component: _import('modules/talents/talents-list'), name: 'talents-list', meta: { title: '太湖英才列表', isTab: true } },
-
+    
     { path: '/course-taihumedList', component: _import('modules/course/taihumedList'), name: 'course-taihumedList', meta: { title: '太湖标签', isTab: true } },
     { path: '/courses-list', component: _import('modules/talents/courses-list'), name: 'courses-list', meta: { title: '查看课程', isTab: true } },
     { 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 } },
+
   ],
   beforeEnter (to, from, next) {
     let token = Vue.cookie.get('token')
diff --git a/src/views/components/commonBookTags/shopproduct.vue b/src/views/components/commonBookTags/shopproduct.vue
index b8d045d..612de10 100644
--- a/src/views/components/commonBookTags/shopproduct.vue
+++ b/src/views/components/commonBookTags/shopproduct.vue
@@ -31,6 +31,7 @@
     </div>
 
     <div class="shop_box" v-loading="dataListLoading">
+     
       <!-- @selection-change="handleSelectionChange" -->
       <el-table
         v-if="!dataListLoading"
@@ -55,23 +56,25 @@
         <!--  -->
 
         <el-table-column
-          v-if="!disableOperate"
+          v-if="!disableOperate1"
           header-align="center"
           align="center"
           label="操作"
-          width="120"
+          :width="operationWidth?operationWidth:'120'"
         >
           <template slot-scope="scope">
             <slot name="operation" :row="scope.row"></slot>
+           
             <el-button
               type="text"
-              v-if="urlList.editCourse"
+              v-if="urlList.editCourse&&!isShowNewOperation"
               @click="editCourse(scope.row)"
               >编辑</el-button
             >
             <el-button
               type="text"
               style="color: red;"
+              v-if="!isShowNewOperation"
               @click="shopDelete(scope.row)"
               size="mini"
               >删除</el-button
@@ -143,6 +146,8 @@ import axios from "axios";
 // import AddOrUpdate from './shopproduct-add-or-update'
 export default {
   props: [
+    "operationWidth",
+    "isShowNewOperation",
     "defaultForm",
     "getAssociatedGoodsListKey",
     "urlList",
@@ -160,6 +165,8 @@ export default {
   ],
   data() {
     return {
+      disableOperate1:this.disableOperate,
+      loading:false,
       multipleSelectionAll: [], // 所有选中的数据包含跨页数据
       goodsTypeList: [], // goodsTypeList
       multipleSelection: [], // 当前页选中的数据
@@ -458,10 +465,11 @@ export default {
     // 获取关联数据列表
     async getAssociatedGoodsList() {
       this.$emit("changeStatisticsQuery");
-      this.disableOperate = false;
+      this.disableOperate1 = false;
       console.log("🚀 ~ getAssociatedGoodsList ~ form:11111", form);
 
       var form = { ...this.defaultForm, ...this.dataForm };
+      console.log('...this.defaultForm at line 467:', this.defaultForm)
 
       this.dataListLoading = true;
       if (this.otherInfo.httpType == "raw" && this.isShowPagination) {
@@ -480,6 +488,7 @@ export default {
               console.log("data at line 359:", data);
               if (this.otherInfo.resultValueName) {
                 this.associatedGoodsList = [
+               
                   ...data[this.otherInfo.resultValueName].records
                 ];
                 this.total = data[this.otherInfo.resultValueName].total;
@@ -489,7 +498,7 @@ export default {
                 this.associatedGoodsList = [...data.result.records];
                 this.total = data[result].total;
               }
-
+              console.log('this.associatedGoodsList at line 482:', this.associatedGoodsList)
               this.dataListLoading = false;
             }
           });
@@ -564,7 +573,7 @@ export default {
       }
     },
     async statisticsQuery() {
-      this.disableOperate = true;
+      this.disableOperate1 = true;
       var form = { ...this.defaultForm, ...this.dataForm };
 
       this.dataListLoading = true;
diff --git a/src/views/components/commonBookTags/tags.vue b/src/views/components/commonBookTags/tags.vue
index fd94402..9dc8135 100644
--- a/src/views/components/commonBookTags/tags.vue
+++ b/src/views/components/commonBookTags/tags.vue
@@ -5,11 +5,13 @@
         class="info_bg"
         style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"
       >
-        当前标签：<span style="color: #17b3a3; font-weight: 600">{{
+       当前{{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
+      <el-button v-if="currentNode&&!['wait','false','all'].includes(currentNode.data.id)"
         type="primary"
         @click="addOrUpdateHandle()"
         style="float: right"
@@ -36,7 +38,7 @@
     <div class="custom-tree-container">
       <el-tree
         :draggable="false"
-        :allow-drop="false"
+        :allow-drop="() => false" 
         :highlight-current="true"
         class="filter-tree"
         node-key="id"
@@ -55,8 +57,9 @@
           slot-scope="{ node, data }"
           @click="source == 'tags' ? handleClickNodes(node, data, 'edit') : ''"
           :class="
-            `${currentNode && currentNode.data.id == data.id ? 'isSelect' : ''}`
+            `${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=" padding-left: 5px;
  box-sizing: border-box;"
         >
@@ -68,7 +71,7 @@
               v-if="data.isLast == 1 && source == 'shop'"
               style="margin-right: 10px"
             ></el-checkbox
-            >{{ node.label }}</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" -->
@@ -76,7 +79,7 @@
               type="text"
               size="mini"
               @click.stop="handleClickNodes(node, data, 'addChildren')"
-              v-if="data.isLast != 1&&!disableAddChild"
+              v-if="data.isLast != 1&&!disableAddChild&&!data.isDisableAddChild"
             >
               添加下级
             </el-button>
diff --git a/src/views/modules/medicalrecords/addCertificate.vue b/src/views/modules/medicalrecords/addCertificate.vue
new file mode 100644
index 0000000..38fbe54
--- /dev/null
+++ b/src/views/modules/medicalrecords/addCertificate.vue
@@ -0,0 +1,937 @@
+<template>
+  <div class="mod-config">
+    <el-drawer
+      :title="
+        `${
+          type == 'edit' ? '编辑医案' : type == 'add' ? '新增医案' : `医案详情${addCertificateForm.state==1?' ( 待审核 ) ':' ( 已拒绝 ) '}`
+        }`
+      "
+      :visible.sync="dialogVisible"
+      :close-on-click-modal="false"
+      custom-class="yianDrawer"
+      size="60%"
+    >
+      <div
+        v-if="dialogVisible"
+        style="padding: 0 20px;box-sizing: border-box;height: calc(100% - 40px);overflow-y: auto;"
+        :style="addCertificateForm.state==2?'height:100%':''"
+      >
+
+      <div v-if="addCertificateForm.mark" style="padding:4px 10px;border-radius: 4px;white-space: wrap;"
+       :style="`color:${currentNode.data.color?currentNode.data.color:''};
+      `">审核备注：{{ addCertificateForm.mark }}</div>
+        <el-form
+          :rules="dataRule"
+          :model="addCertificateForm"
+          ref="addCertificateForm"
+          label-width="110px"
+        >
+          <!-- <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: 50%;"
+              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>
+                <span v-if="!isEdit">{{ addCertificateForm.userKey }}</span>
+              </div>
+            </el-form-item>
+            <el-form-item
+              label="用户姓名："
+              style="width: 50%;"
+              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>
+          <template
+            v-if="pageType == 'user'"
+            style="display:flex;align-items:center;justify-content:space-between"
+          >
+            <el-form-item label="手机号/邮箱：" prop="user" class="form_item">
+              <div style="display: flex;align-items: center;">
+                {{ addCertificateForm.userKey }}
+              </div>
+            </el-form-item>
+            <el-form-item
+              label="用户姓名："
+              style="width: 50%;"
+              prop="user"
+              class="form_item"
+            >
+              <div>
+                {{
+                  addCertificateForm.userName
+                    ? addCertificateForm.userName
+                    : "-"
+                }}
+              </div></el-form-item
+            >
+            <el-form-item label="医案分类" prop="user" class="form_item">
+              <div>
+                <el-cascader
+                  size="mini"
+                  :disabled="isEdit"
+                  style="width: 100%;"
+                  :show-all-levels="false"
+                  v-model="addCertificateForm.labelId"
+                  :props="{
+                    value: 'id',
+                    label: 'title'
+                  }"
+                  :options="cateOptions"
+                  placeholder="医案分类"
+                  @change="handleChange"
+                ></el-cascader></div
+            ></el-form-item>
+          </template>
+
+          <div
+            class="flexbox width100"
+            style="display: flex;align-items: center;"
+          >
+            <el-form-item
+              label="标题："
+              label-width="90px"
+              prop="title"
+              style="width: 100%;"
+            >
+              <el-input
+                v-if="type != 'detail'"
+                clearable
+                size="small"
+                v-model="addCertificateForm.title"
+                placeholder="请输入医案标题"
+                style="width: 100%;"
+              ></el-input>
+              <div v-else>
+                {{ addCertificateForm.title }}
+              </div>
+            </el-form-item>
+          </div>
+         
+          <!-- <el-form-item label="课程名称：" prop="course" class="form_item">
+                        <el-button plain type="primary"  @click="selectCourse('addCertificateForm')"
+                                    size="mini">选择</el-button>
+                                    <span style="margin-left: 20px"></span>
+                        <br/>
+                            <div v-if="addCertificateForm.courseId" style="font-weight: bold;margin-top: 20px;display: flex;align-items: center;justify-content: space-between;"><p><img v-if="addCertificateForm.courseImg" :src="addCertificateForm.courseImg" alt=""style="width: 30px;height: 40px;margin-right: 20px;">{{ addCertificateForm.courseName }}</p><span @click="clearCourse"  style="color: red;cursor: pointer;"><i class="el-icon-delete" style="margin-right: 4px;"></i> 删除</span></div>        
+                    </el-form-item> -->
+
+          <!-- <el-form-item label="医案编号" prop="certificateNo" class="form_item">
+            <el-input
+              v-model="addCertificateForm.certificateNo"
+              placeholder="请输入医案编号"
+              style="width: 400px;"
+            ></el-input>
+          </el-form-item> -->
+
+          <el-form-item
+            label="医案详情："
+            label-width="90px"
+            prop="title"
+            class="form_item"
+          >
+            <div style="padding-top: 15px;">
+              <div
+                v-for="(html, key) in record"
+                :key="key"
+                style="padding: 2px; margin-bottom: 4px;box-sizing: border-box;"
+              >
+                <!-- 显示字段标题 -->
+
+                <div
+                  class="h1_box"
+                  :class="type == 'detail' ? 'h1_box_detail' : ''"
+                  v-html="`${getTitleHtml(html, key)}`"
+                  style="margin-top: 0;margin-bottom: 10px; font-weight: bold;display: flex;align-items: center;"
+                ></div>
+
+                <!-- 编辑区域 -->
+                <quill-editor
+                  v-model="editableMap[key]"
+                  ref="myQuillEditor"
+                  :options="editorOption"
+                  class="shangpin_editor"
+                  v-if="type != 'detail'"
+                >
+                </quill-editor>
+                <div
+                  class="detail_info_medical"
+                  v-else
+                  v-html="editableMap[key]"
+                ></div>
+              </div>
+
+              <!-- <h3 style="margin-top: 40px;">✅ 保存后的结果（JSON 格式预览）</h3> -->
+            </div>
+            <!-- <quill-editor
+              v-model="detailContent"
+              ref="myQuillEditor2"
+              :options="editorOption"
+              class="shangpin_editor"
+            >
+            </quill-editor> -->
+          </el-form-item>
+          <el-form-item
+            label="上传图片："
+            prop="title"
+            label-width="90px"
+            class="form_item custom-upload-box"
+            v-if="dialogVisible"
+          >
+            <template v-for="(file, i) in fileList" v-if="type == 'detail'">
+              <img
+                style="width: 60px;height: 60px;border-radius: 6px;margin: 0 8px 8px 0;"
+                class="el-upload-list__item-thumbnail"
+                :src="file.url"
+                alt=""
+              />
+            </template>
+<div v-if="fileList.length==0&&type == 'detail'" style="line-height: 60px;">暂无图片</div>
+            <el-upload
+              v-if="type != 'detail'"
+              class="custom-upload"
+              action="https://api.nuttyreading.com/oss/fileoss"
+              list-type="picture-card"
+              accept="image/png, image/jpeg"
+              :file-list="fileList"
+              :on-success="onSuccessImg"
+              :before-upload="beforeUpload"
+              :on-progress="onProgress"
+            >
+              <i slot="default" class="el-icon-plus"></i>
+              <div slot="file" slot-scope="{ file }">
+                <img
+                  class="el-upload-list__item-thumbnail"
+                  :src="file.url"
+                  alt=""
+                />
+                <span class="el-upload-list__item-actions">
+                  <!-- <span
+          class="el-upload-list__item-preview"
+          @click="handlePictureCardPreview(file)"
+        >
+          <i class="el-icon-zoom-in"></i>
+        </span> -->
+
+                  <span
+                    v-if="!disabled"
+                    class="el-upload-list__item-delete"
+                    @click="handleRemove(file)"
+                  >
+                    <i class="el-icon-delete"></i>
+                  </span>
+                </span>
+                <!-- 上传中的加载动画 -->
+                <div v-if="file.uploading" class="loading-spinner">
+                  <i class="el-icon-loading"></i>
+                </div>
+              </div>
+            </el-upload>
+            <!-- <div class="flexBox" style="width:100%;justify-content: space-between;">
+                                    <div class="" style="display:flex">
+
+                                        <div
+                                            style="display:flex; align-items:center; width:100%;justify-content:center">
+                                            <div style="margin-right:15px">封面图</div>
+                                            <div>
+                                                <el-upload class="avatar-uploader" :action="baseUrl + '/oss/fileoss'"
+                                                    :show-file-list="false" :on-success="handlePicSuccess">
+                                                    <img v-if="fimages" :src="fimages" class="avatar" />
+                                                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                                                </el-upload>
+                                            </div>
+                                            <div>
+                                                <div v-if="fimages != ''">
+                                                    <el-tag class="delImgBtn" @click="delImg()"
+                                                        type="danger">清空图片</el-tag>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        
+                                    </div>
+
+                                </div>  -->
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="demo-drawer__footer" v-if="type == 'edit' || type == 'add'">
+        <el-button
+          style="float: right;margin:0 10px;"
+          type="primary"
+          size="mini"
+          @click="handleSubmit('addCertificateForm')"
+          :loading="loading"
+          >{{ loading ? "提交中 ..." : "确 定" }}</el-button
+        >
+        <el-button
+          size="mini"
+          @click="dialogVisible = false"
+          style="float: right;"
+          >取 消</el-button
+        >
+      </div>
+      
+      <div class="demo-drawer__footer" v-if="type == 'detail'&&addCertificateForm.state==1">
+        <!-- <el-checkbox v-model="addCertificateForm.train" true-label="1" false-label="0">是否加入Ai训练库</el-checkbox> -->
+        <el-button
+          style="float: right;margin:0 10px;"
+          type="primary"
+          size="mini"
+          @click="handleReview('approved', 1)"
+          :loading="loading"
+          >审核通过</el-button
+        >
+        <el-button
+          size="mini"
+          type="danger"
+          @click="handleReview('rejected', 0)"
+          style="float: right;"
+          >审核拒绝</el-button
+        >
+      </div>
+    </el-drawer>
+    <el-dialog
+      :title="`审核${reviewType == 'approved' ? '通过' : '拒绝'}备注`"
+      :visible.sync="dialogMarkVisible"
+      width="400px"
+      :beforeClose="beforeClose"
+    >
+      <el-input
+        v-model="addCertificateForm.mark"
+        :placeholder="
+          `请输入审核${reviewType == 'approved' ? '通过' : '拒绝'}备注`
+        "
+        :clearable="true"
+      ></el-input>
+
+      <el-checkbox
+      :true-label="1" :false-label="0"
+        v-model="addCertificateForm.train"
+        style="margin-top: 20px;"
+        v-if="reviewType == 'approved'"
+        >是否加入 Ai 训练库</el-checkbox
+      >
+
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogMarkVisible = false" size="mini"
+          >取消审核</el-button
+        >
+        <el-button type="primary" @click="handleReviewSave" size="mini"
+          >保存</el-button
+        >
+      </span>
+    </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 {
+      record: {},
+
+      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",
+          }
+        ]
+      },
+      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,
+      type: "",
+      detailContent: ""
+    };
+  },
+  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: {
+    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/userCertificate/userCertificateLabelList"
+        ),
+        method: "post",
+        data: this.$http.adornData({})
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.cateOptions = data.labelList;
+        } 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.getCateList();
+      this.type = type;
+      console.log("data at line 372:", data);
+      this.addCertificateForm = {};
+      this.fileList = [];
+      this.isEdit = type == "edit" ||type == "add" ? true : false;
+      if (type == "add") {
+        this.record = {
+          information: "<h1>1. 一般信息</h1>",
+          chiefComplaint: "<h1>2. 主诉</h1>",
+          historyOfPresentIllness: "<h1>3. 现病史</h1>",
+          pastHistory: "<h1>4. 既往史</h1>",
+          personalAndFamilyHistory: "<h1>5. 家族史</h1>",
+          physicaExamination: "<h1>6. 体格检查</h1>",
+          diagnosis: "<h1>7. 诊断</h1>",
+          treatmentPlan: "<h1>8. 治疗和后续治疗</h1>"
+        };
+      }
+      if (data) {
+        if (type == "edit" || type == "detail") {
+          this.record = {
+            information: data.information,
+            chiefComplaint: data.chiefComplaint,
+            historyOfPresentIllness: data.historyOfPresentIllness,
+            pastHistory: data.pastHistory,
+            personalAndFamilyHistory: data.personalAndFamilyHistory,
+            physicaExamination: data.physicaExamination,
+            diagnosis: data.diagnosis,
+            treatmentPlan: data.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(
+            ","
+          );
+        }
+      } 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];
+      // }
+      var data = {
+        // labelId: this.labelId,
+        // 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: this.addCertificateForm.mark, //备注
+        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,
+          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.reviewType = type;
+      this.dialogMarkVisible = true;
+    },
+    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;
+          }
+          if (this.editableMap.chiefComplaint == "") {
+            const titleHtml = this.getTitleHtml(
+              this.record["chiefComplaint"]
+            ).replace(/<[^>]*>/g, "");
+            this.$message.error("请输入 " + titleHtml);
+            return false;
+          }
+          if (this.editableMap.historyOfPresentIllness == "") {
+            const titleHtml = this.getTitleHtml(
+              this.record["historyOfPresentIllness"]
+            ).replace(/<[^>]*>/g, "");
+            this.$message.error("请输入 " + titleHtml);
+            return false;
+          }
+          if (this.editableMap.physicaExamination == "") {
+            const titleHtml = this.getTitleHtml(
+              this.record["physicaExamination"]
+            ).replace(/<[^>]*>/g, "");
+            this.$message.error("请输入 " + titleHtml);
+            return false;
+          }
+          if (this.editableMap.treatmentPlan == "") {
+            const titleHtml = this.getTitleHtml(
+              this.record["treatmentPlan"]
+            ).replace(/<[^>]*>/g, "");
+            this.$message.error("请输入 " + titleHtml);
+            return false;
+          }
+          var recordData = { ...this.record };
+          for (const key in recordData) {
+            const titleHtml = this.getTitleHtml(recordData[key]);
+            recordData[key] = titleHtml + this.editableMap[key];
+          }
+          var data = {
+           
+            img:
+              this.fileList.length > 0
+                ? this.addCertificateForm.imageList.toString()
+                : "",
+            title: this.addCertificateForm.title,
+            userId: this.addCertificateForm.userId,
+            ...recordData
+          };
+
+          //  if(this.record.)
+          this.$http({
+            url: this.$http.adornUrl(
+              this.type=='edit'
+                ? "/master/medicalRecords/editMedicalRecords"
+                : "/master/medicalRecords/addMedicalRecords"
+            ),
+            method: "post",
+            data: this.$http.adornData(
+              this.type=='edit'
+                ? {
+                    ...data,
+
+                    id: this.addCertificateForm.id
+                  }
+                : {
+                    ...data,
+                    labelId: this.labelId,
+                  }
+            )
+          }).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) {
+      // 图片预览逻辑
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.yianDrawer {
+  .width100 {
+    width: 100% !important;
+  }
+  .el-drawer__header {
+    margin-bottom: 0 !important;
+  }
+  .el-form-item {
+    margin-bottom: 8px;
+  }
+  /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: 60px !important;
+}
+/deep/.custom-upload .el-upload--picture-card {
+  width: 60px !important;
+  height: 60px !important;
+  line-height: 70px !important;
+}
+/deep/.custom-upload .el-upload-list--picture-card .el-upload-list__item {
+  width: 60px !important;
+  height: 60px !important;
+  line-height: 60px !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;
+  }
+}
+</style>
diff --git a/src/views/modules/medicalrecords/medicalList.vue b/src/views/modules/medicalrecords/medicalList.vue
new file mode 100644
index 0000000..b4bf702
--- /dev/null
+++ b/src/views/modules/medicalrecords/medicalList.vue
@@ -0,0 +1,1864 @@
+<template>
+  <div class="mod-config">
+    <commonTree
+      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% - 360px); 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
+        class="border_box info_box"
+        v-if="!['wait', 'false', 'success'].includes(currentNode.data.id)"
+      >
+        <div class="title_box">
+          <div class="title"><span class="line"></span>基本标签信息</div>
+        </div>
+        <div class="addFormBox">
+          <el-form :model="addForm" ref="addForm" label-width="80px">
+            <el-form-item label="标签名称" prop="title" class="form_item">
+              <el-input
+                placeholder="请输入标签名称"
+                style="width: 100%"
+                v-model="addForm.title"
+                clearable
+              >
+              </el-input>
+            </el-form-item>
+
+            <el-form-item label="排序" prop="sort" class="form_item">
+              <el-input-number
+                placeholder="请输入标签排序"
+                style="width: 100%"
+                v-model="addForm.sort"
+                :min="0"
+                clearable
+                @keyup.native="UpNumber"
+                @keydown.native="UpNumber"
+              >
+              </el-input-number>
+            </el-form-item>
+            <el-form-item
+              label="是否为最终级"
+              prop="isLast"
+              label-width="120px"
+              class="form_item"
+            >
+              <el-switch
+                v-model="addForm.isLast"
+                active-color="#13ce66"
+                :active-value="1"
+                :inactive-value="0"
+                active-text="是"
+                inactive-text="否"
+                @change="handleChangeIsLast"
+              >
+              </el-switch>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <div
+        style="padding-top: 0;padding-bottom: 0;"
+        class="border_box tree_content_box"
+        v-else
+      >
+        <div class="title_box" style="margin-bottom: 10px; height: 40px">
+          <div class="title">
+            <span class="line"></span>医案列表<span
+              :style="
+                `${
+                  currentNode.data && currentNode.data.color
+                    ? `color:${currentNode.data.color}`
+                    : ''
+                }`
+              "
+              style="margin-left: 4px;"
+            >
+              ( {{ currentNode.data ? currentNode.data.title : "" }} )
+            </span>
+
+            <!-- <div style="" class="button_box"> -->
+            <!-- <el-button plain type="danger" @click="handleCheckAllChange(true)" size="mini">清空</el-button> -->
+
+            <!-- </div> -->
+          </div>
+        </div>
+        <!-- :isNoSearch="true" -->
+
+        <commonShop
+          v-if="isFresh"
+          :CustomEdit="true"
+          operationWidth="100"
+          :otherInfo="{
+            httpType: 'raw',
+            resultValueName: 'page'
+          }"
+          :defaultForm="{
+            state:
+              currentNode && currentNode.data.state
+                ? currentNode.data.state
+                : ''
+          }"
+          :pageSizes="[50, 100, 200, 300, 500, 1000]"
+          axiosType="raw"
+          getAssociatedGoodsListKey="id"
+          :isNoPaging="true"
+          :isShowPagination="true"
+          :isShowNewOperation="
+            addForm.id == 'wait' || addForm.id == 'false' ? true : false
+          "
+          getAssociatedGoodsListValue="result"
+          :tableColumnList="tableColumnList"
+          :currentId="addForm.id ? addForm.id : ''"
+          currentType="bookMarketId"
+          :dataList="associatedGoodsList"
+          :urlList="{
+            ...urlList,
+            hasBindProductList:
+              '/master/medicalRecords/getMedicalRecordsListCheck'
+          }"
+          @delete="dataFormDelete"
+          @edit="handleDataFormEdit"
+          :isEdit="false"
+          ref="commonShop"
+          :style="{
+            height:
+              currentNode.data &&
+              ['wait', 'false', 'success'].includes(currentNode.data.id)
+                ? 'calc(100vh - 200px) !important'
+                : 'calc(100vh - 340px)'
+          }"
+        >
+          <template slot="searchFormItem" slot-scope="slotProps">
+            <!-- <el-form-item
+              label="手机号:"
+              prop="title"
+              class="form_item"
+              style="width: 240px;"
+            >
+              <el-input
+                size="small"
+                placeholder="请输入手机号"
+                style="width: 100%"
+                v-model="slotProps.dataForm.tel"
+                clearable
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item
+              label="标题:"
+              prop="title"
+              class="form_item"
+              style="width: 240px;"
+            >
+              <el-input
+                size="small"
+                placeholder="请输入标题"
+                style="width: 100%"
+                v-model="slotProps.dataForm.detail"
+                clearable
+              >
+              </el-input>
+            </el-form-item> -->
+
+            <!-- <el-button
+              v-if="currentNode.data && currentNode.data.id == 'all'"
+              size="mini"
+              style="float: right;margin-top: 6px;margin-left: 6px;"
+              @click="handleExport()"
+              >全部导出</el-button
+            >
+            <el-button
+              v-if="currentNode.data && currentNode.data.id == 'all'"
+              size="mini"
+              :type="statisticsQuery ? 'primary' : 'info'"
+              style="float: right;margin-top: 6px;"
+              @click="handleStatisticsQuery"
+              >统计查询</el-button
+            > -->
+          </template>
+          <template slot="tableItem" slot-scope="slotProps">
+            <el-table-column
+              label="序号"
+              width="50"
+              align="center"
+              prop="certificateNo"
+            >
+              <template slot-scope="scope">
+                {{ (pageIndex - 1) * pageSize + scope.$index + 1 }}
+              </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.user">
+                <div>
+                  <span
+                    >姓名：{{
+                      scope.row.user.name ? scope.row.user.name : "-"
+                    }}</span
+                  >
+                </div>
+                <div v-if="scope.row.user.tel">
+                  <span>手机号：{{ scope.row.user.tel }}</span>
+                </div>
+                <div v-else-if="scope.row.user.email">
+                  <span>邮箱：{{ scope.row.user.email }}</span>
+                </div>
+
+                <!-- <span v-if="getStarLevel(scope.row.score)>0">{{ getStarLevel(scope.row.score) }} 星湖粉</span> -->
+              </template>
+            </el-table-column>
+
+            <el-table-column
+              prop="labelTitle"
+              header-align="center"
+              align="center"
+              label="医案标签"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="title"
+              header-align="center"
+              align="center"
+              label="医案标题"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="title"
+              header-align="center"
+              align="center"
+              width="90"
+              label="是否AI训练"
+            >
+              <template slot-scope="scope">
+                <el-switch
+                :active-value="1"
+                :inactive-value="0"
+                @change="e=>changeTrainValue(e,scope.row)"
+                  :value="scope.row.train"
+                  active-color="#17B3A3"
+                  inactive-color="#aaaaaa96"
+                >
+                </el-switch>
+              </template>
+            </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"
+            v-if="addForm.id == 'wait' || addForm.id == 'false'"
+          >
+            <el-button type="text" @click="detailCourse(slotProps.row)"
+              >详情</el-button
+            >
+          </template>
+        </commonShop>
+
+        <!-- <div
+                style="  border: 1px dashed #bababa;"
+                v-if="currentNode && currentNode.data.isLast == 1"
+              ></div> -->
+      </div>
+      <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 style="" class="button_box"> -->
+            <!-- <el-button plain type="danger" @click="handleCheckAllChange(true)" size="mini">清空</el-button> -->
+
+            <!-- </div> -->
+          </div>
+        </div>
+        <!-- :isNoSearch="true" -->
+        <commonShop
+        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 - 340px); `"
+        >
+          <template slot="searchFormItem" slot-scope="slotProps">
+            <el-form-item
+              label="手机号:"
+              prop="title"
+              class="form_item"
+              style="width: 240px;"
+            >
+              <el-input
+                size="small"
+                placeholder="请输入手机号"
+                style="width: 100%"
+                v-model="slotProps.dataForm.tel"
+                clearable
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item
+              label="标题:"
+              prop="title"
+              class="form_item"
+              style="width: 240px;"
+            >
+              <el-input
+                size="small"
+                placeholder="请输入医案标题"
+                style="width: 100%"
+                v-model="slotProps.dataForm.title"
+                clearable
+              >
+              </el-input>
+            </el-form-item>
+            <!-- <el-form-item label="商品类型" prop="goodsType" class="form_item">
+              <el-select
+                size="small"
+                v-model="slotProps.dataForm.goodsType"
+                placeholder="请选择"
+                style="width: 100%;"
+                clearable
+              >
+                <el-option
+                style="padding:0 10px;box-sizing: border-box;"
+                  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="NO"
+              width="55"
+              align="center"
+              prop="certificateNo"
+            >
+              <template slot-scope="scope">
+                {{ (pageIndex - 1) * pageSize + scope.$index + 1 }}
+              </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.user">
+                <div>
+                  <span
+                    >姓名：{{
+                      scope.row.user.name ? scope.row.user.name : "-"
+                    }}</span
+                  >
+                </div>
+                <div v-if="scope.row.user.tel">
+                  <span>手机号：{{ scope.row.user.tel }}</span>
+                </div>
+                <div v-else-if="scope.row.user.email">
+                  <span>邮箱：{{ scope.row.user.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="title"
+              header-align="center"
+              align="center"
+              width="90"
+              label="是否AI训练"
+            >
+              <template slot-scope="scope">
+                <el-switch
+                :active-value="1"
+                :inactive-value="0"
+                @change="e=>changeTrainValue(e,scope.row)"
+                  :value="scope.row.train"
+                  active-color="#17B3A3"
+                  inactive-color="#aaaaaa96"
+                >
+                </el-switch>
+              </template>
+            </el-table-column>
+
+            <!-- <el-table-column
+                header-align="center"
+                align="center"
+                label="课程图"
+                width="140"
+              >
+                <template slot-scope="scope">
+                  <img
+                    v-if="scope.row.image != ''"
+                    :src="scope.row.image"
+                    width="25"
+                    height="35"
+                    class="tableImg"
+                  />
+                </template>
+              </el-table-column> -->
+            <!-- <el-table-column
+              header-align="center"
+              align="center"
+              label="医案"
+              width="100"
+            >
+              <template
+                slot-scope="scope"
+                
+              >
+             
+                <el-image
+                  :key="index"
+                  v-for="(item, index) in scope.row.certificateUrl.split(',')"
+                  style="width: 30px; height: 40px;margin-right: 4px;cursor: pointer;"
+                  :src="item"
+                  :preview-src-list="scope.row.certificateUrl.split(',')"
+                >
+                </el-image>
+
+              </template>
+            </el-table-column> -->
+            <el-table-column
+              prop="createTime"
+              header-align="center"
+              align="center"
+              width="140"
+              label="创建日期"
+            >
+            </el-table-column>
+          </template>
+        </commonShop>
+
+        <!-- <div
+                style="  border: 1px dashed #bababa;"
+                v-if="currentNode && currentNode.data.isLast == 1"
+              ></div> -->
+      </div>
+      <div class="submitButton submitButtonBox">
+        <el-button
+          type="primary"
+          @click="dataFormSubmit('addForm')"
+          size="small"
+          style="float: right;margin-right: 20px;"
+          >确定</el-button
+        >
+        <!-- </div> -->
+      </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/addCertificate.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/delMedicalRecords",
+        saveShop: "/master/userCertificate/editCertificate",
+        add: "/master/medicalRecords/addMedicalRecordsLabel",
+        edit: "/master/medicalRecords/editMedicalRecordsLabel",
+        hasBindProductList: "/master/medicalRecords/getMedicalRecordsList",
+        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({
+          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"].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 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: {
+                id: productIds
+                // 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 = [
+            {
+              title: "待审核",
+              id: "wait",
+              disabled: true,
+              isDisableAddChild: true,
+              color: "#dd8f1b",
+              bgcolor: "#e6a23c47",
+              children: [],
+              state: 1
+            },
+            {
+              title: "已拒绝",
+              id: "false",
+              disabled: true,
+              isDisableAddChild: true,
+              color: "#ff0000b3",
+              bgcolor: "#f003",
+              children: [],
+              state: 2
+            },
+            {
+              title: "已完成",
+              id: "success",
+              isDisableAddChild: true,
+              disabled: true,
+              state: 3,
+              color: "rgb(23, 179, 163)",
+              children: [...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: 350px !important;
+  height: 100%;
+  float: left;
+  border: 1px solid #bababa;
+  border-radius: 10px;
+  padding: 15px;
+  box-sizing: border-box;
+  // background: #fafafa;
+}
+
+.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% - 180px) !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%;
+  }
+}
+
+.info_bg {
+  background: #e0dede;
+  height: 28px;
+  line-height: 28px;
+  padding-left: 10px;
+  // padding: 8px 5px;
+  box-sizing: border-box;
+  // margin-top: -10px;
+  border-radius: 4px;
+  font-size: 14px;
+  width: calc(100% - 120px);
+  float: left;
+}
+
+.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/static/config/index.js b/static/config/index.js
index 88a0b47..493669f 100644
--- a/static/config/index.js
+++ b/static/config/index.js
@@ -5,8 +5,8 @@
   window.SITE_CONFIG = {};
 
   // api接口请求地址
-  window.SITE_CONFIG['baseUrl'] = 'https://api.nuttyreading.com';         // 线上正式环境
-  // window.SITE_CONFIG['baseUrl'] = 'http://192.168.110.100:9200/pb';  //川
+  // window.SITE_CONFIG['baseUrl'] = 'https://api.nuttyreading.com';         // 线上正式环境
+  window.SITE_CONFIG['baseUrl'] = 'http://192.168.110.100:9200/pb';  //川
 
   // cdn地址 = 域名 + 版本号
   window.SITE_CONFIG['domain'] = './'; // 域名