diff --git a/pages.json b/pages.json
index ce716823..52f60fec 100644
--- a/pages.json
+++ b/pages.json
@@ -35,6 +35,18 @@
 				}
 			}
 		},
+		{
+			"path": "pages/medicalRecords/PendingApprovalIndex",
+			"style": {
+				"navigationBarTitleText": "待审核医案",
+				"enablePullDownRefresh": true, // 禁止下拉刷新
+				"app-plus": {
+					"bounce": "none",
+					"titleNView": false,
+					"popGesture": "none"
+				}
+			}
+		},
 		{
 			"path": "pages/articleList/index",
 			"style": {
@@ -59,6 +71,18 @@
 				}
 			}
 		},
+		{
+			"path": "pages/medicalRecords/evaluateDetail",
+			"style": {
+				"navigationBarTitleText": "医案",
+				"enablePullDownRefresh": true, // 禁止下拉刷新
+				"app-plus": {
+					"bounce": "none",
+					"titleNView": false,
+					"popGesture": "none"
+				}
+			}
+		},
 		
 		{
 			"path": "pages/articleList/article",
diff --git a/pages/articleList/article.vue b/pages/articleList/article.vue
index 7ab08695..37454a4d 100644
--- a/pages/articleList/article.vue
+++ b/pages/articleList/article.vue
@@ -187,6 +187,7 @@ export default {
       fileList1: [],
 
       containerHeight: null,
+      pollInterval: null,
       formData: {
         message: "",
       },
@@ -776,11 +777,12 @@ export default {
       const poll = () => {
         this.getMedicalDetail(() => {
           // 停止轮询
-          clearInterval(pollInterval);
+          clearInterval(this.pollInterval);
+          this.pollInterval = null;
         });
       };
       // 每5秒发送一次请求，直到收到正确的响应
-      const pollInterval = setInterval(poll, 5000);
+      this. pollInterval = setInterval(poll, 5000);
 
       //调用后端 SSE 接口，发送问题并接收实时回答
       // this.startSSE(params);
@@ -1183,9 +1185,11 @@ export default {
     },
   },
   onHide() {
+    
     this.closeWebSocket();
   },
   onUnload() {
+    this.pollInterval()
     this.closeWebSocket();
   },
 };
diff --git a/pages/articleList/index.vue b/pages/articleList/index.vue
index e49cb40b..661a1483 100644
--- a/pages/articleList/index.vue
+++ b/pages/articleList/index.vue
@@ -176,7 +176,8 @@ export default {
       this.tabsList = [
         { id: 0, title: "草稿箱", statusTitle: '' },
         { id: 1, title: "待审核",statusTitle: '待审核',color:'#f59442'  },
-        { id: 3, title: "已通过",statusTitle: '已通过' ,color:'#22be98' },
+        { id: 3, title: "质量检测中",statusTitle: '检测中' ,color:'#22be98' },
+        { id: 4, title: "已通过",statusTitle: '已通过' ,color:'#22be98' },
         { id: 2, title: "未通过",statusTitle: '未通过',color:"#e78084" },
       ];
       this.taihumedId = this.tabsList[0].id;
diff --git a/pages/component/commonComponents/DepartmentMenu.vue b/pages/component/commonComponents/DepartmentMenu.vue
new file mode 100644
index 00000000..c483d615
--- /dev/null
+++ b/pages/component/commonComponents/DepartmentMenu.vue
@@ -0,0 +1,51 @@
+<template>
+    <view>
+      <view class="department_item"
+            :class="deptLabelId == item.id ? 'department_active' : ''"
+            v-for="(item, index) in chatAssistants"
+            :key="index"
+            @click.stop="click_department(item, index)">
+        <text>{{ item.title }}</text>
+        <!-- 递归显示子菜单 -->
+        <view v-if="item.children && item.children.length > 0">
+          <department-menu :chat-assistants="item.children" @item-click="click_department"></department-menu>
+        </view>
+      </view>
+    </view>
+  </template>
+  
+  <script>
+  import DepartmentMenu from "../commonComponents/DepartmentMenu.vue";
+
+  export default {
+    components: {
+      DepartmentMenu
+    },
+    props: {
+      chatAssistants: {
+        type: Array,
+        required: true
+      }
+    },
+    methods: {
+      click_department(item, index) {
+        this.$emit('item-click', item, index); // 向父组件传递点击事件
+      }
+    }
+  };
+  </script>
+  
+  <style scoped>
+  .department_item {
+    padding-left: 10px; /* 左侧缩进 */
+  }
+  
+  .department_active {
+    color: #ff4500; /* 选中的菜单项颜色 */
+  }
+  
+  .department_item > .department_item {
+    padding-left: 20px; /* 子菜单项的缩进 */
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/pages/doctors/index.vue b/pages/doctors/index.vue
index 048c1673..26d49632 100644
--- a/pages/doctors/index.vue
+++ b/pages/doctors/index.vue
@@ -7,7 +7,7 @@
       :backState="2000"
     ></z-nav-bar>
     <view class="doctors_module" :style="`top: ${42 + statusBarHeight}px;`">
-      <view class="tab-bar">
+      <!-- <view class="tab-bar">
         <view
           class="tab-item left-tab"
           :class="{ active: activeTab === 0 }"
@@ -22,9 +22,9 @@
         >
           名医天地
         </view>
-      </view>
+      </view> -->
       <template v-if="activeTab == 0">
-        <view class="cateList flexbox" style="background-color: #fff">
+        <view class="cateList flexbox" >
           <common-sticky
             itemStyle="width:33.3%; height: 38px;font-size:24rpx;"
             :list="tabsList"
@@ -58,14 +58,15 @@
         </view>
       </template>
     </view>
-    
+    <!-- height: calc(100vh - ${activeTab==0?320:280}rpx);
+          margin-top: ${activeTab==0?280:180}rpx; -->
       <scroll-view
         scroll-y="true"
         :scroll-top="scrollTop"
         @scrolltolower="loadMore"
         :style="`
-          height: calc(100vh - ${activeTab==0?320:280}rpx);
-          margin-top: ${activeTab==0?260:180}rpx;
+          height: calc(100vh - ${activeTab==0?280:280}rpx);
+          margin-top: ${activeTab==0?180:180}rpx;
           padding-bottom: 140rpx;`
         "
         v-if="show == true"
@@ -93,14 +94,23 @@
                 ></image>
 
                 <view class="item_right" v-if="currentCateIndex != 2">
-                  <view class="item_top">
+                  <!-- <view class="item_top">
                     <text
                       class="item_name"
                       v-if="item.taihuTalent && item.taihuTalent.length > 0"
                       >{{ item.taihuTalent[0].name }}</text
                     >
-                  </view>
+                  </view> -->
                   <text class="item_con">{{ item.title }}</text>
+                   <view class="item_info hidden2" style="margin-top: 20rpx;">
+                    <rich-text style="color: #666;"
+                     
+                      :nodes="item.content"
+
+                      v-if="item.content"
+                      ></rich-text
+                    >
+                  </view>
                 </view>
 
                 <view class="item_right" v-else>
@@ -424,7 +434,7 @@ else{
   background-color: #fff;
 }
 .doctors_list {
-  margin: 0 30rpx 20rpx;
+  margin: 0 20rpx 20rpx;
 }
 .doctors_item {
   border: 1rpx solid $themeColor;
@@ -602,4 +612,9 @@ else{
   box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.04),
     /* 外部柔光阴影 */ inset -4rpx 0 6rpx rgba(0, 0, 0, 0.03); /* 内阴影模拟夹层效果 */
 }
+.hidden2{
+		line-height: 24px;
+		max-height: 48px;
+		height: auto;
+	}
 </style>
diff --git a/pages/medicalRecords/PendingApprovalIndex.vue b/pages/medicalRecords/PendingApprovalIndex.vue
new file mode 100644
index 00000000..0ab89fff
--- /dev/null
+++ b/pages/medicalRecords/PendingApprovalIndex.vue
@@ -0,0 +1,473 @@
+<template>
+  <view class="content" style="background-color: #d8e6ff57">
+    <z-nav-bar title="待审批医案" bgColor="#5188e5" fontColor="#fff">
+     
+    </z-nav-bar>
+    
+    <scroll-view
+      scroll-y="true"
+      :scroll-top="scrollTop"
+      @scrolltolower="loadMore"
+      style="
+        height: calc(100vh - 140rpx);
+        margin-top: 40rpx;
+        padding-bottom: 120rpx;
+      "
+      v-if="show == true"
+    >
+      <view class="doctors_list" id="top">
+        <view
+          class="doctors_item"
+          v-for="(item, index) in list"
+          :key="index"
+          @click="goToDetail(item)"
+        >
+          <view class="flex">
+            <view class="flex">
+            
+
+              <view class="item_right">
+                <view style="display: flex; align-items: center">
+                  <text class="card_label" v-if="statusTitle" :style="`background-color:${statusColor} ;`">{{ statusTitle }}</text>
+                  <text class="item_time">{{ item.createTime }}</text></view
+                >
+
+                <view class="item_top">
+                  <view class="item_name">{{ item.title }}</view>
+                  <rich-text
+                    class="item_content"
+                    :nodes="item.information"
+                  ></rich-text>
+                  <!-- <rich-text
+                    class="item_content"
+                    :nodes="item.chiefComplaint"
+                  ></rich-text> -->
+                </view>
+                <view style="margin-top: 20rpx" v-if="item.img">
+                  <u-upload
+                    :fileList="item.fileList1"
+                    multiple
+                    width="50"
+                    height="50"
+                    :disabled="true"
+                    :previewFullImage="true"
+                    @click.stop="handleClick"
+                  >
+                  </u-upload>
+                </view>
+
+                <view class="list_item_bt">
+                  
+                  <text class="list_item_study">去评价</text>
+                </view>
+                <!-- <text class="item_con">{{ item.taihuTalent.map(talent => talent.name).join(' ') }}</text> -->
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <text v-show="showText && count > list.length" class="show-more"
+        >加载更多</text
+      >
+      <text v-show="noMore" class="no-more">没有更多了</text>
+    </scroll-view>
+    <text class="null_text" v-else>{{ null_text }}</text>
+    <z-navigation></z-navigation>
+  </view>
+</template>
+
+<script>
+import $http from "@/config/requestConfig.js";
+import { mapState } from "vuex";
+export default {
+  computed: {
+      ...mapState(["userInfo"]),
+    },
+  data() {
+    return {
+
+      list: [],
+      null_text: "",
+
+      current: 1,
+      limit: 10,
+      courseName: "",
+      taihumedId: 3,
+      statusTitle: '',
+      statusColor: '',
+
+      timer: null,
+      showText: false,
+      noMore: false,
+      show: null,
+      count: 0,
+      scrollTop: 0, //滚动位置
+      isRefreshing: false, //刷新状态
+    };
+  },
+  onPullDownRefresh() {
+    this.isRefreshing = true;
+    console.log("下拉刷新");
+
+    setTimeout(() => {
+      this.current = 1;
+      this.list = [];
+      this.noMore = false;
+
+      this.getListData(3);
+      uni.stopPullDownRefresh();
+      this.isRefreshing = false;
+      console.log("下拉刷新已停止");
+    }, 800);
+  },
+  onLoad() {
+    uni.hideTabBar();
+    this.getTabData();
+  },
+  onShow() {
+    this.getListData(this.taihumedId);
+  },
+  methods: {
+    createFolder() {
+      uni.navigateTo({
+        url: `/pages/medicalRecords/medical?navTitle=创建医案&title=创建医案&type=add`,
+      });
+    },
+    //判断显示‘上/中/下’
+    formatContent(content) {
+      const keywords = ["上部", "中部", "下部"];
+      let result = [];
+
+      // 判断是否包含关键字
+      keywords.forEach((keyword) => {
+        if (content.includes(keyword)) {
+          result.push(keyword.substring(0, 1));
+        }
+      });
+      return result.join("");
+    },
+    //获取tab数据
+    getTabData() {
+      // this.$http.request({
+      // 	url: 'taihumed/course/getCourseTaihumedList',
+      // 	method: "POST",
+      // 	data: {},
+      // 	header: {
+      // 		"Content-Type": "application/json",
+      // 	},
+      // })
+      // .then(res=> {
+      // if (res.list&&res.list.length>0) {
+      this.tabsList = [ ];
+      this.taihumedId = 3;
+      this.statusTitle = '';
+      this.statusColor = '';
+      this.getListData(this.taihumedId);
+      // }
+      // });
+    },
+    //获取列表数据
+    getListData(taihumedId, type) {
+      // if (type) {
+      //   this.current = 1;
+      //   this.list = [];
+      //   this.noMore = false;
+      // }
+      // if (this.noMore) {
+      //   return false;
+      // }
+      uni.showLoading({
+        title: "加载中",
+      });
+      this.$http
+        .request({
+          url: "common/medicalRecords/getMedicalRecordsCheckList",
+          method: "POST",
+          data: {
+            
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          uni.hideLoading();
+          // 过滤不包含自己的用户ID的对象
+          this.list = [...res.list].filter(item => {
+    // 判断是否有 stateInfo 属性，且它不包含用户ID，或者为空字符串
+    return !item.stateInfo || item.stateInfo === "" || !item.stateInfo.includes(this.userInfo.id.toString());
+});
+
+          console.log('this.list at line 191:', this.list)
+          this.show = true;
+          this.count = this.list.length; //总数
+          let length = this.list.length;
+          if(length == 0){
+              this.show = false;
+            this.null_text = "暂无数据";
+          }
+          // if (res.medicalRecordsList && length > 0) {
+          //   this.show = true;
+          //   // 	//如果返回的数据少于每页数量，表示没有更多数据
+          //   // 	if(this.count==length || length < this.limit ||this.count/this.current==this.limit){
+          //   // 		this.noMore = true;
+          //   // 	}
+          //   // 	this.list = [...this.list, ...res.pageRes.records];
+          //   // 	this.current += 1;  //更新页码
+          //   // 	//显示提示语
+          //   // 	this.showText = true;
+
+          //   // 	if(this.current==2||type){
+          //   // 		this.scrollTop = 0
+          //   // 		this.$nextTick(() => {
+          //   // 			this.scrollTop = 0.1;  // 确保触发滚动
+          //   // 		})
+          //   // 	}
+          // } else {
+          //   this.show = false;
+          //   this.null_text = "暂无数据";
+          // }
+        });
+    },
+    //加载更多
+    loadMore() {
+      this.getListData(this.taihumedId);
+    },
+    //切换tab状态
+    ordersTabCLi(data, index) {
+      this.currentCateIndex = index;
+      this.courseName = "";
+      this.taihumedId = data.id;
+      this.statusTitle = data.statusTitle;
+      this.statusColor = data.color;
+      //重置
+      this.list = [];
+      this.noMore = false;
+      this.show = false;
+      this.count = 0;
+      this.current = 1;
+      this.getListData(this.taihumedId);
+    },
+    //详情
+    goToDetail(item) {
+      if (this.isRefreshing) return;
+      var navTitle = "";
+      var type = "";
+ navTitle = "医案详情";
+          type = "detail";
+    
+      uni.navigateTo({
+        url: `/pages/medicalRecords/evaluateDetail?navTitle=${navTitle}&title=${navTitle}&id=${item.id}&type=${type}&statusId=${this.taihumedId}&isEvaluate=1`,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/static/mixin.scss";
+.content {
+  height: 100%;
+  overflow: auto;
+  background-color: #fff;
+}
+.doctors_list {
+  margin: 0 20rpx 20rpx;
+}
+.doctors_item {
+  // border: 1rpx solid $themeColor;
+  border-radius: 15rpx;
+  margin-bottom: 20rpx;
+  padding: 12rpx 30rpx 60rpx;
+  display: flex;
+  align-items: center;
+  position: relative;
+  background-color: #fff;
+  box-shadow: 0 1px 8px #e3e1e1;
+}
+.item_image {
+  display: block;
+  width: 120rpx;
+  height: 120rpx;
+  flex-shrink: 0;
+  background: #f3f3f3;
+}
+.item_right {
+  width: calc(100%);
+  //   margin-left: 30rpx;
+  // padding-bottom: 20rpx;
+}
+.item_top {
+  //   display: flex;
+  //   align-items: center;
+  // line-height: 30rpx;
+  margin-top: 8rpx;
+}
+.item_name {
+  font-size: 34rpx;
+  white-space: pre-wrap;
+  word-wrap: break-word; /* 避免长单词造成溢出 */
+
+  color: #333;
+  font-weight: bold;
+  margin-bottom: 8rpx;
+}
+.item_content {
+  h1 {
+    font-size: 28rpx;
+    line-height: 30px;
+  }
+}
+.item_title {
+  font-size: 32rpx;
+  color: #333;
+}
+.item_time {
+  font-size: 26rpx;
+  color: #aaacab;
+}
+.item_con {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  margin-top: 10rpx;
+  line-height: 40rpx;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.null_text {
+  display: block;
+  text-align: center;
+  font-size: 30rpx;
+  color: #999;
+  padding-top: 300rpx;
+}
+.doctors_module {
+  width: 100%;
+  position: fixed;
+  z-index: 99;
+  left: 0;
+}
+.cateList {
+  background: #f3f3f3;
+}
+.flex {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.name_search {
+  background-color: #fff;
+  padding: 20rpx 30rpx;
+  display: flex;
+  align-items: center;
+
+  /deep/.is-input-border {
+    background-color: #f3f3f3;
+    border-radius: 50rpx;
+    height: 60rpx;
+    line-height: 30rpx;
+    padding: 15rpx;
+    font-size: 28rpx;
+    color: #666;
+  }
+  /deep/.uni-easyinput__content-input {
+  }
+  .name-placeholder {
+    font-size: 28rpx;
+    text-align: center;
+    color: #666;
+  }
+
+  button {
+    background-color: $themeBgColor;
+    font-size: 26rpx;
+    line-height: 36rpx;
+    border-radius: 15rpx;
+    color: #fff;
+    padding: 5rpx 20rpx;
+    margin-left: 15rpx;
+  }
+}
+.show-more,
+.no-more {
+  display: inline-block;
+  width: 100%;
+  font-size: 24rpx;
+  padding-top: 5rpx;
+  color: #ccc;
+  text-align: center;
+}
+
+.list_item_study {
+  line-height: 48rpx;
+  background: $themeBgColor;
+  color: #fff;
+  border-radius: 40rpx;
+  font-size: 24rpx;
+  padding: 0 20rpx;
+}
+.list_item_bt {
+  display: flex;
+  align-items: center;
+  position: absolute;
+  right: 20rpx;
+  bottom: 16rpx;
+}
+.list_item_price {
+  font-size: 30rpx;
+  font-weight: 500;
+  margin-right: 30rpx;
+  color: red;
+  line-height: 54rpx;
+}
+.top_right {
+  display: flex;
+  align-items: center;
+  margin-right: 30rpx;
+
+  text {
+    font-size: 28rpx;
+    color: #fff;
+    padding-left: 2rpx;
+  }
+}
+/deep/.u-upload__deletable {
+  display: none !important;
+}
+/deep/.u-upload__button {
+  display: none !important;
+}
+/* 状态样式 */
+.card_label {
+  display: inline-block;
+  padding: 0px 16rpx;
+  background-color: #4caf50; /* 绿色背景 */
+  color: white;
+  // font-weight: bold;
+  font-size: 12px;
+  border-radius: 4px; /* 圆角 */
+  position: relative; /* 用于斜角效果 */
+  text-align: center;
+  transform: skew(-20deg); /* 倾斜效果 */
+  margin-right: 20rpx; /* 如果有多个标签时，之间保持间距 */
+  line-height: 38rpx;
+}
+
+/* 斜角效果 */
+// .card_label::after {
+//   content: '';
+//   position: absolute;
+//   top: 0;
+//   right: -10px;
+//   width: 20px;
+//   height: 20px;
+//   background-color: inherit;
+//   transform: rotate(45deg); /* 旋转45度，形成斜角 */
+//   z-index: -1;
+// }
+</style>
diff --git a/pages/medicalRecords/evaluateDetail.vue b/pages/medicalRecords/evaluateDetail.vue
new file mode 100644
index 00000000..84069594
--- /dev/null
+++ b/pages/medicalRecords/evaluateDetail.vue
@@ -0,0 +1,1712 @@
+<template>
+  <view
+    class="content"
+    :class="`${options.type == 'detail' ? 'content_detail' : ''}`"
+  >
+    <z-nav-bar :title="options.navTitle" bgColor="#5188e5" fontColor="#fff">
+    </z-nav-bar>
+
+    <view
+      class="message_wrap"
+      :class="`${options.type == 'detail' ? 'message_wrap_detail' : ''}`"
+      :style="`top: 1px;height:92vh`"
+    >
+      <!-- 显示聊天记录 -->
+      <medicalDetail
+        :loading="loading"
+        :type="options.type"
+        :page="options.page ? options.page : ''"
+        :statusId="options.statusId"
+        :isEvaluate="options.isEvaluate"
+        :medicalRecords="medicalRecords"
+        @editableMap="updateEditableMap"
+        @formData="updateMedicalForm"
+        @record="updateRecord"
+        @fileList1="updateFileList1"
+        ref="commonMedicalDetail"
+      ></medicalDetail>
+
+      <view class="footer_box">
+        <view style="color: #5188e5;padding-left: 10rpx;margin-bottom: 24rpx;">请您结合医案内容给出评价 : </view>
+        <view style="display: flex; flex-direction: row">
+          <view class="footer_item" @click="handleSubmit('A')">
+            <image src="/static/icon/a.png"></image>
+            <view class="button savebutton" style="background-color:#2bc66912;
+    color: #2bc669;"
+              >A
+             
+            </view> <view class="button_text" style="color: #2bc669;">特别具有吴门意义</view>
+          </view>
+          <view class="footer_item"  @click="handleSubmit('B')"
+            > <image src="/static/icon/b.png"></image><view class="button" style="background-color: #0099ff0f;
+    color: #0099ff;"
+              >B </view
+            ><view class="button_text" style="color: #0099ff;">不太具有吴门意义</view></view
+          >
+          <view class="footer_item" @click="handleSubmit('C')"
+            > <image src="/static/icon/c.png"></image><view class="button" style="background-color: #f2f1f6;
+    color: #333333cf;"
+              >C</view
+            ><view class="button_text" style="color: #333333cf">医案内容不够精准</view></view
+          >
+        </view>
+      </view>
+  
+    
+    </view>
+
+    <!-- <z-navigation></z-navigation> -->
+  </view>
+</template>
+
+<script>
+import $http from "@/config/requestConfig.js";
+import { mapState, mapMutations } from "vuex";
+import medicalDetail from "./medicalDetail.vue";
+import qs from "qs";
+export default {
+  components: {
+    medicalDetail,
+  },
+  data() {
+    return {
+      options: {},
+
+      fileList1: [],
+
+      containerHeight: null,
+      formData: {
+        message: "",
+      },
+      medicalForm: {},
+      chatId: null, //选择助手的id
+      chatName: "",
+      chatAssistants: [],
+      activeIndex: null,
+      sessionId: "", //对话id
+      medicalId: "", //医案id
+
+      eventSource: null,
+      showMessages: false,
+      loading: true,
+      question: "", //传递的问题
+      messages: [],
+      record: [],
+      previousAnswer: null, //存储上一条回答内容
+      question_send: "",
+      pauseStatus: false, //暂停操作
+      record_list: [], //对话列表
+      null_text: "",
+      activeRecord: null,
+      tishi: false, //提示语
+      folderList: [], //病历夹列表
+      folderName: "", //病历夹名称
+      chatAssistantName: "",
+      patientName: "",
+      pageData: {},
+      pageType: "", //从患者列表过来的type
+      isChecked: true,
+
+      medicalRecords: [], //模糊已选项
+      selectedItems: [], //模糊已选项
+      selectedId: [],
+      searchResults: [], //模糊搜索结果
+      searchResultStatus: false,
+      vipCount: null,
+      vipText: "",
+      vipStatus: null,
+      freeCount: null,
+      freeText: "",
+      freeStatus: null,
+      flag: null,
+      scrollIntoView: "",
+      recordData: {},
+      editableMap: {},
+      isRefreshing: false, //刷新状态
+    };
+  },
+  computed: {
+    ...mapState(["userInfo"]),
+  },
+  async onLoad(options) {
+    this.options = options;
+    this.medicalId = options.id;
+    if (this.options.type == "add") {
+      this.showMessages = false;
+      this.loading = true;
+    } else {
+      this.showMessages = true;
+      this.loading = true;
+      await this.getMedicalDetail(() => {
+        this.medicalForm = { ...this.medicalRecords };
+        console.log("this.medicalForm at line 193:", this.medicalForm);
+        if (this.medicalRecords.img) {
+          this.$refs.commonMedicalDetail.fileList1 = this.medicalRecords.img
+            .split(",")
+            .map((image, i) => ({
+              uid: i, // 假设 id 是唯一标识符
+              name: i, // 文件名
+              status: "done", // 状态
+              url: image, // 文件 URL
+            }));
+        }
+      });
+
+      //   this.tishi=true
+    }
+    uni.hideTabBar();
+    uni.removeStorageSync("homeParams");
+    //获取设备信息
+    const systemInfo = uni.getSystemInfoSync();
+    this.containerHeight = systemInfo.windowHeight; //获取设备的窗口高度
+    // this.sendQuestion();
+  },
+  onShow() {
+    // console.log('进入到onShow方法')
+    // this.activeRecord = null;
+    // this.getRecordsData();
+    // this.getUserAiVipCount(); //更新次数
+    // //我的-会话记录跳转来的
+    // this.pageData = uni.getStorageSync('homeParams').data;
+    // this.pageType = uni.getStorageSync('homeParams').type;
+    // let index = uni.getStorageSync('homeParams').index;
+    // if(this.pageData&&!this.pageType){
+    // 	this.clickRecord(this.pageData, index);
+    // }
+  },
+  async onPullDownRefresh() {
+    this.isRefreshing = true;
+    console.log("下拉刷新");
+
+    setTimeout(async () => {
+      if (this.options.type == "add") {
+        this.showMessages = false;
+        this.loading = true;
+      } else {
+        this.showMessages = true;
+        this.loading = true;
+        await this.getMedicalDetail(() => {
+          this.medicalForm = { ...this.medicalRecords };
+          console.log("this.medicalForm at line 193:", this.medicalForm);
+          if (this.medicalRecords.img) {
+            this.$refs.commonMedicalDetail.fileList1 = this.medicalRecords.img
+              .split(",")
+              .map((image, i) => ({
+                uid: i, // 假设 id 是唯一标识符
+                name: i, // 文件名
+                status: "done", // 状态
+                url: image, // 文件 URL
+              }));
+          }
+        });
+
+        //   this.tishi=true
+      }
+
+      uni.stopPullDownRefresh();
+      this.isRefreshing = false;
+      console.log("下拉刷新已停止");
+    }, 800);
+  },
+  methods: {
+    //更新子组件内容
+    updateEditableMap(val) {
+      this.editableMap = val;
+    },
+    updateMedicalForm(val) {
+      console.log("val at line 232:", val);
+      this.medicalForm = val;
+    },
+    updateRecord(val) {
+      this.record = val;
+    },
+    updateFileList1(val) {
+      this.fileList1 = val;
+    },
+
+    handleSubmit(type) {
+   
+      this.$http
+        .request({
+          url: "common/medicalRecords/medicalRecordsCheck",
+          method: "POST",
+          data: {
+            "id":this.options.id,
+    "state":type
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            console.log("res.code at line 434:", res.code);
+            
+              uni.redirectTo({
+                url: "/pages/medicalRecords/PendingApprovalIndex",
+              });
+            
+          } else {
+            this.$commonJS.showToast(res.msg);
+          }
+        })
+        .catch((err) => {});
+    },
+
+    // 判断内容是否为空或无效
+
+    getTitleHtml(html, key) {
+      const str = [
+        "chiefComplaint",
+        "historyOfPresentIllness",
+        "physicaExamination",
+        "treatmentPlan",
+      ].includes(key)
+        ? `<span style="color:#F56C6C;margin-right:4px">*</span>`
+        : "";
+
+      // Regular expression to capture the first <h1> element in the HTML
+      const h1Match = html.match(/<h1[^>]*>(.*?)<\/h1>/);
+
+      if (h1Match) {
+        // If an <h1> is found, return it with the prepended star if needed
+        return `<h1>${str}${h1Match[1]}</h1>`;
+      } else {
+        // If no <h1> is found, return an empty <h1>
+        return "<h1></h1>";
+      }
+    },
+
+    async checkPermision() {
+      var result = await permission.premissionCheck("CAMERA_EXTERNAL_STORAGE");
+      if (result != 1) {
+        return false;
+      }
+    },
+
+    clickCourseInfo(val) {
+      console.log(val);
+      this.formData.labelId = val.id;
+      this.formData.labelTitle = val.title;
+      this.$forceUpdate();
+    },
+
+    //设置滚动到最底部
+    scrollToBottom() {
+      this.scrollIntoView = "";
+      setTimeout(() => {
+        this.scrollIntoView = "bottom-anchor";
+      }, 50);
+    },
+    //基因
+    handleInput(val) {
+      let name = val.detail.value;
+      this.getGenes(name);
+    },
+    //模糊搜索选中
+    selectItem(item) {
+      if (!this.selectedItems.some((i) => i.id === item.id)) {
+        this.selectedItems.push(item.name);
+        this.selectedId.push(item.id);
+      }
+      this.formData.genetic = "";
+      this.searchResultStatus = false;
+      console.log(this.selectedItems);
+      console.log(this.selectedId);
+    },
+    //删除标签
+    removeTag(index) {
+      this.selectedItems.splice(index, 1);
+      this.selectedId.splice(index, 1);
+      console.log(this.selectedItems);
+      console.log(this.selectedId);
+    },
+    //基因模糊查询列表
+    getGenes(name) {
+      this.$http
+        .request({
+          url: "taihumed/precisionMedicine/getPrecisionMedicineGenes",
+          method: "POST",
+          data: { name: name },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            if (res.genes && res.genes.length > 0) {
+              this.searchResults = res.genes;
+              this.searchResultStatus = true;
+            } else {
+              this.searchResults = "";
+              this.searchResultStatus = false;
+            }
+          }
+        });
+    },
+    //勾选
+    toggleCheck() {
+      this.isChecked = !this.isChecked;
+    },
+    //获取病症种类数据
+
+    //获取对话记录数据
+    getRecordsData() {
+      this.record_list = [];
+      this.$http
+        .request({
+          url: "common/ragFlowApi/getChats",
+          method: "POST",
+          data: {
+            chatId: "",
+            sessionId: "",
+            page: 1,
+            pageSize: 300,
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            console.log("请求最新列表");
+            if (res.list && res.list.length > 0) {
+              this.record_list = res.list;
+
+              //患者列表跳转来的
+              const index = res.list.findIndex(
+                (item) =>
+                  item.chatAssistantId === this.pageData.chatAssistantId &&
+                  item.chatId === this.pageData.chatId
+              );
+              if (this.pageType && this.pageType == "patient") {
+                this.clickRecord(this.pageData, index);
+              }
+            } else {
+              this.record_list = [];
+              this.null_text = "暂无数据";
+            }
+          }
+        })
+        .catch((e) => {
+          console.log(e);
+        });
+    },
+    //请求问答剩余次数
+    getUserAiVipCount() {
+      this.$http
+        .request({
+          url: "taihumed/aiVip/getUserAiVip",
+          method: "POST",
+          data: {},
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.flag = res.flag; //0-免费次数，1-可升级
+            if (res.aiVipLog && res.aiVipLog.surplusCount >= 0) {
+              this.vipCount = res.aiVipLog.surplusCount;
+              this.vipText = "问答剩余：";
+              this.vipStatus = true;
+            }
+
+            if (res.freeCount >= 0) {
+              this.freeStatus = true;
+              this.freeCount = res.freeCount;
+              this.freeText = "赠送[全科医生]免费问答：";
+            } else {
+              this.freeStatus = false;
+              this.freeCount = null;
+            }
+          }
+        })
+        .catch((e) => {
+          uni.setStorageSync("guidePages", 2);
+        });
+    },
+    //点击每个记录
+    clickRecord(item, index) {
+      //重新定义id
+      this.chatId = item.chatAssistantId;
+      this.sessionId = item.chatId;
+      //助手类型
+      this.chatName = item.chatAssistantName;
+      this.patientName = item.patientName;
+      console.log("我是:" + this.patientName);
+      uni.setStorageSync("homeParams", { data: item, index: index });
+      this.activeRecord = index;
+      this.messages = [];
+      this.showMessages = true;
+      //请求病历夹接口
+      this.getRecordFolderList();
+      //如果正在回答的时候切换需要中断回答
+      this.closeWebSocket();
+
+      uni.showLoading({
+        title: "加载中",
+      });
+      this.$http
+        .request({
+          url: "common/ragFlowApi/getChats",
+          method: "POST",
+          data: {
+            chatId: item.chatAssistantId,
+            sessionId: item.chatId,
+            page: 1,
+            pageSize: 300,
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            uni.hideLoading();
+            if (res.list && res.list.length > 0) {
+              this.messages = res.list.map((item) => {
+                let content = item.content.replace(/##\d+$$/g, "");
+                content = item.content.replace(/<\/?think>/g, "");
+                content = content.replace(
+                  /\*\*(.*?)\*\*/g,
+                  '<b class="bold-text">$1</b>'
+                );
+                content = content.replace(
+                  /\*(.*?)\*/g,
+                  '<span class="red-text">$1</span>'
+                );
+                content = content.replace(/\n\n/g, "\n");
+                content = content.replace(/\n/g, "<br>");
+                //content = content.replace(/^#{3,4}.*(\r?\n)?/gm, '');
+
+                return {
+                  ...item,
+                  type: item.type === 1 ? "answer" : "question",
+                  content: content,
+                };
+              });
+              //滚动到最底部锚点
+              this.$nextTick(() => {
+                this.scrollToBottom();
+              });
+            }
+
+            this.tishi = false; //提示语不用展示
+            this.$refs.drawer.close();
+          }
+        });
+    },
+
+    //选中科目类别
+    clickAssistants(item, index) {
+      this.activeIndex = index;
+      this.chatId = item.id;
+      this.chatName = item.name;
+    },
+    //提交
+    submit() {
+      let content = "";
+      let confirmText = "确定";
+      //没有次数的时候要求购买vip
+      if (!this.formData.message) {
+        this.$commonJS.showToast("请输入医案详情");
+        return;
+      }
+      //创建对话 获取sessionId
+      this.createChat();
+    },
+    //创建新对话
+    createChat() {
+      this.$http
+        .request({
+          url: "common/medicalRecords/medicalRecordsSplit",
+          method: "POST",
+          data: {
+            message: this.formData.message,
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          console.log("res at line 713:", res);
+          if (res.code == 0) {
+            this.medicalId = res.data;
+
+            this.sendQuestion();
+          }
+        });
+    },
+
+    //交谈请求，获取回答
+
+    sendQuestion() {
+      //清空消息记录
+      this.messages = [];
+      this.showMessages = true;
+      this.pauseStatus = true;
+      this.loading = true;
+      var that = this;
+      //展示提示语
+      this.tishi = true;
+      const poll = () => {
+        this.getMedicalDetail(() => {
+          // 停止轮询
+          clearInterval(pollInterval);
+        });
+      };
+      // 每5秒发送一次请求，直到收到正确的响应
+      const pollInterval = setInterval(poll, 5000);
+
+      //调用后端 SSE 接口，发送问题并接收实时回答
+      // this.startSSE(params);
+    },
+    getMedicalDetail(fn) {
+      //清空消息记录
+
+      this.$http
+        .request({
+          url: "common/medicalRecords/medicalRecordsQuerySplit",
+          method: "POST",
+          data: {
+            id: this.medicalId,
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (
+            res.code == 0 &&
+            res.medicalRecords != null &&
+            res.medicalRecords.data != ""
+          ) {
+            console.log(res, "999999");
+            this.pauseStatus = false;
+            this.loading = false;
+            this.medicalRecords = res.medicalRecords;
+            if (this.medicalRecords.state || this.medicalRecords.state == 0) {
+              this.options.statusId = this.medicalRecords.state;
+            }
+            // this.$refs.commonMedicalDetail.initRecordData(this.medicalRecords);
+            // that.initRecordData();
+            console.log("at line 558:", this.record);
+            this.$forceUpdate();
+
+            // 滚动到最底部锚点
+            //   that.$nextTick(() => {
+            //     that.scrollToBottom();
+            //   });
+            // 停止轮询
+            if (fn) {
+              fn();
+            }
+          }
+        })
+        .catch((error) => {
+          console.log("请求出错:", error);
+        });
+
+      //调用后端 SSE 接口，发送问题并接收实时回答
+      // this.startSSE(params);
+    },
+
+    //开始监听 SSE 数据
+    startSSE(params) {
+      const queryString = qs.stringify(params);
+      var data = {};
+      this.eventSource = uni.connectSocket({
+        url: this.$baseUrl + `websocket`,
+        success: () => {
+          console.log("WebSocket连接中...");
+          $http
+            .request({
+              url: `common/ragFlowApi/chatToAssistantStream?${queryString}`,
+              method: "GET",
+              data,
+              header: {
+                "Content-Type": "application/json",
+              },
+            })
+            .then((res) => {
+              console.log("请求成功");
+            })
+            .catch((e) => {
+              console.log("失败");
+            });
+        },
+        fail: (err) => {
+          console.error("连接失败", err);
+          uni.showToast({ title: "连接失败", icon: "error" });
+        },
+      });
+
+      // 监听服务器发送的消息
+      uni.onSocketMessage((event) => {
+        try {
+          const message = JSON.parse(event.data);
+          if (message.data === true) {
+            console.log("回答已结束");
+            this.pauseStatus = false;
+            this.loading = false;
+            //获取最近的会话记录数据
+            this.getRecordsData();
+            setTimeout(() => {
+              this.closeWebSocket();
+            }, 200);
+            return;
+          }
+
+          const answer = message.data.answer.replace(/##\d+$$/g, "");
+          console.log(message.data.answer);
+          let newAnswer = ""; //初始化 newAnswer 变量
+          if (this.previousAnswer === null) {
+            console.log("第一次进来");
+            //如果没有包含上一条的内容，则直接显示当前 answer
+            newAnswer = answer;
+            this.messages.push({ content: newAnswer, type: "answer" });
+            this.previousAnswer = newAnswer;
+          } else {
+            //只显示新增的部分
+            newAnswer = answer.replace(this.previousAnswer, "");
+            newAnswer = newAnswer.replace(
+              /\*\*(.*?)\*\*/g,
+              '<b class="bold-text">$1</b>'
+            );
+            newAnswer = newAnswer.replace(
+              /\*(.*?)\*/g,
+              '<span class="red-text">$1</span>'
+            );
+            newAnswer = newAnswer.replace(/\n\n/g, "\n");
+            newAnswer = newAnswer.replace(/\n/g, "<br>");
+
+            newAnswer = newAnswer
+              .replace(/####([\s\S]*?)$/gm, "<h4>$1</h4>")
+              .replace(/###([\s\S]*?)$/gm, "<h3>$1</h3>");
+
+            this.messages.push({ content: newAnswer, type: "answer" });
+            this.previousAnswer = answer;
+          }
+          //滚动到最底部锚点
+          this.$nextTick(() => {
+            this.scrollToBottom();
+          });
+        } catch (error) {
+          this.loading = false;
+          this.closeWebSocket();
+        }
+      });
+      //监听WebSocket连接打开
+      uni.onSocketOpen(() => {
+        console.log("WebSocket已连接");
+      });
+      //监听WebSocket错误
+      uni.onSocketError((err) => {
+        console.error("WebSocket连接错误", err);
+      });
+      //监听WebSocket关闭
+      uni.onSocketClose((res) => {
+        console.log("WebSocket 已关闭", res);
+      });
+    },
+
+    //回答界面的提交
+    sendAgain() {
+      console.log("这是再一次提问");
+      if (!this.pauseStatus) {
+        if (!this.question_send) {
+          this.$commonJS.showToast("请输入发送内容");
+          return;
+        }
+        const params = {
+          chatId: this.chatId,
+          chatName: this.chatName,
+          question: this.question_send,
+          sessionId: this.sessionId,
+          sessionName: this.question_send.slice(0, 15),
+          patientName: this.formData.name,
+        };
+        this.messages.push({
+          content: `${this.question_send}`,
+          type: "question",
+        });
+        //滚动到最底部锚点
+        this.$nextTick(() => {
+          this.scrollToBottom();
+        });
+        this.loading = true;
+        this.question_send = "";
+        this.pauseStatus = true;
+        this.previousAnswer = null;
+        //调用后端 SSE 接口，发送问题并接收实时回答
+        this.startSSE(params);
+      } else {
+        console.log("不能点击了");
+      }
+    },
+    //点击左侧弹窗
+    openDrawer() {
+      this.$refs.drawer.open();
+    },
+    //点击新会话
+    showMode() {
+      this.showMessages = false;
+      this.messages = [];
+      this.formData = {
+        diagnosis: "",
+        illness: "",
+        symptoms: "",
+        genetic: "",
+        name: "",
+      };
+      this.chatId = null;
+      this.activeIndex = null;
+      this.activeRecord = null;
+      this.patientName = "";
+      this.selectedItems = [];
+      this.searchResultStatus = false;
+      //中断
+      this.closeWebSocket();
+      this.previousAnswer = null;
+      this.pauseStatus = false;
+      //把缓存清除
+      uni.removeStorageSync("homeParams");
+      //剩余次数
+      this.getUserAiVipCount();
+    },
+    //问答界面点击创建病历夹
+    clickFolder() {
+      if (this.pauseStatus) {
+        this.$commonJS.showToast("正在回答中，请稍候");
+        return;
+      }
+      if (this.folderList.length == 0) {
+        uni.showModal({
+          title: "提示",
+          content: "您还没有病历夹，确定创建新的病历夹吗？",
+          confirmText: "确定",
+          cancelText: "取消",
+          success: (res) => {
+            if (res.confirm) {
+              this.$refs.add_folder.open("center");
+            } else if (res.cancel) {
+              console.log("取消创建病历夹");
+            }
+          },
+        });
+      } else {
+        this.$refs.popup.open("center");
+      }
+    },
+
+    //获取病历夹列表
+    getRecordFolderList() {
+      this.$http
+        .request({
+          url: "taihumed/aiRecordFolder/getRecordFolders",
+          method: "POST",
+          data: {
+            assistantId: this.chatId,
+            chatId: this.sessionId,
+            folderName: "",
+            patientName: "",
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            if (res.list && res.list.length > 0) {
+              this.folderList = res.list;
+            }
+          }
+        })
+        .catch((e) => {
+          console.log(e);
+        });
+    },
+    //点击创建病历夹
+    createFolder() {
+      this.$refs.popup.close();
+      this.$refs.add_folder.open();
+      this.folderName = "";
+      this.isChecked = true;
+    },
+    //创建病历夹
+    addRecordFolder() {
+      if (!this.folderName) {
+        this.$commonJS.showToast("请输入病历夹名称");
+        return;
+      }
+      if (!this.isChecked) {
+        uni.showLoading({
+          title: "正在创建中",
+        });
+      }
+      this.$http
+        .request({
+          url: "taihumed/aiRecordFolder/addRecordFolder",
+          method: "POST",
+          data: {
+            folderName: this.folderName,
+            sort: 0,
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            uni.hideLoading();
+            //如果把当前对话放入病历夹
+            if (this.isChecked) {
+              let id = res.aiRecordFolder.id;
+              this.addRecordFolderChat(id);
+            } else {
+              uni.showToast({
+                title: "创建成功",
+                icon: "success",
+              });
+              this.$refs.add_folder.close();
+              this.getRecordFolderList(); //刷新列表数据
+            }
+          }
+        });
+    },
+    //询问是否加入
+    askJoin(data) {
+      if (data.here == 1) {
+        this.$commonJS.showToast("不可重复加入病历夹");
+        return;
+      }
+      this.$refs.popup.close();
+      uni.showModal({
+        title: "提示",
+        content: "确定加入[" + data.folderName + "]病历夹吗？",
+        confirmText: "确定",
+        cancelText: "取消",
+        success: (res) => {
+          if (res.confirm) {
+            this.addRecordFolderChat(data.id, "0");
+          } else if (res.cancel) {
+            console.log("取消加入病历夹");
+          }
+        },
+      });
+    },
+    //对话记录加入病历夹
+    addRecordFolderChat(id, type) {
+      let text1 = "";
+      let text2 = "";
+      let patientName = "";
+      if (type == "0") {
+        text1 = "正在加入该病历夹";
+        text2 = "加入成功";
+      } else {
+        text1 = "正在创建中";
+        text2 = "创建成功";
+      }
+      uni.showLoading({
+        title: text1,
+      });
+      //患者名字
+      if (this.formData.name) {
+        patientName = this.formData.name;
+      } else {
+        patientName = this.patientName;
+      }
+      this.$http
+        .request({
+          url: "taihumed/aiRecordFolder/addRecordFolderChat",
+          method: "POST",
+          data: {
+            folderId: id,
+            patientName: patientName,
+            chatAssistantId: this.chatId,
+            chatId: this.sessionId,
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          uni.hideLoading();
+          uni.showToast({
+            title: text2,
+            icon: "success",
+          });
+          this.$refs.add_folder.close();
+          this.$refs.popup.close();
+          this.getRecordFolderList(); //刷新列表数据
+        });
+    },
+
+    //关闭进程和监听
+    closeWebSocket() {
+      if (this.eventSource) {
+        // 关闭连接并移除监听
+        this.eventSource.close({
+          success: () => {
+            console.log("WebSocket 已关闭-closeWebSocket");
+            uni.offSocketMessage(); //移除消息监听
+          },
+        });
+        this.eventSource = null;
+        this.loading = false;
+        this.pauseStatus = false;
+      }
+    },
+  },
+  onHide() {
+    this.closeWebSocket();
+  },
+  onUnload() {
+    this.closeWebSocket();
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/static/mixin.scss";
+
+.content {
+  background: linear-gradient(to bottom, #d8e6ff 0%, #d8e6ff57 90%, #fff 98%);
+}
+
+.home_top {
+  width: 100%;
+  background: #fff;
+  position: fixed;
+  top: 0;
+  left: 0;
+  padding: 90rpx 50rpx 30rpx;
+  text-align: center;
+  box-sizing: border-box;
+  z-index: 999;
+
+  .home_top_icon {
+    position: absolute;
+    left: 40rpx;
+    top: 85rpx;
+    display: flex;
+    align-items: center;
+
+    .home_top_left,
+    .home_top_right {
+      width: 60rpx;
+      height: 60rpx;
+      padding: 10rpx;
+      box-sizing: border-box;
+    }
+
+    .home_top_right {
+      margin-left: 30rpx;
+    }
+  }
+
+  text {
+    font-size: 43rpx;
+    line-height: 44rpx;
+    font-weight: bold;
+    color: $themeColor;
+  }
+
+  .home_top_folder {
+    padding: 12rpx;
+    position: absolute;
+    right: 40rpx;
+    top: 75rpx;
+
+    image {
+      width: 50rpx;
+      height: 50rpx;
+    }
+  }
+}
+
+.home_wrap {
+  margin: 0rpx 30rpx 0;
+  // padding-bottom: 300rpx;
+  overflow: hidden;
+
+  .home_logo {
+    padding-top: 40rpx;
+
+    image {
+      display: block;
+      width: 130rpx;
+      height: 130rpx;
+      margin: 0 auto;
+    }
+
+    .logo_main {
+      text-align: center;
+      display: block;
+      padding-top: 30rpx;
+      font-size: 35rpx;
+      color: $themeColor;
+      line-height: 46rpx;
+    }
+
+    .logo_con {
+      display: block;
+      width: 510rpx;
+      margin: 30rpx auto;
+      font-size: 28rpx;
+      color: #303030;
+      line-height: 40rpx;
+      text-indent: 2em;
+    }
+  }
+}
+
+.home_form {
+  margin-top: 60rpx;
+  padding-bottom: 80rpx;
+  position: relative;
+
+  .form_item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 30rpx;
+
+    text {
+      line-height: 68rpx;
+      font-size: 30rpx;
+      color: #fff;
+      background: $themeBgColor;
+      text-align: center;
+      border-radius: 20rpx;
+      padding: 0 25rpx;
+      border: 1rpx solid $themeBgColor;
+      box-sizing: border-box;
+    }
+
+    textarea,
+    input,
+    .form_item_customize {
+      display: inline-block;
+      width: calc(100% - 200rpx);
+      height: 70rpx;
+      line-height: 35rpx;
+      padding: 17rpx 30rpx;
+      font-size: 28rpx;
+      color: #303030;
+      border-radius: 50rpx;
+      border: 1rpx solid #777778;
+
+      box-sizing: border-box;
+      resize: none;
+      max-height: 200rpx;
+      overflow-y: scroll;
+    }
+  }
+}
+
+.custom-placeholder {
+  font-size: 28rpx;
+  color: #8b8c90 !important;
+}
+
+.submit_form {
+  width: 100%;
+  height: 90px;
+  background: #fff;
+  position: fixed;
+  left: 0;
+  bottom: 120rpx;
+  padding: 0 50rpx;
+  z-index: 999;
+}
+
+.submit_form_2 {
+  height: 135rpx;
+  padding: 30rpx;
+
+  .assistants_list {
+    textarea,
+    input {
+      width: calc(100% - 65px);
+      font-size: 26rpx;
+      line-height: 34rpx;
+      border-radius: 50rpx;
+      padding: 22rpx 30rpx;
+      color: #303030;
+      background: #f3f4f6;
+      max-height: 72rpx;
+      overflow: hidden;
+    }
+  }
+
+  .submit_btn {
+    top: 42rpx;
+  }
+}
+
+.assistants_list {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  .assistants_item {
+    display: flex;
+    align-items: center;
+    width: 217rpx;
+    margin-top: 30rpx;
+
+    image {
+      width: 38rpx;
+      height: 38rpx;
+    }
+
+    text {
+      padding-left: 10rpx;
+      display: inline-block;
+      font-size: 28rpx;
+      color: #606061;
+    }
+
+    .assistants_img_1 {
+      display: block;
+    }
+
+    .assistants_img_2 {
+      display: none;
+    }
+  }
+}
+
+.submit_btn {
+  position: absolute;
+  right: 0rpx;
+  bottom: 10rpx;
+
+  image {
+    width: 55rpx;
+    height: 55rpx;
+  }
+}
+
+.active {
+  text {
+    color: $themeBgColor;
+  }
+
+  .assistants_img_1 {
+    display: none !important;
+  }
+
+  .assistants_img_2 {
+    display: block !important;
+  }
+}
+
+.message_wrap {
+  position: relative;
+  width: 100%;
+  //   background: #fff;
+  z-index: 99;
+  padding: 0 30rpx;
+  height: 85vh;
+}
+
+.message_title {
+  text-align: center;
+  font-size: 30rpx;
+  color: #333;
+  line-height: 50rpx;
+  display: block;
+  font-weight: bold;
+  padding: 10rpx 0;
+}
+
+.message-container-block {
+  padding-top: 20rpx;
+  padding-bottom: 80px;
+  font-size: 30rpx;
+}
+
+.message-container {
+  display: inline;
+  line-height: 48rpx;
+}
+
+/* 自定义的loading效果 */
+.loading-spinner {
+  margin-top: 10rpx;
+  border: 2px solid #f3f3f3;
+  /* 灰色背景 */
+  border-top: 2px solid #3498db;
+  /* 蓝色顶部 */
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  animation: spin 1s linear infinite;
+  /* 旋转动画 */
+}
+
+/* 旋转动画 */
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.bold-text {
+  display: block;
+  font-weight: bold;
+  font-size: 28rpx;
+  /* 增大字号 */
+}
+
+h3 {
+  font-size: 36rpx;
+  font-weight: bold;
+}
+
+h3 {
+  font-size: 32rpx;
+}
+
+.red-text {
+  color: red;
+  font-size: 28rpx;
+  /* 增大字号 */
+}
+
+.message-right {
+  display: block;
+  text-align: right;
+  margin: 30rpx 0;
+
+  text {
+    display: inline-block;
+    padding: 20rpx;
+    line-height: 38rpx;
+    background-color: rgba(81, 136, 229, 0.2);
+    border-radius: 15rpx;
+    color: #333;
+    font-size: 28rpx;
+    text-align: left;
+  }
+}
+
+.drawer-content {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.list_content {
+  padding: 70rpx 20rpx 30rpx;
+  overflow-y: auto;
+}
+
+.list_item {
+  padding: 18rpx 10rpx;
+}
+
+.text_item {
+  display: block;
+  width: 100%;
+  font-size: 30rpx;
+  line-height: 40rpx;
+  padding: 0 10rpx;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.null_text {
+  display: block;
+  text-align: center;
+  font-size: 30rpx;
+  color: #999;
+  padding-top: 150rpx;
+}
+
+.active_item {
+  background: #d8e6ff;
+  border-radius: 15rpx;
+
+  text {
+    color: #5188e5;
+  }
+}
+
+.folder_popup {
+  z-index: 9999;
+
+  .popup-content {
+    padding: 30rpx;
+    width: 550rpx;
+    background: #fff;
+    border-radius: 10rpx;
+
+    .popup-top {
+      padding: 15rpx;
+      display: flex;
+      align-items: center;
+      background: #5188e5;
+      border-radius: 10rpx;
+      color: #fff;
+      font-size: 28rpx;
+      line-height: 45rpx;
+
+      .uni-icons {
+        margin-right: 2rpx;
+      }
+    }
+
+    .popup-list {
+      .item-list {
+        padding: 15rpx;
+        background: #d8e6ff;
+        border-radius: 10rpx;
+        font-size: 28rpx;
+        line-height: 45rpx;
+        color: #5188e5;
+        margin-top: 15rpx;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        position: relative;
+
+        text {
+          position: absolute;
+          right: 20rpx;
+          top: 12rpx;
+          font-size: 22rpx;
+          line-height: 45rpx;
+          color: #ff7800;
+        }
+      }
+
+      .popup-scroll {
+        max-height: 330rpx;
+      }
+    }
+  }
+}
+
+.add_folder_name {
+  font-size: 30rpx;
+  line-height: 45rpx;
+  color: #5188e5;
+}
+
+.add_folder_input {
+  margin-top: 20rpx;
+
+  input {
+    height: 70rpx;
+    line-height: 70rpx;
+    padding: 0 20rpx;
+    font-size: 26rpx;
+    color: #303030;
+    border-radius: 10rpx;
+    border: 1rpx solid #ddd;
+    box-sizing: border-box;
+  }
+
+  .custom-placeholder {
+    font-size: 26rpx;
+  }
+}
+
+.add_folder_btn {
+  width: 50%;
+  margin: 25rpx auto 0;
+  background: #5188e5;
+  border-radius: 50rpx;
+  font-size: 26rpx;
+  color: #fff;
+  line-height: 70rpx;
+}
+
+.checkbox-item {
+  display: flex;
+  align-items: center;
+  margin-top: 20rpx;
+
+  checkbox {
+    transform: scale(0.55);
+
+    /deep/.uni-checkbox-input {
+      border: 1rpx solid $themeColor;
+      margin-right: 0;
+    }
+  }
+
+  text {
+    color: #666;
+    font-size: 26rpx;
+    margin-left: -5rpx;
+  }
+}
+
+//基因模糊
+.tags-block {
+  width: calc(100% - 255rpx);
+  line-height: 46rpx;
+  padding: 12rpx 20rpx;
+  border-radius: 50rpx;
+  border: 1rpx solid #777778;
+  box-sizing: border-box;
+
+  input {
+    border: none !important;
+    padding: 5rpx 10rpx !important;
+    height: 50rpx !important;
+  }
+}
+
+.tags-container {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.tag {
+  margin: 5rpx;
+  display: flex;
+  align-items: center;
+  background-color: #d8e6ff;
+  border-radius: 20rpx;
+  color: $themeColor;
+  padding: 0 15rpx;
+  font-size: 24rpx;
+  line-height: 38rpx;
+}
+
+.tag-close {
+  font-size: 24rpx;
+  font-weight: bold;
+  padding-left: 10rpx;
+}
+
+.result-list {
+  background: #fff;
+  width: calc(100% - 200rpx);
+  max-height: 325rpx;
+  border: 1px solid #eee;
+  border-radius: 10rpx;
+  margin-top: -30rpx;
+  float: right;
+}
+
+.result-item {
+  padding: 18rpx 20rpx;
+  border-bottom: 1px solid #f5f5f5;
+  font-size: 26rpx;
+  line-height: 30rpx;
+}
+
+.result-item:last-child {
+  border-bottom: 0;
+}
+
+.vip_count {
+  font-size: 26rpx;
+  color: red;
+  text-indent: 0;
+
+  text {
+    display: block;
+  }
+}
+
+.vip_count_block {
+  display: inline-block;
+  text-indent: 0;
+  padding-top: 10rpx;
+}
+
+.aiFlag {
+  position: absolute;
+  bottom: 55px;
+  left: 20px;
+  width: calc(100% - 40px);
+  font-size: 11px;
+  line-height: 16px;
+  color: #f69e12;
+  z-index: 999;
+  background: rgba(254, 243, 225, 0.8);
+  border: 1px solid #f2d7aa;
+  padding: 5px;
+  border-radius: 6px;
+}
+.in {
+  border: 1rpx solid #eeeeee;
+  border-radius: 8rpx;
+
+  width: calc(100% - 200rpx);
+}
+.shangpin_editor {
+  width: 100%;
+}
+/deep/.h1_box {
+  height: 24px;
+  margin-top: 40rpx;
+  h1 {
+    margin: 0 !important;
+    font-size: 20px;
+    line-height: 24px;
+  }
+}
+#editor {
+  height: 300px;
+  border: 1px solid #ccc;
+}
+.ql-container {
+  height: auto;
+  min-height: auto;
+}
+.editor-wrapper {
+  //   background-color: #f0f0f080;
+  padding: 20rpx;
+  box-sizing: border-box;
+  border-radius: 20rpx;
+  border: 0.5px solid #777778;
+}
+
+.footer_box {
+  background: #fff;
+  padding-top: 10rpx;
+  height: 200rpx;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  /* #ifndef APP-NVUE */
+
+  /* #endif */
+
+  z-index: 502;
+  box-sizing: content-box;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
+}
+
+.footer_bg {
+  background-color: #fff;
+  box-shadow: 0 0px 10px 1px #0000001a;
+}
+
+.footer_item {
+  position: relative;
+  flex: 1;
+  // display: flex;
+  // align-items: center;
+  image{
+width: 80rpx;
+height: 80rpx;
+margin-right: -60rpx;
+margin-left: 60rpx;
+float: left;
+  }
+  .button_text{
+    position: relative;
+    font-size: 24rpx;
+    color: #666;
+    margin-top: 10rpx;
+    padding-left: 30rpx;
+  width: 100%;
+  display: inline-block;
+  text-align: center;
+  
+  }
+  .button {
+    float: left;
+    width: calc(100% - 120rpx);
+    background-color: #f0f0f0;
+    // margin: auto auto;
+    margin-top: 10rpx;
+    padding-left:40rpx;
+    border-radius: 50px;
+    line-height: 36px;
+    height: 36px;
+    text-align: center;
+    color: #1985fd;
+    font-weight: bold;
+    font-size: 38rpx;
+  }
+  .savebutton {
+    background-color: #f0f0f0;
+    color: #1985fd;
+  }
+}
+/deep/.u-upload__button {
+  background-color: #fff;
+  .uicon-camera-fill {
+    color: #5188e5 !important;
+  }
+}
+.analysis_box {
+  padding-bottom: 40px;
+  width: 100%;
+  background-color: #fff;
+  border: 4rpx solid #188bff !important;
+  border-radius: 20rpx;
+  height: 84vh;
+
+  border-radius: 10px;
+
+  box-sizing: border-box !important;
+  uni-textarea {
+    border: none !important;
+  }
+  .analysis_title {
+    display: flex;
+    align-items: center;
+    padding: 18rpx 32rpx 0 16rpx;
+    color: #1781ff;
+    font-size: 18px;
+    font-weight: 700;
+  }
+}
+/deep/.home_wrap_analysis {
+  height: 89vh;
+  .home_form {
+    padding-bottom: 0px;
+  }
+  .form_item {
+    margin-bottom: 0 !important;
+    textarea {
+      //     padding-top: 20rpx;
+      //   height: 80vh !important;
+    }
+    .uni-textarea-wrapper {
+      //   height: 100% !important;
+    }
+  }
+  .submit_btn {
+    padding: 0 40rpx;
+    position: absolute;
+    right: 24rpx;
+    bottom: 24rpx;
+    background-color: #1985fd;
+    margin: auto auto;
+    margin-top: 10rpx;
+    border-radius: 20rpx;
+    line-height: 62rpx;
+    height: 62rpx;
+    text-align: center;
+    color: #fff;
+    // font-weight: bold;
+  }
+}
+.content_detail {
+  background: #fff;
+}
+.message_wrap_detail {
+  padding: 0;
+}
+</style>
diff --git a/pages/medicalRecords/index.vue b/pages/medicalRecords/index.vue
index 14904ff8..026a9032 100644
--- a/pages/medicalRecords/index.vue
+++ b/pages/medicalRecords/index.vue
@@ -11,7 +11,7 @@
     <view class="doctors_module" :style="`top: ${42 + statusBarHeight}px;`">
       <view class="cateList flexbox" style="background-color: #fff">
         <common-sticky
-          itemStyle="width:25%; height: 38px;font-size:24rpx;"
+          itemStyle="width:20%; height: 38px;font-size:24rpx;"
           :list="tabsList"
           label="title"
           :currentCateIndex="currentCateIndex"
@@ -43,6 +43,7 @@
       <view class="doctors_list" id="top">
         <view
           class="doctors_item"
+          :style="taihumedId == 4 ? 'padding-bottom:80rpx;' : ''"
           v-for="(item, index) in list"
           :key="index"
           @click="goToDetail(item)"
@@ -64,12 +65,75 @@
 
               <view class="item_right">
                 <view style="display: flex; align-items: center">
-                  <text class="card_label" v-if="statusTitle" :style="`background-color:${statusColor} ;`">{{ statusTitle }}</text>
+                  <text
+                    class="card_label"
+                    v-if="statusTitle"
+                    :style="`background-color:${statusColor} ;`"
+                    >{{item.state==4?'质检未通过': statusTitle }}</text
+                  >
+                  <image
+                    v-if="currentCateIndex == 3 && item.state == 6"
+                    style="
+                      height: 60rpx;
+                      width: 60rpx;
+                      position: absolute;
+                      right: 16rpx;
+                      top: 0rpx;
+                    "
+                    src="../../static/icon/aa.png"
+                    mode="aspectFit"
+                  ></image>
+
+                  <image
+                    v-if="currentCateIndex == 3 && item.state == 5"
+                    style="
+                      height: 60rpx;
+                      width: 60rpx;
+                      position: absolute;
+                      right: 16rpx;
+                      top: 0rpx;
+                    "
+                    src="../../static/icon/bb.png"
+                    mode="aspectFit"
+                  ></image>
+                  <image
+                    v-if="currentCateIndex == 4 && item.state == 4"
+                    style="
+                      height: 60rpx;
+                      width: 60rpx;
+                      position: absolute;
+                      right: 16rpx;
+                      top: 0rpx;
+                    "
+                    src="../../static/icon/cc.png"
+                    mode="aspectFit"
+                  ></image>
                   <text class="item_time">{{ item.createTime }}</text></view
                 >
 
-                <view class="item_top">
-                  <view class="item_name">{{ item.title }}</view>
+                <view
+                  class="item_top"
+                  :style="`${currentCateIndex == 4 ? 'opacity: 0.5;' : ''}${
+                    currentCateIndex == 0 ? 'margin-top:0;' : ''
+                  }`"
+                >
+                  <view
+                    class="item_name"
+                    :style="
+                      currentCateIndex != 3
+                        ? 'width:100%;'
+                        : 'width:calc(100% - 100rpx);display: flex;align-items: center;'
+                    "
+                    >{{ item.title }}
+
+                    <image
+                      v-if="currentCateIndex == 3 && item.state == 6"
+                      style="height: 50rpx; width: 50rpx; margin-left: 10rpx"
+                      src="../../static/icon/jing2.png"
+                      mode="aspectFit"
+                    ></image>
+                  </view>
+
                   <rich-text
                     class="item_content"
                     :nodes="item.information"
@@ -79,7 +143,10 @@
                     :nodes="item.chiefComplaint"
                   ></rich-text> -->
                 </view>
-                <view style="margin-top: 20rpx" v-if="item.img">
+                <view
+                  style="margin-top: 20rpx"
+                  v-if="item.img && taihumedId == 0"
+                >
                   <u-upload
                     :fileList="item.fileList1"
                     multiple
@@ -92,11 +159,43 @@
                   </u-upload>
                 </view>
 
-                <view class="list_item_bt">
+                <view
+                  class="list_item_bt"
+                  :style="
+                    taihumedId == 4
+                      ? 'width: 100%;display: block;align-items: center;justify-content: space-between;right: 0;padding:0 20rpx;'
+                      : ''
+                  "
+                >
+                  <view
+                    @click.stop="changeShowFlag(item)"
+                    v-if="taihumedId == 4"
+                    :style="`color: ${
+                      item.showFlag == 1 ? '#5188e5' : '#5e6d82'
+                    };display: flex;align-items: center;`"
+                  >
+                    <text style="margin-right: 10rpx"
+                      >是否在我的医案中展示</text
+                    >
+                    <uni-icons
+                      :color="item.showFlag == 1 ? '#5188e5' : '#5e6d82'"
+                      :type="
+                        item.showFlag == 0 ? 'eye-slash-filled' : 'eye-filled'
+                      "
+                      size="24"
+                    ></uni-icons>
+                  </view>
+                  <!-- <view @click.stop="changeShowFlag(item)"  v-if="taihumedId == 4" :style="`color: ${item.article_flag==1?'#5188e5':'#5e6d82'};display: flex;align-items: center;`">
+                   <text style="margin-right: 10rpx;">是否在我的文章中展示</text>
+                    <uni-icons :color="item.article_flag==1?'#5188e5':'#5e6d82'" :type="item.article_flag==0?'eye-slash-filled':'eye-filled'" size="24" ></uni-icons>
+                    
+                  
+                  </view> -->
+
                   <text class="list_item_study" v-if="taihumedId == 0"
                     >编辑医案</text
                   >
-                  <text class="list_item_study" v-else>医案详情</text>
+                  <!-- <text class="list_item_study" :class="`medicalDetailButton${item.state}`" v-else>医案详情</text> -->
                 </view>
                 <!-- <text class="item_con">{{ item.taihuTalent.map(talent => talent.name).join(' ') }}</text> -->
               </view>
@@ -116,9 +215,11 @@
 
 <script>
 import $http from "@/config/requestConfig.js";
+import text from "uview-ui/libs/config/props/text";
 export default {
   data() {
     return {
+      options: null,
       tabsList: [],
       currentCateIndex: 0,
       list: [],
@@ -128,8 +229,8 @@ export default {
       limit: 10,
       courseName: "",
       taihumedId: null,
-      statusTitle: '',
-      statusColor: '',
+      statusTitle: "",
+      statusColor: "",
 
       timer: null,
       showText: false,
@@ -194,14 +295,25 @@ export default {
       // .then(res=> {
       // if (res.list&&res.list.length>0) {
       this.tabsList = [
-        { id: 0, title: "草稿箱", statusTitle: '' },
-        { id: 1, title: "待审核",statusTitle: '待审核',color:'#f59442'  },
-        { id: 3, title: "已通过",statusTitle: '已通过' ,color:'#22be98' },
-        { id: 2, title: "未通过",statusTitle: '未通过',color:"#e78084" },
+        { id: 0, title: "草稿箱", statusTitle: "" },
+        { id: 1, title: "待审核", statusTitle: "待审核", color: "#f59442" },
+        { id: 3, title: "质检中", statusTitle: "检测中", color: "#17A2B8" },
+        { id: 4, title: "已通过", statusTitle: "", color: "#22be98" },
+        { id: 2, title: "未通过", statusTitle: "审核未通过", color: "#e78084" },
       ];
-      this.taihumedId = this.tabsList[0].id;
-      this.statusTitle = '';
-      this.statusColor = '';
+      if (uni.getStorageSync("medicalRecordsStatusId")) {
+        const statusId = uni.getStorageSync("medicalRecordsStatusId");
+        this.taihumedId = this.tabsList[statusId].id;
+        this.currentCateIndex = statusId;
+        this.statusTitle = this.tabsList[statusId].statusTitle;
+        this.statusColor = this.tabsList[statusId].color;
+      } else {
+        this.taihumedId = this.tabsList[0].id;
+        this.currentCateIndex = 0;
+        this.statusTitle = "";
+        this.statusColor = "";
+      }
+
       this.getListData(this.taihumedId);
       // }
       // });
@@ -224,7 +336,8 @@ export default {
           url: "common/medicalRecords/medicalRecordsList",
           method: "POST",
           data: {
-            state: taihumedId,
+            state:
+              taihumedId == 4 ? "5,6" : taihumedId == 2 ? "2,4" : taihumedId,
           },
           header: {
             "Content-Type": "application/json",
@@ -232,7 +345,7 @@ export default {
         })
         .then((res) => {
           uni.hideLoading();
-          this.list=[...res.medicalRecordsList].filter(e=>e.data)
+          this.list = [...res.medicalRecordsList].filter((e) => e.data);
           this.list = [...this.list].map((e) => {
             return {
               ...e,
@@ -271,6 +384,23 @@ export default {
           }
         });
     },
+    changeShowFlag(data) {
+      this.$http
+        .request({
+          url: "common/medicalRecords/saveMedicalRecords",
+          method: "POST",
+          data: {
+            ...data,
+            showFlag: data.showFlag == 0 ? 1 : 0,
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          this.getListData(this.taihumedId);
+        });
+    },
     //加载更多
     loadMore() {
       this.getListData(this.taihumedId);
@@ -309,13 +439,17 @@ export default {
           navTitle = "医案详情";
           type = "detail";
           break;
+        case 4:
+          navTitle = "医案详情";
+          type = "detail";
+          break;
         case 2:
           navTitle = "医案详情";
           type = "detail";
           break;
       }
       uni.navigateTo({
-        url: `/pages/medicalRecords/medical?navTitle=${navTitle}&title=${navTitle}&id=${item.id}&type=${type}&statusId=${this.taihumedId}`,
+        url: `/pages/medicalRecords/medical?navTitle=${navTitle}&title=${navTitle}&id=${item.id}&type=${type}&statusId=${item.state}`,
       });
     },
   },
@@ -336,7 +470,7 @@ export default {
   // border: 1rpx solid $themeColor;
   border-radius: 15rpx;
   margin-bottom: 20rpx;
-  padding: 12rpx 30rpx 60rpx;
+  padding: 12rpx 30rpx 50rpx;
   display: flex;
   align-items: center;
   position: relative;
@@ -528,4 +662,22 @@ export default {
 //   transform: rotate(45deg); /* 旋转45度，形成斜角 */
 //   z-index: -1;
 // }
+
+.medicalDetailButton2,
+.medicalDetailButton4 {
+  background: #f2f1f6 !important;
+  color: #635c5c;
+}
+.medicalDetailButton5,
+.medicalDetailButton6 {
+  background: rgb(34, 190, 152) !important;
+}
+.medicalDetailButton1 {
+  background: #fff4e0 !important;
+  color: rgb(245, 148, 66);
+}
+.medicalDetailButton3 {
+  background: #82ddeb70 !important;
+  color: rgb(23, 162, 184);
+}
 </style>
diff --git a/pages/medicalRecords/medical.vue b/pages/medicalRecords/medical.vue
index 8aaa2d4b..cb52eed1 100644
--- a/pages/medicalRecords/medical.vue
+++ b/pages/medicalRecords/medical.vue
@@ -54,16 +54,13 @@
             <!-- 固定的输入框部分 -->
             <view style="height: calc(100% - 120rpx)">
               <textarea
-
                 v-model="formData.message"
                 maxlength="-1"
                 style="
-                  
                   width: 100%;
                   min-height: calc(85vh - 100px) !important;
                   height: calc(85vh - 100px) !important;
                   max-height: calc(85vh - 100px) !important;
-                 
                 "
                 auto-height
                 placeholder="请输入医案到此处，将自动解析医案信息
@@ -104,7 +101,12 @@
       class="message_wrap"
       :class="`${options.type == 'detail' ? 'message_wrap_detail' : ''}`"
       :style="`top: 1px;height:${
-        options.statusId == 1 || options.statusId == 3 ? '92vh' : '85vh'
+        options.statusId == 1 ||
+        options.statusId == 5 ||
+        options.statusId == 6 ||
+        options.statusId == 4
+          ? '92vh'
+          : '85vh'
       }`"
       v-if="showMessages"
     >
@@ -286,36 +288,35 @@ export default {
     // 	this.clickRecord(this.pageData, index);
     // }
   },
- async onPullDownRefresh() {
+  async onPullDownRefresh() {
     this.isRefreshing = true;
     console.log("下拉刷新");
 
-    setTimeout(async() => {
-        if (this.options.type == "add") {
-      this.showMessages = false;
-      this.loading = true;
-    } else {
-      this.showMessages = true;
-      this.loading = true;
-      await this.getMedicalDetail(() => {
-        this.medicalForm = { ...this.medicalRecords };
-        console.log("this.medicalForm at line 193:", this.medicalForm);
-        if (this.medicalRecords.img) {
-          this.$refs.commonMedicalDetail.fileList1 = this.medicalRecords.img
-            .split(",")
-            .map((image, i) => ({
-              uid: i, // 假设 id 是唯一标识符
-              name: i, // 文件名
-              status: "done", // 状态
-              url: image, // 文件 URL
-            }));
-        }
-      });
+    setTimeout(async () => {
+      if (this.options.type == "add") {
+        this.showMessages = false;
+        this.loading = true;
+      } else {
+        this.showMessages = true;
+        this.loading = true;
+        await this.getMedicalDetail(() => {
+          this.medicalForm = { ...this.medicalRecords };
+          console.log("this.medicalForm at line 193:", this.medicalForm);
+          if (this.medicalRecords.img) {
+            this.$refs.commonMedicalDetail.fileList1 = this.medicalRecords.img
+              .split(",")
+              .map((image, i) => ({
+                uid: i, // 假设 id 是唯一标识符
+                name: i, // 文件名
+                status: "done", // 状态
+                url: image, // 文件 URL
+              }));
+          }
+        });
 
-      //   this.tishi=true
-    }
+        //   this.tishi=true
+      }
 
-     
       uni.stopPullDownRefresh();
       this.isRefreshing = false;
       console.log("下拉刷新已停止");
@@ -383,48 +384,41 @@ export default {
         }
       }
       if (
-           
-            ["妇科", "儿科"].includes(this.medicalForm.labelTitle)&&isNewSave!=1
-          ) {
-            if (
-             
-            this.medicalForm.labelTitle == "妇科"
-            ) {
-              const value = this.editableMap["personalAndFamilyHistory"] || "";
-              const hasKeywords =
-                value.includes("月经") || value.includes("婚育");
+        ["妇科", "儿科"].includes(this.medicalForm.labelTitle) &&
+        isNewSave != 1
+      ) {
+        if (this.medicalForm.labelTitle == "妇科") {
+          const value = this.editableMap["personalAndFamilyHistory"] || "";
+          const hasKeywords = value.includes("月经") || value.includes("婚育");
 
-              if (!hasKeywords) {
-                // 包含“月经”或“婚育”
-                console.log("包含月经或婚育相关内容");
-                const titleHtml = this.getTitleHtml(
-                  this.record["personalAndFamilyHistory"]
-                ).replace(/<[^>]*>/g, "");
-                this.$commonJS.showToast(
-                  "请在 " + titleHtml + " 中输入月经或婚育相关内容"
-                );
-                return false;
-              }
-            }
-            if (
-             
-            this.medicalForm.labelTitle == "儿科"
-            ) {
-              const value = this.editableMap["pastHistory"] || "";
-              const hasKeywords = value.includes("疫苗");
-              if (!hasKeywords) {
-                // 包含“月经”或“婚育”
-                console.log("疫苗");
-                const titleHtml = this.getTitleHtml(
-                  this.record["pastHistory"]
-                ).replace(/<[^>]*>/g, "");
-                this.$commonJS.showToast(
-                  "请在 " + titleHtml + " 中输入疫苗接种相关内容"
-                );
-                return false;
-              }
-            }
+          if (!hasKeywords) {
+            // 包含“月经”或“婚育”
+            console.log("包含月经或婚育相关内容");
+            const titleHtml = this.getTitleHtml(
+              this.record["personalAndFamilyHistory"]
+            ).replace(/<[^>]*>/g, "");
+            this.$commonJS.showToast(
+              "请在 " + titleHtml + " 中输入月经或婚育相关内容"
+            );
+            return false;
           }
+        }
+        if (this.medicalForm.labelTitle == "儿科") {
+          const value = this.editableMap["pastHistory"] || "";
+          const hasKeywords = value.includes("疫苗");
+          if (!hasKeywords) {
+            // 包含“月经”或“婚育”
+            console.log("疫苗");
+            const titleHtml = this.getTitleHtml(
+              this.record["pastHistory"]
+            ).replace(/<[^>]*>/g, "");
+            this.$commonJS.showToast(
+              "请在 " + titleHtml + " 中输入疫苗接种相关内容"
+            );
+            return false;
+          }
+        }
+      }
       var recordData = { ...this.record };
       for (const key in recordData) {
         const titleHtml = this.getTitleHtml(recordData[key]);
@@ -465,6 +459,11 @@ export default {
                 url: `/pages/medicalRecords/medical?navTitle=编辑医案&title=编辑医案&id=${this.medicalId}&type=edit&statusId=0`,
               });
             } else {
+              if (type == "submit") {
+                uni.setStorageSync("medicalRecordsStatusId", 1);
+              } else {
+                uni.removeStorageSync("medicalRecordsStatusId");
+              }
               uni.redirectTo({
                 url: "/pages/medicalRecords/index",
               });
@@ -479,26 +478,26 @@ export default {
     // 判断内容是否为空或无效
 
     getTitleHtml(html, key) {
-  const str = [
-    "chiefComplaint",
-    "historyOfPresentIllness",
-    "physicaExamination",
-    "treatmentPlan",
-  ].includes(key)
-    ? `<span style="color:#F56C6C;margin-right:4px">*</span>`
-    : "";
+      const str = [
+        "chiefComplaint",
+        "historyOfPresentIllness",
+        "physicaExamination",
+        "treatmentPlan",
+      ].includes(key)
+        ? `<span style="color:#F56C6C;margin-right:4px">*</span>`
+        : "";
 
-  // Regular expression to capture the first <h1> element in the HTML
-  const h1Match = html.match(/<h1[^>]*>(.*?)<\/h1>/);
-  
-  if (h1Match) {
-    // If an <h1> is found, return it with the prepended star if needed
-    return `<h1>${str}${h1Match[1]}</h1>`;
-  } else {
-    // If no <h1> is found, return an empty <h1>
-    return "<h1></h1>";
-  }
-},
+      // Regular expression to capture the first <h1> element in the HTML
+      const h1Match = html.match(/<h1[^>]*>(.*?)<\/h1>/);
+
+      if (h1Match) {
+        // If an <h1> is found, return it with the prepended star if needed
+        return `<h1>${str}${h1Match[1]}</h1>`;
+      } else {
+        // If no <h1> is found, return an empty <h1>
+        return "<h1></h1>";
+      }
+    },
 
     async checkPermision() {
       var result = await permission.premissionCheck("CAMERA_EXTERNAL_STORAGE");
@@ -753,7 +752,7 @@ export default {
           },
         })
         .then((res) => {
-        	console.log('res at line 713:', res)
+          console.log("res at line 713:", res);
           if (res.code == 0) {
             this.medicalId = res.data;
 
diff --git a/pages/medicalRecords/medicalDetail.vue b/pages/medicalRecords/medicalDetail.vue
index c75a8a0c..e1c6f522 100644
--- a/pages/medicalRecords/medicalDetail.vue
+++ b/pages/medicalRecords/medicalDetail.vue
@@ -6,61 +6,118 @@
       :scroll-into-view="scrollIntoView"
       scroll-with-animation
     >
-    
       <view
         class="message-container-block"
-        :class="{ 
-          
+        :class="{
           'message-container-detail': type == 'detail',
-          'content_detail_0': statusId == 0,
-          'content_detail_1': statusId == 1,
-          'content_detail_2': statusId == 2,
-          'content_detail_3': statusId == 3,
-          'content_detail_3_talents': page == 'talents',
-       }"
+          content_detail_0: statusId == 0,
+          content_detail_1: statusId == 1,
+          content_detail_2: statusId == 2 || statusId == 4,
+          content_detail_3: statusId == 3,
+          content_detail_4: statusId == 5 || statusId == 6,
+          content_detail_3_talents: page == 'talents',
+          content_detail_none: isEvaluate == '1',
+        }"
       >
         <view class="loading-spinner" v-if="loading"></view>
-        <uni-notice-bar :color="medicalRecords.state==0?'#eb3c41':medicalRecords.state==2?'#e78083':''" 
-        :background-color="medicalRecords.state==3?'#e7808330':medicalRecords.state==2?'#e7808330':''" 
-        :text="`审核备注：${markInfo}`" 
-        v-if="markInfo" style="margin-bottom: 0;"/>
+        <uni-notice-bar
+          :color="
+            medicalRecords.state == 0
+              ? '#eb3c41'
+              : medicalRecords.state == 2 || medicalRecords.state == 4
+              ? '#e78083'
+              : ''
+          "
+          :background-color="
+            medicalRecords.state == 6 || medicalRecords.state == 5
+              ? '#e7808330'
+              : medicalRecords.state == 2 || medicalRecords.state == 4
+              ? '#e7808330'
+              : ''
+          "
+          :text="`${medicalRecords.state == 4?'质检未通过':'审核备注'}：${markInfo}`"
+          v-if="markInfo"
+          style="margin-bottom: 0"
+        />
 
-	
-        <view style="" class="detail_top"  :class="{ 
-          
-          
-          'detail_top_0': statusId == 0,
-          'detail_top_1': statusId == 1,
-          'detail_top_2': statusId == 2,
-          'detail_top_3': statusId == 3,
-          'detail_top_3_talents': page == 'talents',
-       }" v-if="type == 'detail'">
-          <view class="detail_top_left" :style="`${page?'width:100%;padding-bottom:0':''}`">
+        <view
+          style=""
+          class="detail_top"
+          :class="{
+            detail_top_0: statusId == 0,
+            detail_top_1: statusId == 1,
+            detail_top_2: statusId == 2 || statusId == 4,
+            detail_top_3: statusId == 3,
+            detail_top_4: statusId == 5 || statusId == 6,
+            detail_top_3_talents: page == 'talents',
+            detail_top_none: isEvaluate == '1',
+          }"
+          v-if="type == 'detail'"
+        >
+          <view
+            class="detail_top_left"
+            :style="`${page ? 'width:100%;padding-bottom:0' : ''}`"
+          >
             <view class="detail_top_item">
-              <view class="detail_top_item_name">{{ formData.title }}</view>
-              <view class="label_title">分类 : {{ formData.labelTitle }}</view>
+              <view class="detail_top_item_name">
+               {{ formData.title }}</view
+              >
+              <view
+                class="label_title"
+                :style="isEvaluate == '1' ? 'color:#000' : ''"
+                >分类 : {{ formData.labelTitle }} 
+              </view>
             </view>
           </view>
           <image
             class="image_box"
-            v-if="statusId == 1&&!page"
+            v-if="statusId == 1 && !page && !isEvaluate"
             src="../../static/icon/shenghezhong.png"
             style=""
           ></image>
           <image
             class="image_box"
-            v-if="statusId == 2&&!page"
+            v-if="(statusId == 2) && !page && !isEvaluate"
             src="../../static/icon/weitongguo.png"
             style=""
           ></image>
           <image
-          
             class="image_box"
-            v-if="statusId == 3&&!page"
+            style="width: 150rpx"
+            v-if="statusId == 3 && !page && !isEvaluate"
+            src="../../static/icon/jiancezhong.png"
+          ></image>
+          <!-- <image
+            class="image_box"
+            v-if="(statusId == 5) && !page && !isEvaluate"
             src="../../static/icon/yitongguo.png"
-            style="width: 150rpx;"
+            style="width: 150rpx"
           ></image
-        ></view>
+        > -->
+          <image
+            class="image_box"
+            v-if="(statusId == 6) && !page && !isEvaluate"
+            src="../../static/icon/a_.png"
+            style="width: 170rpx;right:40rpx;top: 60rpx;"
+          ></image
+        >
+          <image
+            class="image_box"
+            v-if="(statusId == 5) && !page && !isEvaluate"
+            src="../../static/icon/b_.png"
+            style="width: 200rpx;"
+          ></image
+        >
+          <image
+            class="image_box"
+            v-if="(statusId == 4) && !page && !isEvaluate"
+            src="../../static/icon/c_.png"
+            style="width: 200rpx;right: -10rpx;"
+          ></image
+        >
+      
+      
+      </view>
         <view class="home_wrap" style="margin: 0" v-if="!loading">
           <view
             class="home_form"
@@ -182,6 +239,7 @@
                 justify-content: space-between;
                 margin-bottom: 14px;
               "
+              :style="isEvaluate == '1' ? 'text-align: justify;' : ''"
             >
               <view style="width: calc(100%)">
                 <view
@@ -209,54 +267,58 @@
                   ></view>
 
                   <!-- <view class="editor-wrapper"> -->
-                  <rich-text style="color: #474343;"
+                  <rich-text
+                    style="color: #474343"
                     :nodes="editableMap[key]"
                     v-if="editableMap[key]"
                   ></rich-text>
-                  <rich-text nodes="<p>无</p>" v-else  style="color: #474343;"></rich-text>
+                  <rich-text
+                    nodes="<p>无</p>"
+                    v-else
+                    style="color: #474343"
+                  ></rich-text>
                   <!-- </view> -->
                 </view>
-                 <view  v-if="fileList1.length>0"
-              class="form_item"
-              style="
-                display: block;
+                <view
+                  v-if="fileList1.length > 0"
+                  class="form_item"
+                  style="
+                    display: block;
 
-                margin-bottom: 14px;
-              "
-            >
-              <view
-                class="h1_box"
-                v-html="`<h1>图片</h1>`"
-                style="
-                  margin-top: 0;
-                  margin-bottom: 14px;
-                  font-weight: bold;
-                  display: flex;
-                  align-items: center;
-                "
-              ></view>
-
-              <view
-                class="in"
-                style="border: none; width: 100%"
-                @click="checkPermision"
-              >
-                <u-upload
-                  :fileList="fileList1"
-                  @afterRead="addPic"
-                  @delete="deletePic"
-                  multiple
-                  width="55"
-                  height="55"
-                  :previewFullImage="true"
+                    margin-bottom: 14px;
+                  "
                 >
-                </u-upload>
-              </view>
-            </view>
-              </view>
-            </view>
+                  <view
+                    class="h1_box"
+                    v-html="`<h1>图片</h1>`"
+                    style="
+                      margin-top: 0;
+                      margin-bottom: 14px;
+                      font-weight: bold;
+                      display: flex;
+                      align-items: center;
+                    "
+                  ></view>
 
-           
+                  <view
+                    class="in"
+                    style="border: none; width: 100%"
+                    @click="checkPermision"
+                  >
+                    <u-upload
+                      :fileList="fileList1"
+                      @afterRead="addPic"
+                      @delete="deletePic"
+                      multiple
+                      width="55"
+                      height="55"
+                      :previewFullImage="true"
+                    >
+                    </u-upload>
+                  </view>
+                </view>
+              </view>
+            </view>
           </view>
 
           <!-- 搜索结果列表 -->
@@ -284,10 +346,18 @@ export default {
   components: {
     treeList,
   },
-  props: ["loading", "form", "medicalRecords", "type", "statusId",'page'],
+  props: [
+    "loading",
+    "form",
+    "medicalRecords",
+    "type",
+    "statusId",
+    "page",
+    "isEvaluate",
+  ],
   data() {
     return {
-      markInfo:'',
+      markInfo: "",
       editorOptions: {
         theme: "snow", // Quill 编辑器的主题
         modules: {
@@ -389,8 +459,6 @@ export default {
 
   onShow() {},
   methods: {
-
- 
     onStatusChange(e) {
       this.formats = e.detail;
     },
@@ -454,40 +522,40 @@ export default {
     },
 
     getInnerHtml(html) {
-  // Regular expression to capture all HTML tags excluding the first <h1> tag
-  const h1Match = html.match(/<h1[^>]*>.*?<\/h1>/);
-  
-  // If an <h1> is found, remove it and process the rest
-  if (h1Match) {
-    // Remove the first <h1> and its content, then return the rest of the HTML
-    html = html.replace(h1Match[0], '');
-  }
+      // Regular expression to capture all HTML tags excluding the first <h1> tag
+      const h1Match = html.match(/<h1[^>]*>.*?<\/h1>/);
 
-  // Return the remaining HTML
-  return html;
-},
+      // If an <h1> is found, remove it and process the rest
+      if (h1Match) {
+        // Remove the first <h1> and its content, then return the rest of the HTML
+        html = html.replace(h1Match[0], "");
+      }
+
+      // Return the remaining HTML
+      return html;
+    },
 
     getTitleHtml(html, key) {
-  const str = [
-    "chiefComplaint",
-    "historyOfPresentIllness",
-    "physicaExamination",
-    "treatmentPlan",
-  ].includes(key)
-    ? `<span style="color:#F56C6C;margin-right:4px">*</span>`
-    : "";
+      const str = [
+        "chiefComplaint",
+        "historyOfPresentIllness",
+        "physicaExamination",
+        "treatmentPlan",
+      ].includes(key)
+        ? `<span style="color:#F56C6C;margin-right:4px">*</span>`
+        : "";
 
-  // Regular expression to capture the first <h1> element in the HTML
-  const h1Match = html.match(/<h1[^>]*>(.*?)<\/h1>/);
-  
-  if (h1Match) {
-    // If an <h1> is found, return it with the prepended star if needed
-    return `<h1>${str}${h1Match[1]}</h1>`;
-  } else {
-    // If no <h1> is found, return an empty <h1>
-    return "<h1></h1>";
-  }
-},
+      // Regular expression to capture the first <h1> element in the HTML
+      const h1Match = html.match(/<h1[^>]*>(.*?)<\/h1>/);
+
+      if (h1Match) {
+        // If an <h1> is found, return it with the prepended star if needed
+        return `<h1>${str}${h1Match[1]}</h1>`;
+      } else {
+        // If no <h1> is found, return an empty <h1>
+        return "<h1></h1>";
+      }
+    },
 
     async checkPermision() {
       var result = await permission.premissionCheck("CAMERA_EXTERNAL_STORAGE");
@@ -742,27 +810,36 @@ export default {
       this.chatId = item.id;
       this.chatName = item.name;
     },
- 
 
     initRecordData(data) {
-      this.markInfo=''
+      this.markInfo = "";
       this.formData.title = data.title ? data.title : "";
       this.formData.labelId = data.labelId ? data.labelId : "";
       this.formData.labelTitle = data.labelTitle ? data.labelTitle : "";
-      if(data.mark){
-      
-          this.markList = JSON.parse(data.mark);
-          const latest = this.markList.reduce((latest, current) => {
-  return new Date(current.time) > new Date(latest.time) ? current : latest;
-});
-if(data.state!=1&&data.state!=3&&latest){
-  this.markInfo=latest.mark?latest.mark:''
-}
+      if (data.mark) {
+        this.markList = JSON.parse(data.mark);
+        const latest = this.markList.reduce((latest, current) => {
+          return new Date(current.time) > new Date(latest.time)
+            ? current
+            : latest;
+        });
+        if (
+          data.state != 1 &&
+          data.state != 4 &&
+          data.state != 5 &&
+          data.state != 6 &&
+          data.state != 3 &&
+          latest
+        ) {
+          this.markInfo = latest.mark ? latest.mark : "";
+        }
 
-
-     
         // medicalRecords.mark&&medicalRecords.state!=1&&medicalRecords.state!=3
       }
+      if(data.state==4){
+        this.markInfo = '医案内容不够精准'
+      }
+
       this.record = {
         information: data.information
           ? data.information
@@ -1386,8 +1463,6 @@ if(data.state!=1&&data.state!=3&&latest){
   }
 }
 
-
-
 .message_title {
   text-align: center;
   font-size: 34rpx;
@@ -1866,23 +1941,24 @@ h3 {
     display: none !important;
   }
 }
-.content_detail_1{
+.content_detail_1 {
   background: #fff4e026;
-  
 }
-.content_detail_3{
+
+.content_detail_3 {
+  background: linear-gradient(to bottom, #f4fbfa 0%, #fff 90%);
+}
+.content_detail_4 {
   background: linear-gradient(to bottom, #f6fcfb 0%, #fff 90%);
-  
 }
-.content_detail_3_talents{
+.content_detail_3_talents {
   background: linear-gradient(to bottom, #e9f2fc 0%, #ffffff 90%);
-  
 }
 
 // .content_detail_2{
 //   background: linear-gradient(to bottom, #f2f1f6 0%, #fff 90%);
 // }
-.content_detail_2{
+.content_detail_2 {
   // background: linear-gradient(to bottom, #e7808330 0%, #fff 90%);
 }
 .detail_top {
@@ -1890,7 +1966,7 @@ h3 {
   min-height: 280rpx;
   position: relative;
   // background: linear-gradient(to bottom, #fff4e0 0%, #fff 90%);
-  
+
   .image_box {
     width: 130rpx;
     height: 130rpx;
@@ -1927,22 +2003,30 @@ h3 {
   font-weight: bold;
   margin-bottom: 40rpx;
 }
-.detail_top_1{
+.detail_top_1 {
   background: linear-gradient(to bottom, #fff4e0 0%, #fff4e026 90%);
-  
 }
-.detail_top_2{
+.detail_top_2 {
   background: linear-gradient(to bottom, #f2f1f6 0%, #fff 90%);
-  
 }
-.detail_top_3{
+.detail_top_3 {
+  background: linear-gradient(to bottom, #67c2d070 0%, #f6fcfb 90%);
+}
+.detail_top_4 {
   background: linear-gradient(to bottom, #22be973d 0%, #f6fcfb 90%);
-  
 }
-.detail_top_3_talents{
+.detail_top_3_talents {
   background: linear-gradient(to bottom, #d8e6ff 0%, #e9f2fc 90%);
-  min-height:260rpx;
-  
+  min-height: 260rpx;
+}
+.content_detail_none {
+  background: #d8e6ff57 !important;
+}
+.detail_top_none {
+  background: #d8e6ff0d !important;
+  min-height: auto;
+  .detail_top_left {
+    width: 100%;
+  }
 }
-
 </style>
diff --git a/pages/my/index.vue b/pages/my/index.vue
index 56f9671d..f661fa26 100644
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -1,28 +1,50 @@
 <template>
-	<view class="commonPage commonPageBox">
-		<view class="bg_top">
-			<u-icon @click="goSetting" class="setIcon" labelColor="#5188e5" labelPos="bottom" label="设置" name="setting"
-				:style="`top:${(20 + statusBarHeight) * 2}rpx`" color="#5188e5" size="22"></u-icon>
-		</view>
+  <view class="commonPage commonPageBox">
+    <view class="bg_top">
+      <u-icon
+        @click="goSetting"
+        class="setIcon"
+        labelColor="#5188e5"
+        labelPos="bottom"
+        label="设置"
+        name="setting"
+        :style="`top:${(20 + statusBarHeight) * 2}rpx`"
+        color="#5188e5"
+        size="22"
+      ></u-icon>
+    </view>
 
-		<view class="mine_box" :style="`top:${(80 + statusBarHeight) * 2}rpx`">
-			<view class="per_mes">
-				<view class="per_mes_user">
-					<view style="display: flex; align-items: center; flex-direction: column">
-						<image @click="goUserInfo" :src="userMes.avatar" v-if="userMes.avatar&&userMes.avatar!=''"
-							class="per_mes_img color_shandow"></image>
-						<image src="../../static/image.png" v-if="userMes.avatar == null||userMes.avatar == ''"
-							class="per_mes_img color_shandow"></image>
-					</view>
-				</view>
-				<view class="userInfoBox">
-					<view class="name">{{ userMes.nickname ? userMes.nickname : "未设置" }}</view>
-					<view class="phone" v-if="userMes.tel">手机号：({{ userMes.tel }})</view>
-				</view>
-				<br clear="both" />
-			</view>
-			
-			<!-- <view class="modal_vip" v-if="$platform=='android'">
+    <view class="mine_box" :style="`top:${(80 + statusBarHeight) * 2}rpx`">
+      <view class="per_mes">
+        <view class="per_mes_user">
+          <view
+            style="display: flex; align-items: center; flex-direction: column"
+          >
+            <image
+              @click="goUserInfo"
+              :src="userMes.avatar"
+              v-if="userMes.avatar && userMes.avatar != ''"
+              class="per_mes_img color_shandow"
+            ></image>
+            <image
+              src="../../static/image.png"
+              v-if="userMes.avatar == null || userMes.avatar == ''"
+              class="per_mes_img color_shandow"
+            ></image>
+          </view>
+        </view>
+        <view class="userInfoBox">
+          <view class="name">{{
+            userMes.nickname ? userMes.nickname : "未设置"
+          }}</view>
+          <view class="phone" v-if="userMes.tel"
+            >手机号：({{ userMes.tel }})</view
+          >
+        </view>
+        <br clear="both" />
+      </view>
+
+      <!-- <view class="modal_vip" v-if="$platform=='android'">
 				<template>
 					<view class="chong_zhi boxShadow box_fillet vip_box">
 						<view class="noVip">
@@ -48,873 +70,980 @@
 					</view>
 				</template>
 			</view> -->
-			
-			<view class="recharge_block">
-				<view class="chong_zhi boxShadow box_fillet chongzhi_box">
-					<view class="chong_list">
-						<view class="left">
-							<view class="chong_list_item" @click="onPageJump('/pages/wallet/account')">
-								<view class="pay_item_img">
-									天医币
-									<u-icon @click.native.stop="openInfo()" 
-										name="question-circle"
-										style="float: right; margin: 0 6rpx">
-									</u-icon>
-								</view>
-			
-								<view class="text" style="line-height:30rpx; display: flex">
-									{{userMes.peanutCoin ? userMes.peanutCoin : 0}}
-								</view>
-							</view>
-			
-							<view class="chong_list_item" @click="onPageJump('/pages/wallet/points')" v-if="$platform=='android'">
-								<view class="pay_item_img">
-									积分
-								</view>
-								<view class="text" style="line-height:30rpx">{{userMes.jf ? userMes.jf : 0}}</view>
-							</view>
-						</view>
-						
-						<view class="chong_list_item" style="flex-direction:initial;margin-right:0;">
-							<view class="chong_btn" @click="onPageJump('/pages/wallet/recharge')">充 值</view>
-						</view>
-					</view>
-				</view>
-			</view>
-			
-			<view class="list_box">
-				<view class="xiugai boxShadow box_fillet">
-					<common-list :dataList="pageList" @hancleClick="handleClickTab" label="name">
-						<template slot="rightSlot" slot-scope="slotProps">
-							<text class="fdButtonBox aui-text-success"
-								style="line-height: 40rpx">{{ slotProps.row.content }}</text>
-						</template>
-					</common-list>
-				</view>
-			</view>
-		</view>
-		
-		<u-popup :show="infoShow" mode="center" round="6" backgroundColor="#fff">
-			<view class="popup_box">
-				<view class="title">温馨提示</view>
-		
-				<view class="content">
-					<view class="center">
-						&nbsp;&nbsp;&nbsp;&nbsp;【天医币】仅为我平台支付使用币种 。
-						一人民币=一天医币，仅为了方便用户支付使用。<br />【天医币】可以用于在我平台支付书籍或课程使用。
-						<br />【天医币】这个名称是为适应我们平台的定位属性，所起名称。与区块链虚拟货币无任何关系。
-					</view>
-		
-					<view class="bottom">
-						<view class="button_box" style=" align-items: center; justify-content: center;">
-							<u-button style="width: 200rpx; float: center" :plain="true" text="知道啦" color="#9b9b9b"
-								size="small" @click="infoShow = false"></u-button>
-						</view>
-					</view>
-				</view>
-			</view>
-		</u-popup>
-		
-		<z-navigation></z-navigation>
-	</view>
+
+      <view class="recharge_block">
+        <view class="chong_zhi boxShadow box_fillet chongzhi_box">
+          <view class="chong_list">
+            <view class="left">
+              <view
+                class="chong_list_item"
+                @click="onPageJump('/pages/wallet/account')"
+              >
+                <view class="pay_item_img">
+                  天医币
+                  <u-icon
+                    @click.native.stop="openInfo()"
+                    name="question-circle"
+                    style="float: right; margin: 0 6rpx"
+                  >
+                  </u-icon>
+                </view>
+
+                <view class="text" style="line-height: 30rpx; display: flex">
+                  {{ userMes.peanutCoin ? userMes.peanutCoin : 0 }}
+                </view>
+              </view>
+
+              <view
+                class="chong_list_item"
+                @click="onPageJump('/pages/wallet/points')"
+                v-if="$platform == 'android'"
+              >
+                <view class="pay_item_img"> 积分 </view>
+                <view class="text" style="line-height: 30rpx">{{
+                  userMes.jf ? userMes.jf : 0
+                }}</view>
+              </view>
+            </view>
+
+            <view
+              class="chong_list_item"
+              style="flex-direction: initial; margin-right: 0"
+            >
+              <view
+                class="chong_btn"
+                @click="onPageJump('/pages/wallet/recharge')"
+                >充 值</view
+              >
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view class="list_box">
+        <view class="xiugai boxShadow box_fillet">
+          <common-list
+            :dataList="pageList"
+            @hancleClick="handleClickTab"
+            label="name"
+          >
+            <template slot="rightSlot" slot-scope="slotProps">
+              <text
+                class="fdButtonBox aui-text-success"
+                style="line-height: 40rpx"
+                >{{ slotProps.row.content }}</text
+              >
+
+              <text
+                class="fdButtonBox aui-text-success"
+                v-if="
+                  slotProps.row.contentType &&
+                  slotProps.row.contentType == 'shengpi' &&
+                  shengpiNumber > 0
+                "
+                style="
+                  line-height: 40rpx;
+                  font-size: 40rpx;
+                  color: #5188e5;
+                  float: right;
+                "
+                >{{ shengpiNumber }}</text
+              >
+            </template>
+          </common-list>
+        </view>
+      </view>
+    </view>
+
+    <u-popup :show="infoShow" mode="center" round="6" backgroundColor="#fff">
+      <view class="popup_box">
+        <view class="title">温馨提示</view>
+
+        <view class="content">
+          <view class="center">
+            &nbsp;&nbsp;&nbsp;&nbsp;【天医币】仅为我平台支付使用币种 。
+            一人民币=一天医币，仅为了方便用户支付使用。<br />【天医币】可以用于在我平台支付书籍或课程使用。
+            <br />【天医币】这个名称是为适应我们平台的定位属性，所起名称。与区块链虚拟货币无任何关系。
+          </view>
+
+          <view class="bottom">
+            <view
+              class="button_box"
+              style="align-items: center; justify-content: center"
+            >
+              <u-button
+                style="width: 200rpx; float: center"
+                :plain="true"
+                text="知道啦"
+                color="#9b9b9b"
+                size="small"
+                @click="infoShow = false"
+              ></u-button>
+            </view>
+          </view>
+        </view>
+      </view>
+    </u-popup>
+
+    <z-navigation></z-navigation>
+  </view>
 </template>
 
 <script>
 import $http from "@/config/requestConfig.js";
-import {
-	mapState,
-	mapMutations
-} from "vuex";
+import { mapState, mapMutations } from "vuex";
 export default {
-	data() {
-		return {
-			userMes: {},
-			pageList: [
-				// {
-				// 	name: "我的病历夹",
-				// 	url: "/pages/folder/index",
-				// 	type: "pageJump",
-				// },
-				// {
-				// 	name: "会话记录",
-				// 	url: "/pages/my/recordsList",
-				// 	type: "pageJump",
-				// },
-				{
-				    name: "我的订单",
-				    url: "/pages/order/index",
-				    type: "pageJump"
-				},
-				{
-				    name: "我的文章",
-				    url: "/pages/articleList/index",
-				    type: "pageJump"
-				},
-				{
-				    name: "我的医案",
-				    url: "/pages/medicalRecords/index",
-				    type: "pageJump"
-				},
-				{
-				    name: "我的课程",
-				    url: "/pages/curriculum/index/index",
-				    type: "pageJump"
-				},
-				{
-					name: "个人资料",
-					url: "/pages/my/persData",
-					type: "pageJump",
-				},
-				{
-					name: "关于我们",
-					url: "/pages/my/aboutUs",
-					type: "pageJump",
-				},
-				{
-					name: "问题反馈/申诉",
-					url: "/pages/user/workOrder",
-					type: "pageJump"
-				}
-			],
-			infoShow: false, // 显示电子书相关
-			aiVipLog: null,
-			flag: null
-		};
-	},
-	computed: {
-		...mapState(["userInfo"]),
-	},
-	//第一次加载
-	onLoad(e) {
-		uni.hideTabBar();
-	},
-	//页面显示
-	onShow() {
-		this.getData();
-		this.getVipData();
-	},
-	//方法
-	methods: {
-		...mapMutations(["setUserInfo"]),
-		//跳转设置
-		goSetting() {
-			this.onPageJump("/pages/my/set");
-		},
-		//获取个人信息
-		goUserInfo() {
-			this.onPageJump("/pages/my/persData");
-		},
-		//点击切换
-		handleClickTab(v) {
-			switch (v.type) {
-				case "pageJump":
-					this.onPageJump(v.url);
-					break;
-				case "switchTab":
-					this.switchTab(v.url);
-					break;
-			}
-		},
-		//点击天医币显示弹窗
-		openInfo() {
-			this.infoShow = true;
-		},
-		//获取个人信息
-		getData() {
-			if (this.userInfo.id != undefined) {
-				this.$http.post("common/user/getUserInfo").then((res) => {
-					this.userMes = res.result;
-				});
-			}
-		},
-		//获取数据
-		getVipData() {
-			this.$http.request({
-				url: 'taihumed/aiVip/getUserAiVip',
-				method: "POST",
-				data: {},
-				header: {
-					"Content-Type": "application/json",
-				},
-			})
-			.then(res=> {
-				if(res.code==0){
-					this.aiVipLog = res.aiVipLog;
-					this.flag = res.flag;
-				}
-			});
-		},
-		onPageJump(url) {
-			uni.navigateTo({
-				url: url,
-			});
-		},
-		switchTab(url) {
-			uni.switchTab({
-				url: url,
-			});
-		},
-	},
+  data() {
+    return {
+      userMes: {},
+      shengpiNumber: 0,
+      pageList: [
+        // {
+        // 	name: "我的病历夹",
+        // 	url: "/pages/folder/index",
+        // 	type: "pageJump",
+        // },
+        // {
+        // 	name: "会话记录",
+        // 	url: "/pages/my/recordsList",
+        // 	type: "pageJump",
+        // },
+        {
+          name: "我的订单",
+          url: "/pages/order/index",
+          type: "pageJump",
+        },
+        // {
+        //     name: "我的文章",
+        //     url: "/pages/articleList/index",
+        //     type: "pageJump"
+        // },
+
+        // {
+        //     name: "待审核医案",
+        //     url: "/pages/medicalRecords/PendingApprovalIndex",
+        //     type: "pageJump"
+        // },
+        {
+          name: "我的课程",
+          url: "/pages/curriculum/index/index",
+          type: "pageJump",
+        },
+        {
+          name: "个人资料",
+          url: "/pages/my/persData",
+          type: "pageJump",
+        },
+        {
+          name: "关于我们",
+          url: "/pages/my/aboutUs",
+          type: "pageJump",
+        },
+        {
+          name: "问题反馈/申诉",
+          url: "/pages/user/workOrder",
+          type: "pageJump",
+        },
+      ],
+      infoShow: false, // 显示电子书相关
+      aiVipLog: null,
+      flag: null,
+    };
+  },
+  computed: {
+    ...mapState(["userInfo"]),
+  },
+  //第一次加载
+  onLoad(e) {
+    uni.hideTabBar();
+    this.getMedicalRecords();
+    this.getMedicalRecordsCanCheck();
+  },
+  //页面显示
+  onShow() {
+    if(uni.getStorageSync('medicalRecordsStatusId')){
+      uni.removeStorageSync('medicalRecordsStatusId');
+    }
+	this.getShengpiNumber()
+    this.getData();
+    this.getVipData();
+  },
+  //方法
+  methods: {
+    ...mapMutations(["setUserInfo"]),
+    //跳转设置
+    goSetting() {
+      this.onPageJump("/pages/my/set");
+    },
+    //获取个人信息
+    goUserInfo() {
+      this.onPageJump("/pages/my/persData");
+    },
+    //点击切换
+    handleClickTab(v) {
+      switch (v.type) {
+        case "pageJump":
+          this.onPageJump(v.url);
+          break;
+        case "switchTab":
+          this.switchTab(v.url);
+          break;
+      }
+    },
+    //点击天医币显示弹窗
+    openInfo() {
+      this.infoShow = true;
+    },
+    //获取个人信息
+    getData() {
+      if (this.userInfo.id != undefined) {
+        this.$http.post("common/user/getUserInfo").then((res) => {
+          this.userMes = res.result;
+        });
+      }
+    },
+    getMedicalRecords() {
+      if (this.userInfo.id != undefined) {
+        this.$http
+          .post("common/medicalRecords/getMedicalRecordsRoleByUser")
+          .then((res) => {
+            console.log("res at line 237:", res);
+            if (res.code == 0 && res.roleFlag == 1) {
+              this.pageList.splice(1, 0, {
+                name: "我的医案",
+                url: "/pages/medicalRecords/index",
+                type: "pageJump",
+              });
+            }
+          });
+      }
+    },
+    getMedicalRecordsCanCheck() {
+      if (this.userInfo.id != undefined) {
+        this.$http.post("common/medicalRecords/canCheck").then((res) => {
+          console.log("res at line 237:", res);
+          if (res.code == 0 && res.flag == true) {
+			
+            this.pageList.splice(1, 0, {
+              name: "待审批医案",
+              url: "/pages/medicalRecords/PendingApprovalIndex",
+              type: "pageJump",
+              contentType: "shengpi",
+            });
+          }
+        });
+      }
+    },
+    getShengpiNumber() {
+      this.$http
+        .request({
+          url: "common/medicalRecords/getMedicalRecordsCheckList",
+          method: "POST",
+          data: {},
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          // 过滤不包含自己的用户ID的对象
+          var list = [...res.list].filter((item) => {
+            // 判断是否有 stateInfo 属性，且它不包含用户ID，或者为空字符串
+            return (
+              !item.stateInfo ||
+              item.stateInfo === "" ||
+              !item.stateInfo.includes(this.userInfo.id.toString())
+            );
+          });
+          this.shengpiNumber = list.length;
+        });
+    },
+    //获取数据
+    getVipData() {
+      this.$http
+        .request({
+          url: "taihumed/aiVip/getUserAiVip",
+          method: "POST",
+          data: {},
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.aiVipLog = res.aiVipLog;
+            this.flag = res.flag;
+          }
+        });
+    },
+    onPageJump(url) {
+      uni.navigateTo({
+        url: url,
+      });
+    },
+    switchTab(url) {
+      uni.switchTab({
+        url: url,
+      });
+    },
+  },
 };
 </script>
 
 <style lang="scss" scoped>
 @import "@/static/mixin.scss";
-.commonPage{
-	background-image: linear-gradient(to bottom, #d8e6ff 20%, #ffffff 100%);
+.commonPage {
+  background-image: linear-gradient(to bottom, #d8e6ff 20%, #ffffff 100%);
 }
 .per_mes {
-	padding: 0 30rpx;
-	margin-bottom: 20rpx;
-	position: relative;
-	align-items: center;
-	display: flex;
-	align-items: center;
+  padding: 0 30rpx;
+  margin-bottom: 20rpx;
+  position: relative;
+  align-items: center;
+  display: flex;
+  align-items: center;
 
-	.per_mes_img {
-		width: 120rpx;
-		height: 120rpx;
-		border-radius: 90rpx;
-		margin: 0 0 0 0;
-		float: left;
-	}
-	.userInfoBox{
-		padding-left: 20rpx;
-	}
+  .per_mes_img {
+    width: 120rpx;
+    height: 120rpx;
+    border-radius: 90rpx;
+    margin: 0 0 0 0;
+    float: left;
+  }
+  .userInfoBox {
+    padding-left: 20rpx;
+  }
 
-	view {
-		
-		.name {
-			width: 100%;
-			font-size: 30rpx;
-			line-height: 40rpx;
-			color: #333;
-		}
+  view {
+    .name {
+      width: 100%;
+      font-size: 30rpx;
+      line-height: 40rpx;
+      color: #333;
+    }
 
-		.phone {
-			font-size: 26rpx;
-			line-height: 42rpx;
-			color: #666;
-		}
-		.per_user_img {
-			display: inline-block;
-			width: 40upx;
-			height: 40upx;
-			margin-left: 10rpx;
-			vertical-align: super;
-		}
-	}
+    .phone {
+      font-size: 26rpx;
+      line-height: 42rpx;
+      color: #666;
+    }
+    .per_user_img {
+      display: inline-block;
+      width: 40upx;
+      height: 40upx;
+      margin-left: 10rpx;
+      vertical-align: super;
+    }
+  }
 }
 
 .now_vip {
-	background-color: #fff;
-	margin: 0 0 30upx 0;
-	padding: 0 30upx;
-	height: 120upx;
-	background-image: linear-gradient(90deg, #feeed6 0%, #f5ce99 100%);
+  background-color: #fff;
+  margin: 0 0 30upx 0;
+  padding: 0 30upx;
+  height: 120upx;
+  background-image: linear-gradient(90deg, #feeed6 0%, #f5ce99 100%);
 
-	image {
-		width: 46rpx;
-		height: 50rpx;
-		display: inline-block;
-		vertical-align: text-bottom;
-		margin: 0 10rpx 0 0;
-	}
+  image {
+    width: 46rpx;
+    height: 50rpx;
+    display: inline-block;
+    vertical-align: text-bottom;
+    margin: 0 10rpx 0 0;
+  }
 
-	text {
-		font-size: 30upx;
-		line-height: 120upx;
-		color: #977749;
-		font-weight: bold;
-	}
+  text {
+    font-size: 30upx;
+    line-height: 120upx;
+    color: #977749;
+    font-weight: bold;
+  }
 
-	.kt_btn {
-		font-size: 26upx;
-		display: block;
-		float: right;
-		border-radius: 50rpx;
-		color: #fffbf6;
-		padding: 12rpx 26rpx;
-		margin: 33rpx 0 0 0;
-		background-image: linear-gradient(90deg, #dfa964 0%, #7f5218 100%);
-	}
+  .kt_btn {
+    font-size: 26upx;
+    display: block;
+    float: right;
+    border-radius: 50rpx;
+    color: #fffbf6;
+    padding: 12rpx 26rpx;
+    margin: 33rpx 0 0 0;
+    background-image: linear-gradient(90deg, #dfa964 0%, #7f5218 100%);
+  }
 }
 
 .chong_zhi {
-	box-shadow: none;
-	padding: 0 30upx;
-	height: auto;
+  box-shadow: none;
+  padding: 0 30upx;
+  height: auto;
 
-	.zhanghu {
-		width: 100%;
-		margin-bottom: 10rpx;
-		font-size: 44rpx;
-		font-weight: bold;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		color: $themeColor;
-		font-weight: 700;
-	}
+  .zhanghu {
+    width: 100%;
+    margin-bottom: 10rpx;
+    font-size: 44rpx;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: $themeColor;
+    font-weight: 700;
+  }
 
-	.noVip {
-		width: 100%;
-		height: 100%;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0 20rpx;
-		.zhanghu {
-			font-size: 42rpx;
-			width: auto;
-			display: inline-block;
-			margin-bottom: 0rpx;
-			text-align: center;
-			display: flex;
-			align-items: center;
-		}
-	}
+  .noVip {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 20rpx;
+    .zhanghu {
+      font-size: 42rpx;
+      width: auto;
+      display: inline-block;
+      margin-bottom: 0rpx;
+      text-align: center;
+      display: flex;
+      align-items: center;
+    }
+  }
 
-	.chong_list {
-		display: flex;
-		align-items: center;
-		font-size: 30rpx;
-		justify-content: space-between;
-		.left {
-			display: flex;
-			align-items: center;
-		}
+  .chong_list {
+    display: flex;
+    align-items: center;
+    font-size: 30rpx;
+    justify-content: space-between;
+    .left {
+      display: flex;
+      align-items: center;
+    }
 
-		.chong_list_item {
-			width: auto;
-			margin-right: 60rpx;
-			text-align: center;
-			display: inline-block;
-			color: #294a97;
-			display: flex;
-			align-items: center;
-			flex-direction: column;
-			justify-content: space-between;
+    .chong_list_item {
+      width: auto;
+      margin-right: 60rpx;
+      text-align: center;
+      display: inline-block;
+      color: #294a97;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      justify-content: space-between;
 
-			.text {
-				font-size: 30rpx;
-				display: block;
-				font-weight: 700;
-				color: $themeColor;
-				padding-top: 20rpx;
-			}
-		}
+      .text {
+        font-size: 30rpx;
+        display: block;
+        font-weight: 700;
+        color: $themeColor;
+        padding-top: 20rpx;
+      }
+    }
 
-		.chong_btn {
-			font-size: 26rpx;
-			border-radius: 50rpx;
-			color: #fffbf6;
-			line-height: 40rpx;
-			padding: 10rpx 30rpx;
-			background: $themeBgColor;
-		}
-	}
+    .chong_btn {
+      font-size: 26rpx;
+      border-radius: 50rpx;
+      color: #fffbf6;
+      line-height: 40rpx;
+      padding: 10rpx 30rpx;
+      background: $themeBgColor;
+    }
+  }
 }
 
 .xiugai {
-	border-radius: 10rpx !important;
-	margin: 0 30rpx;
-	background: rgba(255, 255, 255, 0.65);
+  border-radius: 10rpx !important;
+  margin: 0 30rpx;
+  background: rgba(255, 255, 255, 0.65);
 
-	.nav_list {
-		background-color: #b7e0e2;
-		padding: 15rpx 0 15rpx 10rpx;
-		display: flex;
-		align-items: center;
-		font-size: 22rpx;
-		position: relative;
-		font-weight: bold;
-		border-bottom: 1px solid #e5e5e5;
+  .nav_list {
+    background-color: #b7e0e2;
+    padding: 15rpx 0 15rpx 10rpx;
+    display: flex;
+    align-items: center;
+    font-size: 22rpx;
+    position: relative;
+    font-weight: bold;
+    border-bottom: 1px solid #e5e5e5;
 
-		&:active {
-			background-color: #f5f5f5;
-		}
+    &:active {
+      background-color: #f5f5f5;
+    }
 
-		text {
-			color: #333;
-			margin-left: 10rpx;
-		}
+    text {
+      color: #333;
+      margin-left: 10rpx;
+    }
 
-		&::after {
-			content: "";
-			position: absolute;
-			right: 20rpx;
-			top: 50%;
-			transform: translateY(-50%);
-			width: 30rpx;
-			height: 30rpx;
-			background-image: url("@/static/icon/icon_right.png");
-			background-position: center center;
-			background-repeat: no-repeat;
-			background-size: cover;
-		}
-	}
+    &::after {
+      content: "";
+      position: absolute;
+      right: 20rpx;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 30rpx;
+      height: 30rpx;
+      background-image: url("@/static/icon/icon_right.png");
+      background-position: center center;
+      background-repeat: no-repeat;
+      background-size: cover;
+    }
+  }
 
-	.nav_list:nth-last-child(1) {
-		border-bottom: 0;
-	}
+  .nav_list:nth-last-child(1) {
+    border-bottom: 0;
+  }
 }
 
 .box_fillet {
-	border-radius: 40rpx;
-	overflow: hidden;
+  border-radius: 40rpx;
+  overflow: hidden;
 }
 
 .chongzhi_box {
-	position: relative;
-	width: calc(100%);
-	height: 100%;
-	float: left;
-	padding: 30rpx;
-	background: rgba(255, 255, 255, 0.65);
-	border-radius: 10rpx;
-	box-shadow: 0px 0px 5px 1px rgba(0, 82, 79, 0.1);
+  position: relative;
+  width: calc(100%);
+  height: 100%;
+  float: left;
+  padding: 30rpx;
+  background: rgba(255, 255, 255, 0.65);
+  border-radius: 10rpx;
+  box-shadow: 0px 0px 5px 1px rgba(0, 82, 79, 0.1);
 }
 
 .bg_top {
-	padding: 0 30rpx;
-	height: 30vh;
-	position: relative;
+  padding: 0 30rpx;
+  height: 30vh;
+  position: relative;
 
-	.setIcon {
-		position: absolute;
-		right: 30rpx;
-	}
+  .setIcon {
+    position: absolute;
+    right: 30rpx;
+  }
 }
-.vip_block{
-	padding-left: 10rpx;
+.vip_block {
+  padding-left: 10rpx;
 }
 
 .mine_box {
-	width: 100%;
-	position: absolute;
-	left: 0;
-	padding: 0 0rpx;
+  width: 100%;
+  position: absolute;
+  left: 0;
+  padding: 0 0rpx;
 }
 
 .list_box {
-	padding: 20rpx 0;
+  padding: 20rpx 0;
 }
 
 .pay_item_img {
-	display: flex;
-	align-items: center;
-	color: #000;
+  display: flex;
+  align-items: center;
+  color: #000;
 }
 
 .popup_box {
-	width: 80vw;
-	overflow: hidden;
-	position: relative;
-	height: auto;
+  width: 80vw;
+  overflow: hidden;
+  position: relative;
+  height: auto;
 
-	.title {
-		font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
-		font-weight: normal;
-		font-size: 46rpx;
-		color: $themeColor;
-		padding: 30rpx;
-		border-top-left-radius: 6px;
-		border-top-right-radius: 6px;
-	}
+  .title {
+    font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+    font-weight: normal;
+    font-size: 46rpx;
+    color: $themeColor;
+    padding: 30rpx;
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+  }
 
-	.content {
-		font-size: 28rpx;
-		letter-spacing: 0.15rpx;
-		padding: 10rpx 30rpx 30rpx;
-		color: #3f3f3f;
+  .content {
+    font-size: 28rpx;
+    letter-spacing: 0.15rpx;
+    padding: 10rpx 30rpx 30rpx;
+    color: #3f3f3f;
 
-		.top {
-			margin: 30rpx 0;
-		}
+    .top {
+      margin: 30rpx 0;
+    }
 
-		.center {
-			line-height: 40rpx;
-		}
+    .center {
+      line-height: 40rpx;
+    }
 
-		.bottom {
-			width: 100%;
-			margin-top: 40rpx;
-			margin-bottom: 20rpx;
-			font-size: 24rpx;
-			line-height: 26rpx;
-			color: #b0b0b0;
-		}
-	}
+    .bottom {
+      width: 100%;
+      margin-top: 40rpx;
+      margin-bottom: 20rpx;
+      font-size: 24rpx;
+      line-height: 26rpx;
+      color: #b0b0b0;
+    }
+  }
 
-	.button_box {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		margin-top: 20rpx;
+  .button_box {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 20rpx;
 
-		.u-button {
-			margin-left: 40rpx;
-		}
+    .u-button {
+      margin-left: 40rpx;
+    }
 
-		.u-button:nth-child(1) {
-			margin-left: 0;
-		}
-	}
+    .u-button:nth-child(1) {
+      margin-left: 0;
+    }
+  }
 }
 
-.modal_vip{
-	margin-top: 40rpx;
-	padding: 20rpx 30rpx 0;
-	height: auto;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
+.modal_vip {
+  margin-top: 40rpx;
+  padding: 20rpx 30rpx 0;
+  height: auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .cate_box {
-	width: 100%;
-	height: auto;
-	display: flex;
-	justify-content: center;
-	box-shadow: 0rpx 0rpx 6rpx 0rpx #f9f6ea;
-	border-radius: 7rpx;
-	display: flex;
-	align-items: center;
-	justify-content: space-around;
-	padding: 5rpx 0rpx 20rpx;
-	box-sizing: border-box;
+  width: 100%;
+  height: auto;
+  display: flex;
+  justify-content: center;
+  box-shadow: 0rpx 0rpx 6rpx 0rpx #f9f6ea;
+  border-radius: 7rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  padding: 5rpx 0rpx 20rpx;
+  box-sizing: border-box;
 
-	.cate_item_box {
-		min-width: 110rpx;
-		height: 100%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex-direction: column;
+  .cate_item_box {
+    min-width: 110rpx;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
 
-		.cate_item_border {
-			position: relative;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-		}
+    .cate_item_border {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
 
-		.cate_item_name {
-			margin-top: 6rpx;
-			font-weight: normal;
-			font-size: 28rpx;
-			color: #000;
-			text-align: center;
-		}
-	}
+    .cate_item_name {
+      margin-top: 6rpx;
+      font-weight: normal;
+      font-size: 28rpx;
+      color: #000;
+      text-align: center;
+    }
+  }
 }
 
 .order_box {
-	.title {
-		padding: 20rpx 20rpx 10rpx;
-		font-size: 30rpx;
-		font-weight: bold;
-	}
+  .title {
+    padding: 20rpx 20rpx 10rpx;
+    font-size: 30rpx;
+    font-weight: bold;
+  }
 }
 
 .viptime {
-	font-size: 24rpx;
-	margin-top: 4rpx;
-	border-radius: 50rpx;
-	color: rgb(211, 59, 27) !important;
-	line-height: 20rpx;
+  font-size: 24rpx;
+  margin-top: 4rpx;
+  border-radius: 50rpx;
+  color: rgb(211, 59, 27) !important;
+  line-height: 20rpx;
 }
 
 .current_identity {
-	top: 0;
-	line-height: 32rpx;
-	position: absolute;
-	padding: 2rpx 10rpx;
-	border: 4rpx solid #fff;
-	border-bottom-right-radius: 20rpx;
-	border-top-left-radius: 20rpx;
-	font-size: 20rpx;
-	font-weight: bold;
+  top: 0;
+  line-height: 32rpx;
+  position: absolute;
+  padding: 2rpx 10rpx;
+  border: 4rpx solid #fff;
+  border-bottom-right-radius: 20rpx;
+  border-top-left-radius: 20rpx;
+  font-size: 20rpx;
+  font-weight: bold;
 }
 
 .hasVipBox {
-	padding-top: 45rpx;
-	padding-bottom: 0rpx;
-	box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.45);
-	border-radius: 20rpx;
+  padding-top: 45rpx;
+  padding-bottom: 0rpx;
+  box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.45);
+  border-radius: 20rpx;
 
-	.vip_name {
-		font-size: 60rpx;
-	}
+  .vip_name {
+    font-size: 60rpx;
+  }
 
-	.vip_info {
-		display: flex;
-		align-items: center;
-		font-size: 24rpx;
-		padding: 0 30rpx;
-	}
+  .vip_info {
+    display: flex;
+    align-items: center;
+    font-size: 24rpx;
+    padding: 0 30rpx;
+  }
 
-	.viptime {
-		text-align: left;
-		padding: 0 30rpx;
-		font-size: 24rpx;
-		color: #333 !important;
-		font-weight: 500;
-		margin-bottom: 20rpx;
-	}
+  .viptime {
+    text-align: left;
+    padding: 0 30rpx;
+    font-size: 24rpx;
+    color: #333 !important;
+    font-weight: 500;
+    margin-bottom: 20rpx;
+  }
 }
 
 .vbg {
-	font-size: 300px;
-	font-weight: 800;
-	position: absolute;
-	color: #3e9d78bd !important;
-	right: -40rpx;
-	top: -10px;
+  font-size: 300px;
+  font-weight: 800;
+  position: absolute;
+  color: #3e9d78bd !important;
+  right: -40rpx;
+  top: -10px;
 }
 
 .xufei {
-	position: absolute;
-	height: 46rpx;
-	right: 20rpx;
-	color: rgba(244, 43, 51, 0.85) !important;
-	font-size: 24rpx;
-	border-radius: 50rpx;
-	line-height: 46rpx;
-	padding: 0rpx 20rpx;
-	background: rgba(255, 255, 255, 1);
+  position: absolute;
+  height: 46rpx;
+  right: 20rpx;
+  color: rgba(244, 43, 51, 0.85) !important;
+  font-size: 24rpx;
+  border-radius: 50rpx;
+  line-height: 46rpx;
+  padding: 0rpx 20rpx;
+  background: rgba(255, 255, 255, 1);
 }
 
 .hasVipSuper {
-	border: 2rpx solid #fff1ca;
-	background-image: linear-gradient(90deg, #fff0dc 0%, #f8e483 100%);
+  border: 2rpx solid #fff1ca;
+  background-image: linear-gradient(90deg, #fff0dc 0%, #f8e483 100%);
 
-	.current_identity {
-		background-color: #fdefb5;
+  .current_identity {
+    background-color: #fdefb5;
 
-		color: #c47029;
-	}
+    color: #c47029;
+  }
 
-	.PM_font {
-		color: #f4a04c;
-	}
+  .PM_font {
+    color: #f4a04c;
+  }
 }
 
 .hasVipZmZm {
-	box-shadow: 0px 0px 5px 1px RGBA(235, 247, 243, 0.45);
-	background-image: linear-gradient(90deg, #aff7d6 0%, #edf5f1 100%);
-	.viptime {
-		color: #486a65;
-	}
+  box-shadow: 0px 0px 5px 1px RGBA(235, 247, 243, 0.45);
+  background-image: linear-gradient(90deg, #aff7d6 0%, #edf5f1 100%);
+  .viptime {
+    color: #486a65;
+  }
 
-	.vip_name {
-		letter-spacing: 1px;
-	}
+  .vip_name {
+    letter-spacing: 1px;
+  }
 
-	.current_identity {
-		background-color: #a9ddc4;
+  .current_identity {
+    background-color: #a9ddc4;
 
-		color: #20575c;
-	}
+    color: #20575c;
+  }
 
-	.PM_font {
-		color: #3e9d78;
-	}
+  .PM_font {
+    color: #3e9d78;
+  }
 
-	.viptime {
-		color: #9acbce;
-	}
+  .viptime {
+    color: #9acbce;
+  }
 
-	.hasVip .quanyi {
-		border-color: #b7f6ed;
-		color: #ffd598;
-	}
+  .hasVip .quanyi {
+    border-color: #b7f6ed;
+    color: #ffd598;
+  }
 
-	.xufei {
-		background-image: linear-gradient(90deg, #f6dc95 0%, #ffc45e 100%);
-		color: #3d2700 !important;
-	}
+  .xufei {
+    background-image: linear-gradient(90deg, #f6dc95 0%, #ffc45e 100%);
+    color: #3d2700 !important;
+  }
 
-	.vip_info_bottom {
-		color: #486a65;
-	}
+  .vip_info_bottom {
+    color: #486a65;
+  }
 }
 
 .hasVipWumen {
-	background-image: linear-gradient(90deg, #c4e8fe 0%, #60bcff 100%);
-	box-shadow: 0px 0px 5px 1px RGBA(235, 247, 243, 0.45);
-	
-	.viptime {
-		color: #486a65;
-	}
+  background-image: linear-gradient(90deg, #c4e8fe 0%, #60bcff 100%);
+  box-shadow: 0px 0px 5px 1px RGBA(235, 247, 243, 0.45);
 
-	.vip_name {
-		letter-spacing: 1px;
-	}
+  .viptime {
+    color: #486a65;
+  }
 
-	.current_identity {
-		background-color: #e8f9ff;
+  .vip_name {
+    letter-spacing: 1px;
+  }
 
-		color: #243a61;
-	}
+  .current_identity {
+    background-color: #e8f9ff;
 
-	.PM_font {
-		color: #127dff;
-	}
+    color: #243a61;
+  }
 
-	.viptime {
-		color: #1d3a65;
-	}
+  .PM_font {
+    color: #127dff;
+  }
 
-	.hasVip .quanyi {
-		border-color: #e3f7fe;
-		color: #ffd598;
-	}
+  .viptime {
+    color: #1d3a65;
+  }
 
-	.xufei {
-		background-image: linear-gradient(90deg, #f6dc95 0%, #ffc45e 100%);
-		color: #3d2700 !important;
-	}
+  .hasVip .quanyi {
+    border-color: #e3f7fe;
+    color: #ffd598;
+  }
 
-	.vip_info_bottom {
-		color: #3583C3;
-	}
+  .xufei {
+    background-image: linear-gradient(90deg, #f6dc95 0%, #ffc45e 100%);
+    color: #3d2700 !important;
+  }
 
-	.vbg {
-		color: #d1effc !important;
-	}
+  .vip_info_bottom {
+    color: #3583c3;
+  }
+
+  .vbg {
+    color: #d1effc !important;
+  }
 }
 
 .hasVip {
-	position: relative;
-	display: block !important;
+  position: relative;
+  display: block !important;
 
-	.zhanghu {
-		display: block;
-	}
-	.quanyi {
-		border-top: 1rpx solid #f2d494;
-		width: 100% !important;
-		width: 100% !important;
-	}
+  .zhanghu {
+    display: block;
+  }
+  .quanyi {
+    border-top: 1rpx solid #f2d494;
+    width: 100% !important;
+    width: 100% !important;
+  }
 }
 .vip_image {
-	width: 55rpx;
-	height: 55rpx;
-	margin-right: 10rpx;
+  width: 55rpx;
+  height: 55rpx;
+  margin-right: 10rpx;
 }
-.user_vip_box{
-	width: 125rpx;
-	position: absolute;
-	margin-top: - 37rpx;
-	z-index: 99;
+.user_vip_box {
+  width: 125rpx;
+  position: absolute;
+  margin-top: -37rpx;
+  z-index: 99;
 }
-.user_vip_item{
-	display: flex;
-	align-items: center;
-	justify-content: center;
+.user_vip_item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .user_vip_item {
-	border-radius: 20rpx;
-	background: linear-gradient(90deg, #ff1f00 0%, #fa9f93 100%);
-	color: #fff;
-	font-size: 20rpx;
-	line-height: 40rpx;
-	height: 40rpx;
-	font-weight: bold;
-	margin-bottom: 5rpx;
+  border-radius: 20rpx;
+  background: linear-gradient(90deg, #ff1f00 0%, #fa9f93 100%);
+  color: #fff;
+  font-size: 20rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  font-weight: bold;
+  margin-bottom: 5rpx;
 }
-.user_vip_item image{
-	width: 49rpx;
-	height: 16rpx;
+.user_vip_item image {
+  width: 49rpx;
+  height: 16rpx;
 }
-.vip_type{
-	margin-top: 10rpx;
-	display: flex;
-	align-items: center;
+.vip_type {
+  margin-top: 10rpx;
+  display: flex;
+  align-items: center;
 }
-.vip_type_item{
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 0 10rpx;
-	background: linear-gradient(90deg, #258feb 0%, #00e1ec 100%);
-	border-radius: 20rpx;
-	font-size: 20rpx;
-	line-height: 40rpx;
-	height: 40rpx;
-	font-weight: bold;
-	color: #fff;
-	margin-right: 10rpx;
+.vip_type_item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 10rpx;
+  background: linear-gradient(90deg, #258feb 0%, #00e1ec 100%);
+  border-radius: 20rpx;
+  font-size: 20rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  font-weight: bold;
+  color: #fff;
+  margin-right: 10rpx;
 }
-.vip_type_item:last-child{
-	margin-right: 0;
+.vip_type_item:last-child {
+  margin-right: 0;
 }
-.vip_type_item image{
-	width: 34rpx;
-	height: 24rpx;
+.vip_type_item image {
+  width: 34rpx;
+  height: 24rpx;
 }
-.vip_infor{
-	
+.vip_infor {
 }
-.vip_infor_item{
-	display: block;
-	color: #fff;
-	font-size: 26rpx;
-	line-height: 36rpx;
-	font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
-	font-weight: normal;
+.vip_infor_item {
+  display: block;
+  color: #fff;
+  font-size: 26rpx;
+  line-height: 36rpx;
+  font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+  font-weight: normal;
 }
-.vip_infor_item text{
-	color: #fff;
+.vip_infor_item text {
+  color: #fff;
 }
 
-.vip_btn button{
-	background: none;
-	border: 1rpx solid #5188e5;
-	border-radius: 40rpx;
-	font-size: 24rpx;
-	line-height: 42rpx;
-	color: #5188e5;
-	padding: 0 10rpx;
+.vip_btn button {
+  background: none;
+  border: 1rpx solid #5188e5;
+  border-radius: 40rpx;
+  font-size: 24rpx;
+  line-height: 42rpx;
+  color: #5188e5;
+  padding: 0 10rpx;
 }
-.vip_null{
-	color: #fff;
-	font-size: 26rpx;
-	line-height: 34rpx;
-	padding-left: 30rpx;
+.vip_null {
+  color: #fff;
+  font-size: 26rpx;
+  line-height: 34rpx;
+  padding-left: 30rpx;
 }
-.expired{
-	opacity: 0.55;
+.expired {
+  opacity: 0.55;
 }
 
-.recharge_block{
-	padding: 20rpx 30rpx 0;
-	height: auto;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
+.recharge_block {
+  padding: 20rpx 30rpx 0;
+  height: auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 .vip_box {
-	padding: 25rpx 0;
-	float: right;
-	position: relative;
-	width: 100%;
-	height: auto;
-	border-radius: 20rpx !important;
-	background: linear-gradient(90deg, #5188e5 0%, #accafb 80%);
+  padding: 25rpx 0;
+  float: right;
+  position: relative;
+  width: 100%;
+  height: auto;
+  border-radius: 20rpx !important;
+  background: linear-gradient(90deg, #5188e5 0%, #accafb 80%);
 
-	.PM_font {
-		color: #476379;
-	}
+  .PM_font {
+    color: #476379;
+  }
 
-	.zhanghu {
-		font-size: 80rpx;
-		text-align: center;
-		line-height: 100%;
-		margin-bottom: 0;
-	}
+  .zhanghu {
+    font-size: 80rpx;
+    text-align: center;
+    line-height: 100%;
+    margin-bottom: 0;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/talents/index.vue b/pages/talents/index.vue
index af4ffe26..74db7e39 100644
--- a/pages/talents/index.vue
+++ b/pages/talents/index.vue
@@ -1,408 +1,489 @@
 <template>
-	<view class="content">
-		<z-nav-bar title="太湖英才" bgColor="#5188e5" fontColor="#fff" :backState="2000"></z-nav-bar>
-		<view class="talents_module" :style="`top: ${42 + statusBarHeight}px;`">
-			<view class="talents_tab">
-				<view class="tab_item" @click="toggleFilter('city')">
-					地区
-					<text :class="['arrow', activeFilter === 'city' ? 'up' : 'down']"></text>
-				</view>
-				<view class="tab_item" @click="toggleFilter('department')">
-					科室
-					<text :class="['arrow', activeFilter === 'department' ? 'up' : 'down']"></text>
-				</view>
-			</view>
-			<!-- 弹窗 -->
-			<view class="talents_tan" v-if="activeFilter">
-				<view class="tan_item tan_city" v-if="activeFilter=='city'">
-					<scroll-view scroll-y="true" class="city_scroll scroll_left" :class="!cityStatus?'width50':''" :scroll-into-view="'country_' + selectedPath[0]">
-						<view class="city_item"
-						:class="countryIndex==index?'active':''" 
-						v-for="(item,index) in country" :key="index" :id="'country_' + item.areaId" @click="click_country(item,index)">
-							<text>{{item.title}}</text>
-						</view>
-					</scroll-view>
-					<scroll-view scroll-y="true" class="city_scroll scroll_center" :class="!cityStatus?'width50':''" :scroll-into-view="'province_' + selectedPath[1]">
-						<view class="city_item"
-						:class="provinceIndex==index?'active':''" 
-						v-for="(item,index) in province" :key="index" :id="'province_' + item.provId" @click="click_province(item,index)">
-							<text>{{item.provName}}</text>
-						</view>
-					</scroll-view>
-					<scroll-view scroll-y="true" class="city_scroll scroll_right" v-if="cityStatus" :scroll-into-view="'city_' + selectedPath[2]">
-						<view class="city_item"
-						:class="cityIndex==index?'active':''" 
-						v-for="(item,index) in city" :key="index" :id="'city_' + item.cityId" @click="click_city(item,index)">
-							<text>{{item.cityName}}</text>
-						</view>
-					</scroll-view>
-				</view>
-				
-				<view class="tan_item tan_department" v-if="activeFilter=='department'">
+  <view class="content">
+    <z-nav-bar
+      title="太湖英才"
+      bgColor="#5188e5"
+      fontColor="#fff"
+      :backState="2000"
+    ></z-nav-bar>
+    <view class="talents_module" :style="`top: ${42 + statusBarHeight}px;`">
+      <view class="talents_tab">
+        <view class="tab_item" @click="toggleFilter('city')">
+          地区
+          <text
+            :class="['arrow', activeFilter === 'city' ? 'up' : 'down']"
+          ></text>
+        </view>
+        <view class="tab_item" @click="toggleFilter('department')">
+          科室
+          <text
+            :class="['arrow', activeFilter === 'department' ? 'up' : 'down']"
+          ></text>
+        </view>
+      </view>
+      <!-- 弹窗 -->
+      <view class="talents_tan" v-if="activeFilter">
+        <view class="tan_item tan_city" v-if="activeFilter == 'city'">
+          <scroll-view
+            scroll-y="true"
+            class="city_scroll scroll_left"
+            :class="!cityStatus ? 'width50' : ''"
+            :scroll-into-view="'country_' + selectedPath[0]"
+          >
+            <view
+              class="city_item"
+              :class="countryIndex == index ? 'active' : ''"
+              v-for="(item, index) in country"
+              :key="index"
+              :id="'country_' + item.areaId"
+              @click="click_country(item, index)"
+            >
+              <text>{{ item.title }}</text>
+            </view>
+          </scroll-view>
+          <scroll-view
+            scroll-y="true"
+            class="city_scroll scroll_center"
+            :class="!cityStatus ? 'width50' : ''"
+            :scroll-into-view="'province_' + selectedPath[1]"
+          >
+            <view
+              class="city_item"
+              :class="provinceIndex == index ? 'active' : ''"
+              v-for="(item, index) in province"
+              :key="index"
+              :id="'province_' + item.provId"
+              @click="click_province(item, index)"
+            >
+              <text>{{ item.provName }}</text>
+            </view>
+          </scroll-view>
+          <scroll-view
+            scroll-y="true"
+            class="city_scroll scroll_right"
+            v-if="cityStatus"
+            :scroll-into-view="'city_' + selectedPath[2]"
+          >
+            <view
+              class="city_item"
+              :class="cityIndex == index ? 'active' : ''"
+              v-for="(item, index) in city"
+              :key="index"
+              :id="'city_' + item.cityId"
+              @click="click_city(item, index)"
+            >
+              <text>{{ item.cityName }}</text>
+            </view>
+          </scroll-view>
+        </view>
+
+        <!-- <view class="tan_item tan_department" v-if="activeFilter=='department'">
 					<view class="department_item" 
-					:class="departmentIndex==index?'department_active':''" 
-					v-for="(item,index) in chatAssistants" :key="index" @click="click_department(item.name,index)">
-						<text>{{item.name}}</text>
+					:class="deptLabelId==item.id?'department_active':''" 
+					v-for="(item,index) in chatAssistants" :key="index" @click="click_department(item,index)">
+						<text>{{item.title}}</text>
 					</view>
-				</view>
-			</view>
-			<view class="name_search" v-if="!activeFilter">
-				<uni-easyinput
-					v-model="name"
-					prefixIcon="search" 
-					placeholder="按姓名搜索" 
-					placeholderClass="name-placeholder"
-					class="center-input"
-				/>
-				<button @click="getData(true)">查询</button>
-			</view>
-		</view>
-		
-		<!-- 遮罩层 -->
-		<view v-if="activeFilter" class="overlay" @click="closeFilter"></view>
-		<scroll-view scroll-y="true"
-			:scroll-top="scrollTop"
-			style="height: calc(100vh - 300rpx); margin-top: 185rpx; padding-bottom: 140rpx;"
-			v-if="list&&list.length>0">
-			<view class="talents_list">
-				<view class="talents_item" v-for="(item,index) in list" :key="index" @click="goToDetail(item.id)">
-					<image :src="item.icon" class="item_image" mode="aspectFit"></image>
-					<view class="item_right">
-						<view class="item_top">
-							<text class="item_name">{{item.name}}</text>
-							<text class="item_title">{{item.title}}</text>
-						</view>
-						<text class="item_con">{{item.introduce}}</text>
-					</view>
-				</view>
-			</view>
-		</scroll-view>
-		<text class="null_text" v-else>{{null_text}}</text>
-		<z-navigation></z-navigation>
-	</view>
+				</view> -->
+        <view
+          class="tan_item tan_department"
+          v-if="activeFilter == 'department'"
+        >
+          <view
+            class="department_item"
+            :class="deptLabelId == item.id ? 'department_active' : ''"
+            v-for="(item, index) in chatAssistants"
+            :key="index"
+            @click="click_department(item, index)"
+          >
+            <text>{{ item.title }}</text>
+           
+          </view>
+        </view>
+      </view>
+      <view class="name_search" v-if="!activeFilter">
+        <uni-easyinput
+          v-model="name"
+          prefixIcon="search"
+          placeholder="按姓名搜索"
+          placeholderClass="name-placeholder"
+          class="center-input"
+        />
+        <button @click="getData(true)">查询</button>
+      </view>
+    </view>
+
+    <!-- 遮罩层 -->
+    <view v-if="activeFilter" class="overlay" @click="closeFilter"></view>
+    <scroll-view
+      scroll-y="true"
+      :scroll-top="scrollTop"
+      style="
+        height: calc(100vh - 300rpx);
+        margin-top: 185rpx;
+        padding-bottom: 140rpx;
+      "
+      v-if="list && list.length > 0"
+    >
+      <view class="talents_list">
+        <view
+          class="talents_item"
+          v-for="(item, index) in list"
+          :key="index"
+          @click="goToDetail(item.id)"
+        >
+          <image :src="item.icon" class="item_image" mode="aspectFit"></image>
+          <view class="item_right">
+            <view class="item_top">
+              <text class="item_name">{{ item.name }}</text>
+              <text class="item_title">{{ item.title }}</text>
+            </view>
+            <text class="item_con">{{ item.introduce }}</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+    <text class="null_text" v-else>{{ null_text }}</text>
+    <z-navigation></z-navigation>
+  </view>
 </template>
 
 <script>
 import $http from "@/config/requestConfig.js";
+import DepartmentMenu from "../component/commonComponents/DepartmentMenu.vue"; // 引入递归组件
 export default {
-	data() {
-		return {
-			name: '',
-			region: '',  //地区
-			department: '',  //科室
-			list: [],
-			null_text: '',
-			departmentIndex: null,
-			activeFilter: '',
-			chatAssistants: [],  //科室数据
-			country: [],  //国家数据
-			province: [],  //省份数据
-			city: [],  //城市数据
-			
-			countryIndex: 0,
-			provinceIndex: null,
-			cityIndex: null,
-			
-			countryTitle: '',
-			provinceTitle: '',
-			cityTitle: '',
-			//城市模块是否显示
-			cityStatus: false,
-			selectedPath: [],  //存储选中路径
-			scrollTop: 0,  //滚动位置
-			isRefreshing: false,  //刷新状态
-		}
-	},
-	onPullDownRefresh() {
-		this.isRefreshing = true;
-		console.log("下拉刷新");
-		
-		setTimeout(() => {
-			this.region = '';
-			this.getData();
-			uni.stopPullDownRefresh();
-			this.isRefreshing = false;
-			console.log("下拉刷新已停止");
-		}, 800);
-	},
-	onLoad() {
-		uni.hideTabBar();
-		this.getAllBaseArea();
-		this.getChatAssistants();
-	},
-	onShow() {
-		this.getData();
-	},
-	methods: {
-		//获取数据
-		getData(type) {
-			uni.showLoading({
-				title: '加载中'
-			})
-			this.$http.request({
-				url: 'common/taihuTalent/getTaihuTalents',
-				method: "POST",
-				data: {
-					name: this.name,
-					region: this.region,
-					department: this.department
-				},
-				header: {
-					"Content-Type": "application/json",
-				},
-			})
-			.then(res=> {
-				uni.hideLoading();
-				if (res.list&&res.list.length>0) {
-					this.list = res.list;
-					
-					if(type){
-						this.scrollTop = 0
-						this.$nextTick(() => {
-							this.scrollTop = 0.1;  // 确保触发滚动
-						})
-					}
-				}else{
-					this.list = [];
-					this.null_text = '暂无数据';
-				}
-			});
-		},
-		//获取科室数据
-		getChatAssistants() {
-			this.$http.request({
-				url: 'common/ragFlowApi/getChatAssistants',
-				method: "POST",
-				data: {},
-				header: {
-					"Content-Type": "application/json",
-				},
-			})
-			.then(res=> {
-				if (res.list&&res.list.length>0) {
-					this.chatAssistants = res.list;
-				}
-			})
-		},
-		//获取国家
-		getAllBaseArea() {
-			this.$http.request({
-				url: 'common/baseArea/getAllBaseArea',
-				method: "POST",
-				data: {},
-				header: {
-					"Content-Type": "application/json",
-				},
-			})
-			.then(res=> {
-				if (res.baseAreas&&res.baseAreas.length>0) {
-					this.country = res.baseAreas;
-					//如果第一位是中国默认请求
-					if(this.country[0].code=='86'){
-						this.countryTitle = this.country[0].title;
-						this.getProvinceList();
-					}
-				}
-			})
-		},
-		//获取中国省份
-		getProvinceList() {
-			this.$http.request({
-				url: 'common/province/getProvinceList',
-				method: "POST",
-				data: {},
-				header: {
-					"Content-Type": "application/json",
-				},
-			})
-			.then(res=> {
-				if (res.provinceList&&res.provinceList.length>0) {
-					this.province = res.provinceList;
-				}
-			})
-		},
-		//获取城市
-		getCityList(provId) {
-			this.$http.request({
-				url: 'common/province/getCityList?provId='+provId,
-				method: "POST",
-				data: {},
-				header: {
-					"Content-Type": "application/json",
-				},
-			})
-			.then(res=> {
-				if (res.prov&&res.prov.length>0) {
-					this.city = res.prov;
-					this.cityStatus = true;
-				}
-			})
-		},
-		//点击国家
-		click_country(data, index){
-			this.provinceIndex = null;
-			this.cityIndex = null;
-			this.city = [];
-			this.region = '';
-			this.cityTitle = '';
-			this.selectedPath = [data.areaId];
-			
-			//只有中国有二级，如果没有二级则为海外国家
-			if(data.code!='86'){
-				this.cityStatus = false;
-				if(this.countryTitle == data.title){
-					this.countryIndex = null;
-					this.provinceIndex = null;
-				}else{
-					this.province = [];
-					this.countryIndex = index;
-					this.countryTitle = data.title;
-					this.region = data.title;
-				}
-				this.activeFilter = '';
-				this.getData();
-			}else{
-				this.countryIndex = index;
-				this.countryTitle = data.title;
-				this.getProvinceList();
-			}
-			
-			console.log(this.countryIndex, this.countryTitle)
-		},
-		//点击省份
-		click_province(data, index){
-			this.provinceIndex = index;
-			this.cityIndex = null;
-			this.provinceTitle = data.provName;
-			this.selectedPath = [this.selectedPath[0], data.provId];
-			console.log(this.provinceTitle)
-			this.getCityList(data.provId);
-		},
-		//点击城市
-		click_city(data, index){
-			this.selectedPath = [this.selectedPath[0], this.selectedPath[1], data.cityId];
-			if(this.cityTitle == data.cityName){
-				this.cityIndex = null;
-				this.cityTitle = '';
-				this.region = '';
-			}else{
-				this.cityIndex = index;
-				this.cityTitle = data.cityName;
-				this.region = this.provinceTitle + this.cityTitle;
-			}
-			this.activeFilter = '';
-			this.getData();
-			
-			console.log(this.region)
-		},
-		//详情
-		goToDetail(id){
-			if (this.isRefreshing) return;
-			uni.navigateTo({
-				url: '/pages/talents/detail?id='+id,
-			});
-		},
-		//点击
-		toggleFilter(type) {
-			this.activeFilter = this.activeFilter === type ? '' : type;
-		},
-		//关闭
-		closeFilter() {
-			this.activeFilter = '';
-		},
-		//点击科室类别
-		click_department(name, index){
-			if(this.department==name){
-				this.departmentIndex = null;
-				this.department = ''
-			}else{
-				this.departmentIndex = index;
-				this.department = name;
-			}
-			
-			this.activeFilter = '';
-			this.getData();
-		}
-	},
-}
+  components: {
+    DepartmentMenu,
+  },
+
+  data() {
+    return {
+      name: "",
+      region: "", //地区
+      department: "", //科室
+      list: [],
+      null_text: "",
+      deptLabelId: null,
+      departmentIndex: null,
+      activeFilter: "",
+      chatAssistants: [], //科室数据
+      country: [], //国家数据
+      province: [], //省份数据
+      city: [], //城市数据
+
+      countryIndex: 0,
+      provinceIndex: null,
+      cityIndex: null,
+
+      countryTitle: "",
+      provinceTitle: "",
+      cityTitle: "",
+      //城市模块是否显示
+      cityStatus: false,
+      selectedPath: [], //存储选中路径
+      scrollTop: 0, //滚动位置
+      isRefreshing: false, //刷新状态
+    };
+  },
+  onPullDownRefresh() {
+    this.isRefreshing = true;
+    console.log("下拉刷新");
+
+    setTimeout(() => {
+      this.region = "";
+      this.getData();
+      uni.stopPullDownRefresh();
+      this.isRefreshing = false;
+      console.log("下拉刷新已停止");
+    }, 800);
+  },
+  onLoad() {
+    uni.hideTabBar();
+    this.getAllBaseArea();
+    this.getChatAssistants();
+  },
+  onShow() {
+    this.getData();
+  },
+  methods: {
+    //获取数据
+    getData(type) {
+      uni.showLoading({
+        title: "加载中",
+      });
+      this.$http
+        .request({
+          url: "common/taihuTalent/getTaihuTalents",
+          method: "POST",
+          data: {
+            name: this.name,
+            region: this.region,
+            deptLabelId: this.deptLabelId ? this.deptLabelId : "",
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          uni.hideLoading();
+          if (res.list && res.list.length > 0) {
+            this.list = res.list;
+
+            if (type) {
+              this.scrollTop = 0;
+              this.$nextTick(() => {
+                this.scrollTop = 0.1; // 确保触发滚动
+              });
+            }
+          } else {
+            this.list = [];
+            this.null_text = "暂无数据";
+          }
+        });
+    },
+    //获取科室数据
+    getChatAssistants() {
+      this.$http
+        .request({
+          url: "common/medicalRecords/getMedicalRecordsLabelList",
+          method: "POST",
+          data: {},
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.Medicals && res.Medicals.length > 0) {
+            this.chatAssistants = res.Medicals;
+          }
+        });
+    },
+    //获取国家
+    getAllBaseArea() {
+      this.$http
+        .request({
+          url: "common/baseArea/getAllBaseArea",
+          method: "POST",
+          data: {},
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.baseAreas && res.baseAreas.length > 0) {
+            this.country = res.baseAreas;
+            //如果第一位是中国默认请求
+            if (this.country[0].code == "86") {
+              this.countryTitle = this.country[0].title;
+              this.getProvinceList();
+            }
+          }
+        });
+    },
+    //获取中国省份
+    getProvinceList() {
+      this.$http
+        .request({
+          url: "common/province/getProvinceList",
+          method: "POST",
+          data: {},
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.provinceList && res.provinceList.length > 0) {
+            this.province = res.provinceList;
+          }
+        });
+    },
+    //获取城市
+    getCityList(provId) {
+      this.$http
+        .request({
+          url: "common/province/getCityList?provId=" + provId,
+          method: "POST",
+          data: {},
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.prov && res.prov.length > 0) {
+            this.city = res.prov;
+            this.cityStatus = true;
+          }
+        });
+    },
+    //点击国家
+    click_country(data, index) {
+      this.provinceIndex = null;
+      this.cityIndex = null;
+      this.city = [];
+      this.region = "";
+      this.cityTitle = "";
+      this.selectedPath = [data.areaId];
+
+      //只有中国有二级，如果没有二级则为海外国家
+      if (data.code != "86") {
+        this.cityStatus = false;
+        if (this.countryTitle == data.title) {
+          this.countryIndex = null;
+          this.provinceIndex = null;
+        } else {
+          this.province = [];
+          this.countryIndex = index;
+          this.countryTitle = data.title;
+          this.region = data.title;
+        }
+        this.activeFilter = "";
+        this.getData();
+      } else {
+        this.countryIndex = index;
+        this.countryTitle = data.title;
+        this.getProvinceList();
+      }
+
+      console.log(this.countryIndex, this.countryTitle);
+    },
+    //点击省份
+    click_province(data, index) {
+      this.provinceIndex = index;
+      this.cityIndex = null;
+      this.provinceTitle = data.provName;
+      this.selectedPath = [this.selectedPath[0], data.provId];
+      console.log(this.provinceTitle);
+      this.getCityList(data.provId);
+    },
+    //点击城市
+    click_city(data, index) {
+      this.selectedPath = [
+        this.selectedPath[0],
+        this.selectedPath[1],
+        data.cityId,
+      ];
+      if (this.cityTitle == data.cityName) {
+        this.cityIndex = null;
+        this.cityTitle = "";
+        this.region = "";
+      } else {
+        this.cityIndex = index;
+        this.cityTitle = data.cityName;
+        this.region = this.provinceTitle + this.cityTitle;
+      }
+      this.activeFilter = "";
+      this.getData();
+
+      console.log(this.region);
+    },
+    //详情
+    goToDetail(id) {
+      if (this.isRefreshing) return;
+      uni.navigateTo({
+        url: "/pages/talents/detail?id=" + id,
+      });
+    },
+    //点击
+    toggleFilter(type) {
+      this.activeFilter = this.activeFilter === type ? "" : type;
+    },
+    //关闭
+    closeFilter() {
+      this.activeFilter = "";
+    },
+    //点击科室类别
+    click_department(data, index) {
+      if (this.department == data.title) {
+        this.deptLabelId = null;
+        this.departmentIndex = null;
+        this.department = "";
+      } else {
+        this.deptLabelId = data.id;
+        this.departmentIndex = index;
+        this.department = data.title;
+      }
+
+      this.activeFilter = "";
+      this.getData();
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-@import '@/static/mixin.scss';
-.content{
-	height: 100%;
-	overflow: auto;
-	background-color: #fff;
+@import "@/static/mixin.scss";
+.content {
+  height: 100%;
+  overflow: auto;
+  background-color: #fff;
 }
-.talents_list{
-	margin: 0 30rpx 20rpx;
+.talents_list {
+  margin: 0 30rpx 20rpx;
 }
-.talents_item{
-	border: 1rpx solid $themeColor;
-	border-radius: 15rpx;
-	margin-bottom: 20rpx;
-	padding: 25rpx;
-	display: flex;
-	align-items: center;
+.talents_item {
+  border: 1rpx solid $themeColor;
+  border-radius: 15rpx;
+  margin-bottom: 20rpx;
+  padding: 25rpx;
+  display: flex;
+  align-items: center;
 }
-.item_image{
-	display: block;
-	width: 180rpx;
-	height: 200rpx;
-	background: #f3f3f3;
+.item_image {
+  display: block;
+  width: 180rpx;
+  height: 200rpx;
+  background: #f3f3f3;
 }
-.item_right{
-	width: calc(100% - 200rpx);
-	margin-left: 30rpx;
+.item_right {
+  width: calc(100% - 200rpx);
+  margin-left: 30rpx;
 }
-.item_top{
-	display: flex;
-	align-items: center;
-	line-height: 40rpx;
+.item_top {
+  display: flex;
+  align-items: center;
+  line-height: 40rpx;
 }
-.item_name{
-	font-size: 34rpx;
-	color: #333;
-	font-weight: bold;
+.item_name {
+  font-size: 34rpx;
+  color: #333;
+  font-weight: bold;
 }
-.item_title{
-	font-size: 32rpx;
-	color: #999;
-	padding-left: 20rpx;
+.item_title {
+  font-size: 32rpx;
+  color: #999;
+  padding-left: 20rpx;
 }
-.item_con{
-	font-size: 30rpx;
-	color: #666;
-	margin-top: 10rpx;
-	line-height: 40rpx;
-	display: -webkit-box;
-	-webkit-line-clamp: 3;
-	-webkit-box-orient: vertical;
-	overflow: hidden;
-	text-overflow: ellipsis;
+.item_con {
+  font-size: 30rpx;
+  color: #666;
+  margin-top: 10rpx;
+  line-height: 40rpx;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.null_text{
-	display: block;
-	text-align: center;
-	font-size: 30rpx;
-	color: #999;
-	padding-top: 300rpx;
+.null_text {
+  display: block;
+  text-align: center;
+  font-size: 30rpx;
+  color: #999;
+  padding-top: 300rpx;
 }
 
-
-.talents_module{
-	width: 100%;
-	position: fixed;
-	z-index: 99;
-	top: 0;
-	left: 0;
+.talents_module {
+  width: 100%;
+  position: fixed;
+  z-index: 99;
+  top: 0;
+  left: 0;
 }
 .talents_tab {
-	width: 100%;
-	height: 80rpx;
-	display: flex;
-	justify-content: space-around;
-	background: #f3f3f3;
+  width: 100%;
+  height: 80rpx;
+  display: flex;
+  justify-content: space-around;
+  background: #f3f3f3;
 }
 .tab_item {
   display: flex;
@@ -431,112 +512,111 @@ export default {
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 9;
 }
-.talents_tan{
-	width: 100%;
-	background: #fff;
-	font-size: 28rpx;
-	
-	.tan_department{
-		display: flex;
-		flex-wrap: wrap;
-		padding-bottom: 1rpx;
-		
-		.department_item{
-			display: flex;
-			justify-content: center;
-			width: 50%;
-			height: 85rpx;
-			line-height: 85rpx;
-			border-bottom: 1rpx solid #f3f3f3;
-			border-right: 1rpx solid #f3f3f3;
-			
-			text{
-				color: #333;
-			}
-		}
-		.department_item:nth-of-type(2n){
-			border-right: 0;
-		}
-		.department_item:nth-last-child(-n+2){
-			border-bottom: 0;
-		}
-		.department_active{
-			
-			text{
-				color: $themeColor;
-				font-weight: bold;
-			}
-		}
-	}
-	
-	.tan_city{
-		display: flex;
-		align-items: center;
-		
-		.city_scroll{
-			width: 33.3%;
-			height: 395rpx;
-		}
-		
-		.scroll_left,.scroll_center{
-			border-right: 1rpx solid #f3f3f3;
-			box-sizing: border-box;
-		}
-		.width50{
-			width: 50% !important;
-		}
-	}
+.talents_tan {
+  width: 100%;
+  background: #fff;
+  font-size: 28rpx;
+
+  .tan_department {
+    display: flex;
+    flex-wrap: wrap;
+    padding-bottom: 1rpx;
+
+    .department_item {
+      display: flex;
+      justify-content: center;
+      width: 50%;
+      min-height: 85rpx;
+      line-height: 85rpx;
+      border-bottom: 1rpx solid #f3f3f3;
+      border-right: 1rpx solid #f3f3f3;
+
+      text {
+        color: #333;
+      }
+    }
+    .department_item:nth-of-type(2n) {
+      border-right: 0;
+    }
+    .department_item:nth-last-child(-n + 2) {
+      border-bottom: 0;
+    }
+    .department_active {
+      text {
+        color: $themeColor;
+        font-weight: bold;
+      }
+    }
+  }
+
+  .tan_city {
+    display: flex;
+    align-items: center;
+
+    .city_scroll {
+      width: 33.3%;
+      height: 395rpx;
+    }
+
+    .scroll_left,
+    .scroll_center {
+      border-right: 1rpx solid #f3f3f3;
+      box-sizing: border-box;
+    }
+    .width50 {
+      width: 50% !important;
+    }
+  }
 }
-.city_item{
-	padding-left: 20rpx;
-	line-height: 78rpx;
-	border-bottom: 1rpx solid #f3f3f3;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
+.city_item {
+  padding-left: 20rpx;
+  line-height: 78rpx;
+  border-bottom: 1rpx solid #f3f3f3;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.city_item:last-child{
-	border-bottom: 0;
+.city_item:last-child {
+  border-bottom: 0;
 }
-.active{
-	text{
-		color: $themeColor;
-		font-weight: bold;
-	}
+.active {
+  text {
+    color: $themeColor;
+    font-weight: bold;
+  }
 }
 
-.name_search{
-	background-color: #fff;
-	padding: 20rpx 30rpx;
-	display: flex;
-	align-items: center;
-	
-	/deep/.is-input-border{
-		background-color: #f3f3f3;
-		border-radius: 50rpx;
-		height: 60rpx;
-		line-height: 30rpx;
-		padding: 15rpx;
-		font-size: 28rpx;
-		color: #666;
-	}
-	/deep/.uni-easyinput__content-input{
-		
-	}
-	.name-placeholder{
-		font-size: 28rpx;
-		text-align: center;
-		color: #666;
-	}
-	
-	button{
-		background-color: $themeBgColor;
-		font-size: 26rpx;
-		line-height: 36rpx;
-		border-radius: 15rpx;
-		color: #fff;
-		padding: 5rpx 20rpx;
-		margin-left: 15rpx;
-	}
+.name_search {
+  background-color: #fff;
+  padding: 20rpx 30rpx;
+  display: flex;
+  align-items: center;
+
+  /deep/.is-input-border {
+    background-color: #f3f3f3;
+    border-radius: 50rpx;
+    height: 60rpx;
+    line-height: 30rpx;
+    padding: 15rpx;
+    font-size: 28rpx;
+    color: #666;
+  }
+  /deep/.uni-easyinput__content-input {
+  }
+  .name-placeholder {
+    font-size: 28rpx;
+    text-align: center;
+    color: #666;
+  }
+
+  button {
+    background-color: $themeBgColor;
+    font-size: 26rpx;
+    line-height: 36rpx;
+    border-radius: 15rpx;
+    color: #fff;
+    padding: 5rpx 20rpx;
+    margin-left: 15rpx;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/static/icon/a.png b/static/icon/a.png
new file mode 100644
index 00000000..40d7fe27
Binary files /dev/null and b/static/icon/a.png differ
diff --git a/static/icon/a_.png b/static/icon/a_.png
new file mode 100644
index 00000000..f1a784ae
Binary files /dev/null and b/static/icon/a_.png differ
diff --git a/static/icon/aa.png b/static/icon/aa.png
new file mode 100644
index 00000000..1d40ace4
Binary files /dev/null and b/static/icon/aa.png differ
diff --git a/static/icon/b.png b/static/icon/b.png
new file mode 100644
index 00000000..a50e19c0
Binary files /dev/null and b/static/icon/b.png differ
diff --git a/static/icon/b_.png b/static/icon/b_.png
new file mode 100644
index 00000000..e2d27ac9
Binary files /dev/null and b/static/icon/b_.png differ
diff --git a/static/icon/bb.png b/static/icon/bb.png
new file mode 100644
index 00000000..57721d78
Binary files /dev/null and b/static/icon/bb.png differ
diff --git a/static/icon/c.png b/static/icon/c.png
new file mode 100644
index 00000000..2ba6ce7e
Binary files /dev/null and b/static/icon/c.png differ
diff --git a/static/icon/c_.png b/static/icon/c_.png
new file mode 100644
index 00000000..59d54faa
Binary files /dev/null and b/static/icon/c_.png differ
diff --git a/static/icon/cc.png b/static/icon/cc.png
new file mode 100644
index 00000000..f0ae1b9c
Binary files /dev/null and b/static/icon/cc.png differ
diff --git a/static/icon/jiancezhong.png b/static/icon/jiancezhong.png
new file mode 100644
index 00000000..3c37f16f
Binary files /dev/null and b/static/icon/jiancezhong.png differ
diff --git a/static/icon/jing2.png b/static/icon/jing2.png
new file mode 100644
index 00000000..1efaf06c
Binary files /dev/null and b/static/icon/jing2.png differ
diff --git a/static/icon/jingpin.png b/static/icon/jingpin.png
new file mode 100644
index 00000000..4b407429
Binary files /dev/null and b/static/icon/jingpin.png differ
diff --git a/static/icon/jingpinganli.png b/static/icon/jingpinganli.png
new file mode 100644
index 00000000..9d466a3d
Binary files /dev/null and b/static/icon/jingpinganli.png differ