From 518a5d1b47842df559f143248133fd934fd52715 Mon Sep 17 00:00:00 2001
From: zoujiandong <10130823232@qq.com>
Date: Thu, 12 Jun 2025 17:42:29 +0800
Subject: [PATCH] 6.12

---
 api/api.js                        |   90 +--
 components/backNav/backNav.vue    |    5 +-
 pages.json                        |   16 +-
 pages/detail/detail.vue           |  155 +++-
 pages/publish/publish.vue         | 1109 ++++++++++++++++++++++++-----
 pages/searchList/searchList.vue   |  273 +++++++
 pages/specialList/specialList.vue |    7 +
 7 files changed, 1360 insertions(+), 295 deletions(-)

diff --git a/api/api.js b/api/api.js
index 462b47e..6c7c2aa 100644
--- a/api/api.js
+++ b/api/api.js
@@ -136,6 +136,12 @@ const api = {
 	getDraftList(data){
 		return request('/exchange/draft/search', data, 'post',false,'application/json');
 	},
+	saveDraft(data){
+		return request('/exchange/draft', data, 'post',false,'application/json');
+	},
+	delDraft(id){
+		return request('/exchange/draft/'+id, {}, 'delete',false);
+	},
 	getVideoCommentUser(data){
 		return request('/clinical/video/user/comment/page', data, 'post',false,'application/json');
 	},
@@ -151,93 +157,17 @@ const api = {
 	 getOss(data){
 			return request('/sign/oss',data, 'get', false);
 	 },
+      getCaseLabel(data){
+		return request('/case/label',data,'get', false);
+	 },
 
     ossUpload(url,data){
         return request(url,data,'post','multipart/form-data')
     },
-	queryList(data) {
-		const listCount = 24;
-		return _queryList(data, listCount);
-	}
-	
 	
 	
 
-};
-function _queryList(data, listCount, showNews = false ,random = false, showChat = false) {
-		if (!data.pageNo || !data.pageSize) {
-			return _callQueryResult([]);
-		}
-		let pageNo = parseInt(data.pageNo);
-		let pageSize = parseInt(data.pageSize);
-		let type = data.type || 0;
-		if (pageNo < 0 || pageSize <= 0) {
-			return _callQueryResult([]);
-		}
-		if (showLog) {
-			console.log('%c\n----------请求开始--------', 'color:green;');
-			console.info(`请求参数：【pageNo:${pageNo},pageSize:${pageSize}】`)
-			console.log('%c----------请求结束--------\n', 'color:green;');
-		}
-		uni.showLoading({
-			title: '加载中...'
-		})
-		if (pageNo == 0) {
-			pageNo = 1;
-		}
-		var totalPagingList = [];
-		for (let i = 0; i < listCount; i++) {
-			if (!showChat) {
-				const item = {
-					'title': (i + 1).toString(),
-					'detail': '测试信息' + type
-				};
-				if (showNews) {
-					item.detail = getNews(random);
-				}
-				totalPagingList.push(item);
-			} else {
-				const item = {
-					'name': '哆啦A梦',
-					'icon': '/static/duola.jpg',
-					'content': getNews(true),
-					'isMe': false
-				};
-				totalPagingList.push(item);
-			}
-		}
-		let pageNoIndex = (pageNo - 1) * pageSize;
-		if (pageNoIndex + pageSize <= totalPagingList.length) {
-			return _callQueryResult(totalPagingList.splice(pageNoIndex, pageSize));
-		} else if (pageNoIndex < totalPagingList.length) {
-			return _callQueryResult(totalPagingList.splice(pageNoIndex, totalPagingList.length - pageNoIndex));
-		} else {
-			return _callQueryResult([]);
-		}
-	}
-	
-function _callQueryResult(arg) {
-		return new Promise((resolve, reject) => {
-			setTimeout(() => {
-				uni.hideLoading();
-				if (showLog) {
-					console.log('%c\n----------响应开始--------', 'color:#0113fa;');
-					// #ifdef H5
-					console.table(arg);
-					// #endif
-	
-					// #ifndef H5
-					console.log(arg);
-					// #endif
-					console.log('%c----------响应结束--------\n', 'color:#0113fa;');
-				}
-				resolve({
-					data: {
-						list: arg
-					}
-				});
-			}, loadingTime)
-		})
 	}
 	
+
 export default api
\ No newline at end of file
diff --git a/components/backNav/backNav.vue b/components/backNav/backNav.vue
index a3e8a7a..1e2e2f2 100644
--- a/components/backNav/backNav.vue
+++ b/components/backNav/backNav.vue
@@ -38,8 +38,7 @@ const goBack = () => {
     #43c9c3 0%,
     rgba(255, 255, 255, 0) 100%
   );
-}
-.bg {
+  .bg {
   z-index: 0;
   top: 0;
   bottom: 0;
@@ -90,4 +89,6 @@ const goBack = () => {
     }
   }
 }
+}
+
 </style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 3f7e7e4..51a14ac 100644
--- a/pages.json
+++ b/pages.json
@@ -12,6 +12,7 @@
 	"pages": [ 
 		//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		
+		
 		{
 			"path": "pages/index/index",
 			"style": {
@@ -26,6 +27,14 @@
 				 "navigationStyle": "custom"
 			    }
 		},
+		{
+			"path": "pages/login/login",
+			"style": {
+				"navigationBarTitleText": "登录"
+			}
+		},
+		
+		
 		{
 			"path": "pages/caseTalk/caseTalk",
 			"style": {
@@ -93,12 +102,7 @@
 				 "navigationStyle": "custom"
 			    }
 		},
-		{
-			"path": "pages/login/login",
-			"style": {
-				"navigationBarTitleText": "登录"
-			}
-		},
+		
 		
 		{
 			"path": "pages/case/case",
diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
index 322c1e1..ee6b7ff 100644
--- a/pages/detail/detail.vue
+++ b/pages/detail/detail.vue
@@ -11,7 +11,8 @@
       <backNav :navName="'肝胆相照临床病例库'"></backNav>
       <view class="box">
         <view class="title" v-if="type == 'video'">{{ info.video_title }}</view>
-        <view class="title" v-else>{{ info.article_title }}</view>
+        <view class="title" v-else-if="type=='article'">{{ info.article_title }}</view>
+        <view class="title" v-else>{{ info.exchange_title }}</view>
         <view class="content">
           <view class="info" v-for="item in info.author">
             <up--image
@@ -549,13 +550,21 @@ const getVideoDetail = (id) => {
     Object.assign(info, result);
   });
 };
+const getExchangeDetail = (id) => {
+  api.getExchangeDetail(id).then((res) => {
+    let result = res.data.data;
+    Object.assign(info, result);
+  });
+};
 onLoad((options) => {
   id.value = options.id;
   type.value = options.type;
   if (type.value == "article") {
     getArticleDetail(options.id);
-  } else {
+  } else if(type.value == "video") {
     getVideoDetail(options.id);
+  }else{
+    getExchangeDetail(options.id);
   }
 });
 const clearComment = () => {
@@ -603,7 +612,14 @@ const queryList = (pageNo, pageSize) => {
     page: pageNo,
     page_size: pageSize,
   };
-  type.value == "article" ? getArticleComment(params) : getVideoComment(params);
+  // type.value == "article" ? getArticleComment(params) : getVideoComment(params);
+  if(type.value == "article"){
+    getArticleComment(params)
+  }else if(type.value == "video"){
+    getVideoComment(params);
+  }else{
+    getExchangeComment(params);
+  }
 };
 
 const getArticleComment = (params) => {
@@ -634,8 +650,40 @@ const getArticleComment = (params) => {
     });
 };
 const getVideoComment = (params) => {
+   const form = {
+    video_id: id.value,
+    is_have_sub_comment: 1,
+  };
   api
     .getVideoComment({
+      ...form,
+      ...params,
+    })
+    .then((res) => {
+      paging.value.complete(res.data.data.data);
+      total.value = res.data.data.total;
+      setTimeout(() => {
+        if (showMore.value) {
+          openMorePop(
+            mainCommentObj,
+            dataList.value[clickIndex.value].sub_comment,
+            clickIndex.value
+          );
+        }
+      }, 1500);
+    })
+    .catch((res) => {
+      paging.value.complete(false);
+    });
+};
+const getExchangeComment = (params) => {
+   const form = {
+    exchange_id: id.value,
+    is_have_sub_comment: 1,
+  };
+  api
+    .getExchangeComment({
+      ...form,
       ...params,
     })
     .then((res) => {
@@ -1066,15 +1114,7 @@ const collectArticle = (id) => {
     getArticleDetail(id);
   });
 };
-const cancelCollectArticle = (id) => {
-  api.cancelCollectArticle(id).then((res) => {
-    uni.showToast({
-      icon: "none",
-      title: "已取消收藏",
-    });
-    getArticleDetail(id);
-  });
-};
+
 const collectVideo = (id) => {
   api.collectVideo(id).then((res) => {
     uni.showToast({
@@ -1084,6 +1124,25 @@ const collectVideo = (id) => {
     getVideoDetail(id);
   });
 };
+
+const collectExchange = (id) => {
+  api.collectExchange(id).then((res) => {
+    uni.showToast({
+      icon: "none",
+      title: "收藏成功",
+    });
+    getExchangeDetail(id);
+  });
+};
+const cancelCollectArticle = (id) => {
+  api.cancelCollectArticle(id).then((res) => {
+    uni.showToast({
+      icon: "none",
+      title: "已取消收藏",
+    });
+    getArticleDetail(id);
+  });
+};
 const cancelCollectVideo = (id) => {
   api.cancelCollectVideo(id).then((res) => {
     uni.showToast({
@@ -1093,11 +1152,22 @@ const cancelCollectVideo = (id) => {
     getVideoDetail(id);
   });
 };
+const cancelCollectExchange = (id) => {
+  api.cancelCollectExchange(id).then((res) => {
+    uni.showToast({
+      icon: "none",
+      title: "已取消收藏",
+    });
+    getExchangeDetail(id);
+  });
+};
 const toggleCollect = () => {
   if (type.value == "video") {
     info.is_collect ? cancelCollectVideo(id.value) : collectVideo(id.value);
-  } else {
+  } else if(type.value == "article") {
     info.is_collect ? cancelCollectArticle(id.value) : collectArticle(id.value);
+  }else{
+    info.is_collect ? cancelCollectExchange(id.value) : collectExchange(id.value);
   }
 };
 const addArticleComment = (id, data) => {
@@ -1112,7 +1182,18 @@ const addArticleComment = (id, data) => {
   });
 };
 const addVideoComment = (id, data) => {
-  api.addVideoContent(id, data).then((res) => {
+  api.addVideoComment(id, data).then((res) => {
+    uni.showToast({
+      icon: "none",
+      title: "评论成功",
+    });
+    clearComment();
+    showCommentDialog.value = false;
+    paging.value.refresh();
+  });
+};
+const addExchangeComment = (id, data) => {
+  api.addExchangeComment(id, data).then((res) => {
     uni.showToast({
       icon: "none",
       title: "评论成功",
@@ -1140,6 +1221,15 @@ const delVideoComment = (id) => {
     paging.value.refresh();
   });
 };
+const delExchangeComment = (id) => {
+  api.delExchangeComment(id).then((res) => {
+    uni.showToast({
+      icon: "none",
+      title: "删除成功",
+    });
+    paging.value.refresh();
+  });
+};
 const topArticleComment = (id) => {
   api.topArticleComment(id).then((res) => {
     uni.showToast({
@@ -1160,6 +1250,16 @@ const topVideoComment = (id) => {
   showDeal.value = false;
   paging.value.refresh();
 };
+const topExchangeComment = (id) => {
+  api.topExchangeComment(id).then((res) => {
+    uni.showToast({
+      icon: "none",
+      title: "置顶成功",
+    });
+  });
+  showDeal.value = false;
+  paging.value.refresh();
+};
 const cancelTopArticleComment = (id) => {
   api.cancelTopArticleComment(id).then((res) => {
     uni.showToast({
@@ -1180,6 +1280,16 @@ const cancelTopVideoComment = (id) => {
   showDeal.value = false;
   paging.value.refresh();
 };
+const cancelTopExchangeComment = (id) => {
+  api.cancelTopExchangeComment(id).then((res) => {
+    uni.showToast({
+      icon: "none",
+      title: "取消置顶成功",
+    });
+  });
+  showDeal.value = false;
+  paging.value.refresh();
+};
 const delComment = () => {
   showModal.value = true;
   showDeal.value = false;
@@ -1187,8 +1297,10 @@ const delComment = () => {
 const confirmDel = () => {
   if (type.value == "article") {
     delArticleComment(parent_id.value);
-  } else {
+  } else if(type.value == "video") {
     delVideoComment(parent_id.value);
+  }else{
+    delExchangeComment(parent_id.value);
   }
   showModal.value = false;
 };
@@ -1198,10 +1310,14 @@ const toggleTop = () => {
     is_top.value
       ? cancelTopArticleComment(parent_id.value)
       : topArticleComment(parent_id.value);
-  } else {
+  } else if(type.value == "video") {
     is_top.value
       ? cancelTopVideoComment(parent_id.value)
       : topVideoComment(parent_id.value);
+  }else{
+    is_top.value
+      ? cancelTopExchangeComment(parent_id.value)
+      : topExchangeComment(parent_id.value);
   }
 };
 const sendComment = () => {
@@ -1229,8 +1345,10 @@ const sendComment = () => {
   }
   if (type.value == "article") {
     addArticleComment(id.value, postData);
-  } else {
+  } else if(type.value == "video") {
     addVideoComment(id.value, postData);
+  }else{
+    addExchangeComment(id.value, postData);
   }
 };
 const formatHtml = (val) => {
@@ -1245,6 +1363,9 @@ const formatHtml = (val) => {
 </script>
 
 <style lang='scss' scoped>
+.videobox{
+  padding:20rpx 30rpx;
+}
 .zanboxpop {
   display: flex;
   align-items: center;
diff --git a/pages/publish/publish.vue b/pages/publish/publish.vue
index 3758ec8..17a4654 100644
--- a/pages/publish/publish.vue
+++ b/pages/publish/publish.vue
@@ -1,23 +1,39 @@
 <template>
   <div class="upage">
-    <backNav :navName="'发病例交流帖'"></backNav>
+    <view class="navbox">
+      <view class="bg"></view>
+      <view class="namebox">
+        <view class="back" @click="alertSave">
+          <u-icon name="arrow-left" color="#000" size="24"></u-icon>
+        </view>
+        <!-- <view class="logo">logo</view> -->
+        <view class="name">发病例交流帖</view>
+      </view>
+    </view>
+    <!-- <backNav :navName="'发病例交流帖'"></backNav> -->
     <view class="form">
       <view class="textbox">
         <up--textarea
           autoHeight
-          v-model="form.title"
+          v-model="form.exchange_title"
           placeholder="输入标题，可包含患者信息、主诉"
         ></up--textarea>
       </view>
       <view class="row">
         <view class="left"> 病例信息 </view>
-        <view class="right">
+        <view class="right" @click="clearMuBan">
           <u-icon name="trash" color="#6B7280" size="18"></u-icon>
           清除模板
         </view>
       </view>
       <view class="textcon page-editor-container" id="editor">
-        <sv-editor eid="editor-id" @ready="ready" @focus="focusInfo" @blur="blurInfo"></sv-editor>
+        <sv-editor
+          placeholder="患者基本情况，检查结果，诊疗图片或视频"
+          eid="editor-id"
+          @ready="ready"
+          @focus="focusInfo"
+          @blur="blurInfo"
+        ></sv-editor>
         <!-- <editor
           id="editor"
           placeholder="写点什么吧~~"
@@ -36,31 +52,37 @@
           </view>
         </view>
         <view class="textcell">
-          <view class="iptbox">
-            <up--textarea
+          <view class="iptbox" id="editorRes">
+            <sv-editor
+              placeholder="分享经验和心得，如：诊断与鉴别诊断易错点，治疗过程难点，病例的相关知识总结及讨论等"
+              eid="editorResult"
+              @ready="readyResult"
+              @focus="focusResult"
+              @blur="focusResult"
+            ></sv-editor>
+            <!-- <up--textarea
               maxlength="-1"
               autoHeight
               v-model="form.title"
               placeholder="分享经验和心得，如：诊断与鉴别诊断易错点，治疗过程难点，病例的相关知识总结及讨论等"
-            ></up--textarea>
+            ></up--textarea> -->
           </view>
         </view>
       </view>
-      <view class="textcon" style="border:none">
-        <view class="sickbox" >
-          <view class="sick">
-            治疗经过及结果
-            <view class="del">
+      <view class="textcon" style="border: none">
+        <view class="sickbox">
+          <view class="sick" v-for="(item,index) in labelList" :key="item.app_iden">
+            {{ item.label_name }}
+            <view class="del" @click="delLabel(index)">
               <up-icon name="close-circle" color="#3CC7C0" size="20"></up-icon>
             </view>
           </view>
-          <view class="add">
+          <view class="add" @click="openLabelPop">
             <up-icon name="plus" color="#3CC7C0" size="16"></up-icon>
             添加疾病
           </view>
         </view>
 
-      
         <!-- <view class="imgbox">
             <view class="imgcell">
                 <up--image src="https://cdn.uviewui.com/uview/album/1.jpg" mode="widthFix"></up--image>
@@ -71,7 +93,11 @@
     </view>
     <view class="bottom">
       <view class="toolbox">
-        <view class="cell" @click="insertImage">
+        <view
+          class="cell"
+          @click="insertImage"
+          :class="{ active: !isFocusInfo && !isFocusResult }"
+        >
           <up--image
             :src="photoImg"
             class="headImg"
@@ -80,7 +106,11 @@
           ></up--image>
           <view class="name">添加图片</view>
         </view>
-        <view class="cell" @click="insertVideo">
+        <view
+          class="cell"
+          @click="insertVideo"
+          :class="{ active: !isFocusInfo && !isFocusResult }"
+        >
           <up--image
             :src="videoImg"
             class="headImg"
@@ -89,20 +119,24 @@
           ></up--image>
           <view class="name">添加视频</view>
         </view>
-        <view class="cell" :class="{active:!isFocusInfo}" @click="alertTitle">
+        <view
+          class="cell"
+          :class="{ active: !isFocusInfo }"
+          @click="alertTitle"
+        >
           <up--image
             :src="addImg"
             class="headImg"
             width="32rpx"
             height="32rpx"
           ></up--image>
-          <view class="name"  >添加小标题</view>
+          <view class="name">添加小标题</view>
         </view>
       </view>
       <view class="bottombtn">
         <view class="left">
-          <view class="draft">存草稿</view>
-          <view class="vote">
+          <view class="draft" @click="showDraft = true">草稿箱</view>
+          <view class="vote" @click="showVote = true">
             投票
             <up--image
               :src="voteImg"
@@ -126,7 +160,7 @@
       <view class="votepop">
         <view class="titlebox">
           <view class="left" @click="closeVote">取消</view>
-          <view class="right" @click="closeVote">保存</view>
+          <view class="right" @click="saveVote">保存</view>
         </view>
         <view class="votecon">
           <view class="titlebox">
@@ -137,9 +171,33 @@
             <up-input
               placeholder="请输入投票标题"
               border="surround"
+              v-model="voteData.vote_title"
+              clearable
+            ></up-input>
+          </view>
+          <view
+            class="row"
+            v-for="(item, index) in voteData.case_exchange_vote_option"
+            :key="index"
+          >
+            <up-input
+              placeholder="输入选项，建议少于16个字"
+              border="surround"
+              v-model="item.option_value"
+              clearable
+            ></up-input>
+            <view class="iconbox" @click="delOption(index)">
+              <u-icon name="minus-circle" color="red" size="28"></u-icon>
+            </view>
+          </view>
+          <!-- <view class="row">
+            <up-input
+              placeholder="输入选项，建议少于16个字"
+              border="surround"
               v-model="value"
               clearable
             ></up-input>
+            
           </view>
           <view class="row">
             <up-input
@@ -148,48 +206,32 @@
               v-model="value"
               clearable
             ></up-input>
-          </view>
-          <view class="row">
-            <up-input
-              placeholder="输入选项，建议少于16个字"
-              border="surround"
-              v-model="value"
-              clearable
-            ></up-input>
-          </view>
-          <view class="row">
-            <up-input
-              placeholder="输入选项，建议少于16个字"
-              border="surround"
-              v-model="value"
-              clearable
-            ></up-input>
-          </view>
+          </view> -->
 
-          <view class="add">
+          <view class="add" @click="addOption">
             <up-icon name="plus" color="#4B5563" size="18"></up-icon>
             <view class="desc">添加选项</view>
           </view>
           <view class="expire">
             <view class="name">有效期（天）</view>
             <view class="right">
-              <view class="minus">-</view>
-              <view class="day">7</view>
-              <view class="plus">+</view>
+              <view class="minus" @click="changeDay('minus')">-</view>
+              <view class="day">{{ voteData.valid_day }}</view>
+              <view class="plus" @click="changeDay('plus')">+</view>
             </view>
           </view>
           <view class="tips"
             >友情提醒：为保证投票结果准确性，帖子发布后投票无法修改</view
           >
         </view>
-        <view class="confirm">确认</view>
-        <view class="del">删除投票</view>
+        <view class="confirm" @click="saveVote">确认</view>
+        <view class="del" @click="clearVote">删除投票</view>
       </view>
     </up-popup>
 
     <up-popup
       :round="10"
-      zIndex="999999"
+      zIndex="9"
       :show="showDraft"
       mode="bottom"
       @close="closeDraft"
@@ -203,20 +245,61 @@
           ></view>
         </view>
         <view class="draftlist">
-          <view class="cell">
-            <view class="title"
-              >2025:
-              肝硬化门静脉高压症食管、胃底静脉曲张破裂出血诊治专家共识</view
+          <view
+            class="cell"
+            v-for="(item, index) in draftList"
+            :key="item.draft_id"
+          >
+            <view class="title">{{
+              item.exchange_title ? item.exchange_title : "无标题"
+            }}</view>
+
+            <view class="row" v-if="item.exchange_content">
+              <view class="smalltitle">病例信息</view>
+              <view
+                class="con ellipsis-two-lines"
+                v-html="item.exchange_content"
+              ></view>
+            </view>
+            <view class="row" v-else-if="item.exchange_summary">
+              <view class="smalltitle" v-if="item.exchange_summary"
+                >总结与讨论</view
+              >
+              <view
+                class="con ellipsis-two-lines"
+                v-if="item.exchange_summary"
+                v-html="item.exchange_summary"
+              ></view>
+            </view>
+
+            <view
+              class="sickbox"
+              v-else-if="item.exchange_label && item.exchange_label.length > 0"
             >
-            <view class="smalltitle">版2025 APASL临床实践指南</view>
+              <view class="smalltitle" v-if="item.exchange_summary"
+                >疾病标签</view
+              >
+              <view
+                class="sick"
+                v-for="cell in item.exchange_label"
+                :key="cell.label_name"
+                >{{ cell.label_name }}</view
+              >
+            </view>
+            <view class="row" v-else-if="item.exchange_vote">
+              <view class="smalltitle">投票</view>
+              <view class="con ellipsis-two-lines">{{
+                item.exchange_vote.vote_title
+              }}</view>
+            </view>
             <view class="deal">
-              <view class="time">编辑于03-11</view>
+              <view class="time">编辑于{{ fromatDay(item.updated_at) }}</view>
               <view class="right">
-                <view class="del"
+                <view class="del" @click="willDelDraft(item.draft_id)"
                   ><up-icon name="trash" color="#4B5563" size="16"></up-icon
                   >删除</view
                 >
-                <view class="edit"
+                <view class="edit" @click="editDraft(index)"
                   ><up-icon name="edit-pen" color="#fff" size="17"></up-icon
                   >编辑</view
                 >
@@ -229,7 +312,7 @@
   </div>
   <up-popup
     :round="10"
-    zIndex="999999"
+    zIndex="9"
     :show="showTitle"
     mode="bottom"
     @close="closeTitle"
@@ -244,19 +327,122 @@
       </view>
       <view class="con">
         <view class="top">
-          <up-icon name="plus-circle" color="#3CC7C0" size="20" @click="insertAllWord"></up-icon>
+          <up-icon
+            name="plus-circle"
+            color="#3CC7C0"
+            size="20"
+            @click="insertAllWord"
+          ></up-icon>
           <view class="desc" @click="insertAllWord">一键添加全部</view>
-        
         </view>
         <view class="cellbox">
-           <view class="cell" @click="insertWord('患者信息')">患者信息</view>
-           <view class="cell" @click="insertWord('主诉')">主诉</view>
-            <view class="cell" @click="insertWord('现病史及既往史')">现病史及既往史</view>
+          <view class="cell" @click="insertWord('患者信息')">患者信息</view>
+          <view class="cell" @click="insertWord('主诉')">主诉</view>
+          <view class="cell" @click="insertWord('现病史及既往史')"
+            >现病史及既往史</view
+          >
         </view>
-         <view class="cellbox">
-           <view class="cell" @click="insertWord('检查')">检查</view>
-           <view class="cell" @click="insertWord('临床诊断')">临床诊断</view>
-            <view class="cell" @click="insertWord('治疗经过及结果')">治疗经过及结果</view>
+        <view class="cellbox">
+          <view class="cell" @click="insertWord('检查')">检查</view>
+          <view class="cell" @click="insertWord('临床诊断')">临床诊断</view>
+          <view class="cell" @click="insertWord('治疗经过及结果')"
+            >治疗经过及结果</view
+          >
+        </view>
+      </view>
+    </view>
+  </up-popup>
+  <up-overlay :show="showModal" mask-click-able>
+    <view class="zanboxpop">
+      <view class="zanwraper">
+        <view class="title">提示</view>
+        <view class="content" v-if="delType == 'delDraft'">
+          是否删除该草稿？
+        </view>
+        <view class="content" v-else-if="delType == 'saveDraft'">
+          是否保存该草稿？
+        </view>
+        <view class="btnbox">
+          <view class="cancle" @click="cancelDel">取消</view>
+          <view class="ok" @click="confirmDel">确定</view>
+        </view>
+      </view>
+    </view>
+  </up-overlay>
+  <up-popup
+    :round="10"
+    zIndex="9"
+    :show="showCase"
+    mode="bottom"
+    @close="closeCase"
+  >
+    <view class="votepop casepop">
+      <view class="titlebox">
+        <view class="left" @click="showCase = false">取消</view>
+        <view class="left continue" @click="continueCase" v-show="level != 3"
+          >继续选择</view
+        >
+        <view class="right" @click="confirmCase">确定</view>
+      </view>
+      <view class="casecon">
+        <view v-show="level == 1" >
+          <up-radio-group
+            v-model="caseValue1"
+            
+            iconPlacement="right"
+            placement="column"
+          >
+            <view
+              class="column"
+              v-for="item in labelObj.list1"
+              :key="item.app_iden"
+            >
+              <up-radio
+                activeColor="#3CC7C0 "
+                :label="item.label_name"
+                :name="item.app_iden"
+              ></up-radio>
+            </view>
+          </up-radio-group>
+        </view>
+        <view v-show="level == 2" >
+          <up-radio-group
+            v-model="caseValue2"
+            iconPlacement="right"
+            placement="column"
+          >
+            <view
+              class="column"
+              v-for="item in labelObj.list2"
+              :key="item.app_iden"
+            >
+              <up-radio
+                activeColor="#3CC7C0 "
+                :label="item.label_name"
+                :name="item.app_iden"
+              ></up-radio>
+            </view>
+          </up-radio-group>
+        </view>
+        <view v-show="level == 3" >
+          <up-radio-group
+            v-model="caseValue3"
+           
+            iconPlacement="right"
+            placement="column"
+          >
+            <view
+              class="column"
+              v-for="item in labelObj.list2"
+              :key="item.app_iden"
+            >
+              <up-radio
+                activeColor="#3CC7C0 "
+                :label="item.label_name"
+                :name="item.app_iden"
+              ></up-radio>
+            </view>
+          </up-radio-group>
         </view>
       </view>
     </view>
@@ -271,25 +457,44 @@ import videoImg from "@/static/videoicon.png";
 import voteImg from "@/static/vote.png";
 import api from "@/api/api";
 import dayjs from "dayjs";
+import { onLoad } from "@dcloudio/uni-app";
 import svEditor from "@/uni_modules/sv-editor/components/sv-editor/sv-editor.vue";
-import SvEditorToolbar from "@/uni_modules/sv-editor/components/sv-editor/sv-editor-toolbar.vue";
+//import SvEditorToolbar from "@/uni_modules/sv-editor/components/sv-editor/sv-editor-toolbar.vue";
 import {
   addImage,
   addVideo,
   addText,
 } from "@/uni_modules/sv-editor/components/common/utils.js";
+const isLock = ref(false);
+const isFlag = ref(false);
+const delId = ref("");
+const showModal = ref(false);
+const delType = ref("delDraft"); //delDraft saveDraft
+const showCase = ref(false);
+const caseValue1 = ref("");
+const caseValue2 = ref("");
+const caseValue3 = ref("");
+const level = ref(1);
+const labelObj = reactive({
+  list1: [],
+  list2: [],
+  list3: [],
+});
 const form = reactive({
   exchange_title: "",
   exchange_content: "",
   exchange_summary: "",
-  case_exchange_vote: {
-    vote_title: "",
-    valid_day: null,
-    case_exchange_vote_option: [],
-  },
+  case_exchange_vote: {},
   case_exchange_label: [],
-  case_exchange_img: [],
-  case_exchange_video: [],
+});
+const voteData = reactive({
+  vote_title: "",
+  valid_day: 7,
+  case_exchange_vote_option: [
+    {
+      option_value: "",
+    },
+  ],
 });
 const value = ref("");
 
@@ -300,34 +505,149 @@ const draftList = ref([]);
 const imgList = ref([]);
 const videoList = ref([]);
 const editorCtx = ref(null);
+const editorCtxResult = ref(null);
 const isFocusInfo = ref(true);
+const isFocusResult = ref(false);
+const labelList = ref([]);
+const goBack = () => {
+  uni.navigateBack({
+    delta: 1,
+  });
+};
+const closeCase = () => {
+  showCase.value = false;
+};
+const addOption = () => {
+  voteData.case_exchange_vote_option.push({
+    option_value: "",
+  });
+};
+const delOption = (index) => {
+  voteData.case_exchange_vote_option.splice(index, 1);
+};
+const changeDay = (type) => {
+  if (type === "minus") {
+    if (voteData.valid_day <= 1) return;
+    voteData.valid_day--;
+  } else if (type === "plus") {
+    voteData.valid_day++;
+  }
+};
+const clearVote = () => {
+  voteData.vote_title = "";
+  voteData.case_exchange_vote_option = [
+    {
+      option_value: "",
+    },
+  ];
+  voteData.valid_day = 7;
+  form.case_exchange_vote.vote_title = "";
+  form.case_exchange_vote.case_exchange_vote_option = [
+    {
+      option_value: "",
+    },
+  ];
+  form.case_exchange_vote.valid_day = 7;
+};
+const saveVote = () => {
+  console.log(voteData);
+  if (voteData.vote_title == "") {
+    uni.showToast({
+      title: "请输入投票标题",
+      icon: "none",
+    });
+    return false;
+  }
+  if (voteData.vote_title.length > 20) {
+    uni.showToast({
+      title: "投票标题不能超过20个字符",
+      icon: "none",
+    });
+    return false;
+  }
+  if (voteData.case_exchange_vote_option.length == 0) {
+    uni.showToast({
+      title: "请添加投票选项",
+      icon: "none",
+    });
+    return false;
+  }
+
+  for (let i = 0; i < voteData.case_exchange_vote_option.length; i++) {
+    if (voteData.case_exchange_vote_option[i].option_value == "") {
+      uni.showToast({
+        title: "投票选项不能为空",
+        icon: "none",
+      });
+      return false;
+    }
+    if (voteData.case_exchange_vote_option[i].option_value.length > 16) {
+      uni.showToast({
+        title: "第" + (i + 1) + "个投票选项超过16个字符",
+        icon: "none",
+      });
+      return false;
+    }
+  }
+  if (voteData.case_exchange_vote_option.length < 2) {
+    uni.showToast({
+      title: "至少添加两个选项",
+      icon: "none",
+    });
+    return false;
+  }
+  Object.assign(form.case_exchange_vote, voteData);
+  showVote.value = false;
+};
+const fromatDay = (value) => {
+  var date = new Date();
+  var year = date.getFullYear();
+  let Y = dayjs().format("YYYY");
+  if (year == Y) {
+    return dayjs(value).format("MM-DD");
+  } else {
+    return dayjs(value).format("YYYY-MM-DD");
+  }
+};
+
 const ready = (e) => {
-  console.log("==== ready ==== :", e);
-  console.log(e);
-  console.log(e.createCoverThumbnail);
   editorCtx.value = e;
+
   let html =
-    "<p>【患者信息】：</p><br/><br/><p>【主诉】：</p><br/><br/><p>【现病史及既往史】：</p><br/><br/><p>【检查】：</p><br/><br/><p>【临床诊断】：</p><br/><br/><p>【治疗经过及结果】：</p><br/><br/>";
+    "<br/><p>【患者信息】：</p><br/><p>【主诉】：</p><br/><p>【现病史及既往史】：</p><br/><p>【检查】：</p><br/><p>【临床诊断】：</p><br/><p>【治疗经过及结果】：</p><br/>";
   editorCtx.value.initHtml(html);
 };
-const focusInfo=()=>{
-  isFocusInfo.value = true
-}
-const blurInfo=()=>{
-   isFocusInfo.value = false
-}
+const readyResult = (e) => {
+  editorCtxResult.value = e;
+};
+const clearMuBan = () => {
+  console.log("清空模板");
+
+  editorCtx.value.initHtml("");
+};
+const focusInfo = () => {
+  isFocusInfo.value = true;
+};
+const blurInfo = () => {
+  isFocusInfo.value = false;
+};
+const focusResult = () => {
+  isFocusResult.value = true;
+};
+const blurResult = () => {
+  isFocusResult.value = false;
+};
 const closeVote = () => {
   showVote.value = false;
 };
+
 const openVote = () => {
   showVote.value = true;
 };
 const closeDraft = () => {
   showDraft.value = false;
 };
-const delTitle = () => {
-  showMinTitle.value = false;
-};
+
 const openDraft = () => {
   showDraft.value = true;
 };
@@ -337,11 +657,11 @@ const closeTitle = () => {
 const openTitle = () => {
   showTitle.value = true;
 };
-const alertTitle=()=>{
-    if(isFocusInfo.value){
-      showTitle.value=true
-    }
-}
+const alertTitle = () => {
+  if (isFocusInfo.value) {
+    showTitle.value = true;
+  }
+};
 const pFun = (files) => {
   uni.showLoading({
     title: "正在上传图片...",
@@ -361,13 +681,138 @@ const pFun = (files) => {
     // })
   });
 };
-const addExchange = () => {
+
+const saveDraft = async () => {
+  if (isLock.value) return false;
+  isLock.value = true;
+  const res = await editorCtx.value.getLastContent();
+   form.exchange_content = res.html;
+  
+  const resResult = await editorCtx.value.getLastContent();
+  form.exchange_summary = resResult.html;
+   if(labelList.value.length>0){
+    form.case_exchange_label = labelList.value;
+   }
+  api.saveDraft(form).then((res) => {
+    isLock.value = false;
+    uni.showToast({
+      title: "保存成功",
+      icon: "none",
+    });
+    getDraftList();
+  });
+};
+const editDraft = (index) => {
+  let draft = draftList.value[index];
+  let {
+    exchange_content,
+    exchange_title,
+    exchange_label,
+    exchange_summary,
+    exchange_vote,
+  } = draft;
+  editorCtx.value.initHtml(exchange_content);
+  form.exchange_content = exchange_content;
+  form.exchange_title = exchange_title;
+  form.case_exchange_label = exchange_label;
+  labelList.value = exchange_label;
+  form.exchange_summary = exchange_summary;
+  form.case_exchange_vote = exchange_vote;
+  editorCtxResult.value.initHtml(exchange_content);
+  Object.assign(voteData, draft);
+  showDraft.value = false;
+};
+const willDelDraft = (id) => {
+  delId.value = id;
+  delType.value = "delDraft";
+  showModal.value = true;
+};
+const confirmDel = () => {
+  showModal.value = false;
+  if (delType.value == "delDraft") {
+    delDraft(delId.value);
+  } else if (delType.value == "saveDraft") {
+    saveDraft();
+  }
+};
+const cancelDel = () => {
+  showModal.value = false;
+  if (delType.value == "saveDraft") {
+    goBack();
+  }
+};
+const delDraft = (id) => {
+  api.delDraft(id).then((res) => {
+    uni.showToast({
+      title: "删除成功",
+      icon: "none",
+    });
+  });
+  getDraftList();
+};
+const alertSave = async () => {
+  const res = await editorCtx.value.getLastContent();
+  //let html = editorCtx.value.exportHtml(res.html);
+  //const initInfo=  "<br/><p>【患者信息】：</p><br/><p>【主诉】：</p><br/><p>【现病史及既往史】：</p><br/><p>【检查】：</p><br/><p>【临床诊断】：</p><br/><p>【治疗经过及结果】：</p><br/>";
+  const resContent = await editorCtxResult.value.getLastContent();
+  //let reshtml = editorCtxResult.value.exportHtml(resContent.html);
+  if (
+    form.exchange_title ||
+    res.html ||
+    resContent.html ||
+    (form.case_exchange_vote &&
+      form.case_exchange_vote.vote_title &&
+      form.case_exchange_label &&
+      form.case_exchange_label.length > 0)
+  ) {
+    delType.value = "saveDraft";
+    showModal.value = true;
+  } else {
+    goBack();
+  }
+};
+const publish = async () => {
+  const initInfo =
+    "<br/><p>【患者信息】：</p><br/><p>【主诉】：</p><br/><p>【现病史及既往史】：</p><br/><p>【检查】：</p><br/><p>【临床诊断】：</p><br/><p>【治疗经过及结果】：</p><br/>";
+  if (form.exchange_title == "") {
+    uni.showToast({
+      title: "请输入标题",
+      icon: "none",
+    });
+    return false;
+  }
+  const res = await editorCtx.value.getLastContent();
+  let html = editorCtx.value.exportHtml(res.html);
+  if (html == initInfo) {
+    uni.showToast({
+      title: "请编辑病例信息",
+      icon: "none",
+    });
+    return false;
+  }
+  if (!(form.case_exchange_vote && form.case_exchange_vote.vote_title)) {
+    delete form.case_exchange_vote;
+  }
+  if (
+    !form.case_exchange_label ||
+    (form.case_exchange_label && form.case_exchange_label.length == 0)
+  ) {
+    delete form.case_exchange_label;
+  }
+  form.case_exchange_label = labelList.value;
+  if (isLock.value) return false;
+  isFlag.value = true;
+  form.exchange_content = html;
+  const resContent = await editorCtxResult.value.getLastContent();
+  let reshtml = editorCtxResult.value.exportHtml(resContent.html);
+  form.exchange_summary = reshtml;
   api.addExchange(form).then((res) => {
     uni.showToast({
       title: "发布成功",
       icon: "none",
       duration: 2000,
     });
+    isFlag.value = false;
   });
 };
 const handleUpload = (file) => {
@@ -410,57 +855,23 @@ const handleUpload = (file) => {
       }
     });
 };
-const insertWord=(word)=>{
-    addText(word);
-    showTitle.value=false;
-}
-const insertAllWord=()=>{
-  let word=['患者信息','主诉','现病史及既往史：','检查','临床诊断','治疗经过及结果']
-   word.forEach(item=>{
+const insertWord = (word) => {
+  addText(word);
+  showTitle.value = false;
+};
+const insertAllWord = () => {
+  let word = [
+    "患者信息",
+    "主诉",
+    "现病史及既往史：",
+    "检查",
+    "临床诊断",
+    "治疗经过及结果",
+  ];
+  word.forEach((item) => {
     addText(item);
-   })
-    showTitle.value=false;
-}
-const uploadVideo = (file) => {
-  return new Promise((res) => {
-    api
-      .getOss({
-        scene: 1,
-      })
-      .then((rep) => {
-        let result = rep.data;
-        if (result.code == 200) {
-          let { access_id, dir, policy, signature, host } = result.data;
-
-          let time = dayjs().format("YYYYMMDDHHmmss");
-          let random = generateRandomNumber();
-          let filename = time + random;
-          let imgType = "." + getImageFormat(file);
-          return new Promise((resolve, reject) => {
-            uni.uploadFile({
-              url: host, // 仅为示例，非真实的接口地址
-              filePath: file,
-              name: "file",
-              formData: {
-                OSSAccessKeyId: access_id,
-                policy,
-                key: dir + time + random + imgType,
-                signature,
-              },
-              async success(res) {
-                if (res.statusCode === 204) {
-                  let url = host + "/" + dir + filename + imgType;
-                  res(url);
-                }
-              },
-              fail: (err) => {
-                console.log(err);
-              },
-            });
-          });
-        }
-      });
   });
+  showTitle.value = false;
 };
 const generateRandomNumber = () => {
   let randomNumber = Math.floor(1000 + Math.random() * 9000);
@@ -475,34 +886,33 @@ const getImageFormat = (imageUrl) => {
   return "unknown";
 };
 const insertImage = (file) => {
-  uni.chooseImage({
-    count: 9, //默认9
-    sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有
-    sourceType: ["album"], //从相册选择
-    extension: [".jpg", ".png", ".jpeg"],
-    success: function (res) {
-      pFun(res.tempFilePaths);
-    },
-  });
+  if (!(!isFocusInfo.value && !isFocusResult.value)) {
+    uni.chooseImage({
+      count: 9, //默认9
+      sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有
+      sourceType: ["album"], //从相册选择
+      extension: [".jpg", ".png", ".jpeg"],
+      success: function (res) {
+        pFun(res.tempFilePaths);
+      },
+    });
+  }
 };
 const insertVideo = (file) => {
-  uni.chooseVideo({
-    count: 5, //默认9//可以指定是原图还是压缩图，默认二者都有
-    sourceType: ["album"], //从相册选择
-    extension: [".mp4", ".webm", ".ogg"],
-    success: function (res) {
-      console.log(res.tempFilePath);
-      HandleAddVideo(res.tempFilePath);
-      //pFun([res.tempFilePath], "video");
-    },
-  });
-};
-const publish = () => {
-  editorCtx.value.getLastContent().then((res) => {
-    let html = editorCtx.value.exportHtml(res.html);
-    console.log(html);
-  });
+  if (!(!isFocusInfo.value && !isFocusResult.value)) {
+    uni.chooseVideo({
+      count: 5, //默认9//可以指定是原图还是压缩图，默认二者都有
+      sourceType: ["album"], //从相册选择
+      extension: [".mp4", ".webm", ".ogg"],
+      success: function (res) {
+        console.log(res.tempFilePath);
+        HandleAddVideo(res.tempFilePath);
+        //pFun([res.tempFilePath], "video");
+      },
+    });
+  }
 };
+
 const HandleAddVideo = async (file) => {
   uni.showLoading({
     title: "正在上传视频...",
@@ -567,54 +977,358 @@ const HandleAddVideo = async (file) => {
     uni.showToast({ title: "添加视频失败", icon: "error" });
   }
 };
-const getList = () => {
+const getDraftList = () => {
   api.getDraftList().then((res) => {
-    draftList.value = res.data.data;
+    draftList.value = res.data.data.data;
   });
 };
-const previewImg = () => {
-  uni.previewImage({
-    current: "https://example.com/image1.jpg",
-    urls: ["https://example.com/image1.jpg", "https://example.com/image2.jpg"],
+const getCaseLabel = (lev,pid=0) => {
+  api.getCaseLabel({
+    pid:pid
+  }).then((res) => {
+    if (lev == 1) {
+      labelObj.list1 = res.data.data;
+    } else if (lev == 2) {
+      labelObj.list2 = res.data.data;
+    } else if (lev == 3) {
+      labelObj.list3 = res.data.data;
+    }
+    level.value = lev;
   });
 };
+const confirmCase = () => {
+  if (level.value == 1 && caseValue1.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+  if (level.value == 2 && caseValue2.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+  if (level.value == 3 && caseValue3.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+  showCase.value = false;
+  if(level.value == 1){
+    let label = labelObj.list1.find((item) => item.app_iden == caseValue1.value);
+    console.log(label);
+      labelList.value.push({
+            app_iden:label.app_iden,
+            label_name:label.label_name,
+      });
+  }
+  if(level.value == 2 ){
+    let label = labelObj.list2.find((item) => item.app_iden == caseValue2.value);
+      labelList.value.push({
+            app_iden:label.app_iden,
+            label_name:label.label_name,
+      });
+  }
+  if(level.value == 3 ){
+    let label = labelObj.list3.find((item) => item.app_iden == caseValue3.value);
+      labelList.value.push({
+            app_iden:label.app_iden,
+            label_name:label.label_name,
+      });
+  }
+  //去重
+  labelList.value=labelList.value.filter((item, index) => labelList.value.findIndex(i => i.app_iden === item.app_iden) === index);
+   caseValue1.value = "";
+   caseValue2.value = "";
+   caseValue3.value = "";
+
+};
+const continueCase = () => {
+  if (level.value == 1 && caseValue1.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+ 
+  if (level.value == 2 && caseValue2.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+  if (level.value == 3 && caseValue3.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+  if(level.value == 1 ){
+    getCaseLabel(2,caseValue1.value);
+  }else if(level.value == 2 ){
+    getCaseLabel(3,caseValue2.value);
+  }
+
+};
+const delLabel = (index) => {
+  labelList.value.splice(index, 1);
+};
+const openLabelPop=()=>{
+    showCase.value=true;
+    getCaseLabel(1,0);
+}
+onLoad(() => {
+  getDraftList();
+ 
+});
+
+// const previewImg = () => {
+//   uni.previewImage({
+//     current: "https://example.com/image1.jpg",
+//     urls: ["https://example.com/image1.jpg", "https://example.com/image2.jpg"],
+//   });
+// };
 </script>
 
 <style lang='scss' scoped>
-.titlepop{
-  
-  .top{
+.casepop{
+  display: flex;
+  flex-direction: column;
+  max-height: calc(100vh - 400rpx);
+  .continue{
+    color: #2878ff !important;
+  }
+}
+.casecon {
+  flex:1;
+  overflow-y: scroll;
+   padding-top: 10rpx;
+   min-height: 350rpx;
+ 
+  .column {
+    padding: 0 30rpx;
+    border-bottom: 2rpx solid #e5e7eb;
+  }
+}
+.navbox {
+  padding-bottom: 20rpx;
+  background-color: #f9fafb;
+  position: relative;
+  height: 200rpx;
+  background: radial-gradient(
+    60% 90% at 4% 2%,
+    #43c9c3 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  .bg {
+    z-index: 0;
+    top: 0;
+    bottom: 0;
+    width: 100%;
+    position: absolute;
+    background: radial-gradient(
+      43% 90% at 84% 6%,
+      #ffd6c9 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+  }
+  .namebox {
+    padding-top: 102rpx;
+    justify-content: center;
+    margin: 0rpx 30rpx 0rpx;
+    position: relative;
+    display: flex;
+    .back {
+      position: absolute;
+      left: 0;
+    }
+    .name {
+      margin-left: 16rpx;
+      font-size: 30rpx;
+      color: #111827;
+    }
+  }
+  .search {
+    margin: 40rpx 30rpx 0rpx;
+    display: flex;
+
+    align-items: center;
+    justify-content: space-between;
+    .searchwrap {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      padding-left: 28rpx;
+      margin-right: 23rpx;
+      height: 80rpx;
+      background: #fbfbfb;
+      box-shadow: 0px 4rpx 10rpx 0px rgba(153, 153, 153, 0.5);
+      border-radius: 40rpx;
+
+      .ipt {
+        margin-left: 15rpx;
+        font-size: 28rpx;
+      }
+    }
+  }
+}
+
+.zanboxpop {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  .zanwraper {
+    width: 630rpx;
+    margin: 0 auto;
+    padding-bottom: 50rpx;
+    background: #f5f6f9;
+    border-radius: 16rpx;
+    .title {
+      margin-top: 48rpx;
+      text-align: center;
+      font-weight: 500;
+      font-size: 36rpx;
+      color: rgba(0, 0, 0, 0.85);
+    }
+    .content {
+      padding: 30rpx 0;
+      background: #f5f6f9;
+      text-align: center;
+    }
+    .count {
+      margin-top: 24rpx;
+      display: flex;
+      align-items: center;
+      text-align: center;
+      justify-content: center;
+      font-weight: 400;
+      font-size: 28rpx;
+      color: rgba(0, 0, 0, 0.65);
+      .num {
+        color: #ff0000;
+        font-size: 32rpx;
+      }
+      .earn {
+        font-size: 32rpx;
+        color: #3cc7c0;
+      }
+    }
+    .countbox {
+      display: flex;
+      width: 100%;
+      margin: 30rpx 0px 40rpx;
+      padding: 0 40rpx;
+      justify-content: center;
+      box-sizing: border-box;
+      .minus {
+        flex-shrink: 0;
+        margin-left: 10rp;
+        width: 90rpx;
+        height: 90rpx;
+        font-size: 60rpx;
+        color: #333;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background: #ffffff;
+        border-radius: 12rpx;
+        border: 2rpx solid #e9e9e9;
+      }
+      .add {
+        flex-shrink: 0;
+        width: 90rpx;
+        margin-left: 10rpx;
+        height: 90rpx;
+        font-size: 60rpx;
+        color: #333;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: #fff;
+        background: #3cc7c0;
+        border-radius: 12rpx;
+        border: 2rpx solid #3cc7c0;
+      }
+      :deep(.u-input__content__field-wrapper__field) {
+        height: 60rpx;
+
+        font-size: 34rpx !important;
+        text-align: center !important;
+      }
+      :deep(.u-input) {
+        background: #f2f2f2;
+        width: 200rpx !important;
+        flex: none;
+      }
+      :deep(.u-input--radius) {
+        border-radius: 24rrpx;
+      }
+    }
+    .btnbox {
+      margin: 0px 40rpx 0px;
+      display: flex;
+      justify-content: space-between;
+      .cancle {
+        color: rgba(0, 0, 0, 0.3);
+        width: 256rpx;
+        height: 88rpx;
+        background: #f5f6f9;
+        border-radius: 25px;
+        border: 2rpx solid rgba(0, 0, 0, 0.15);
+        font-weight: 500;
+        font-size: 32rpx;
+        color: rgba(0, 0, 0, 0.85);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+      .ok {
+        color: #fff;
+        width: 256rpx;
+        height: 88rpx;
+        background: #3cc7c0;
+        border-radius: 25px;
+        border: 2rpx solid #3cc7c0;
+        font-weight: 500;
+        font-size: 32rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+  }
+}
+.titlepop {
+  .top {
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    margin:0 30rpx;
+    margin: 0 30rpx;
     margin-bottom: 30rpx;
-     font-size: 30rpx;
-      color: #3CC7C0;
+    font-size: 30rpx;
+    color: #3cc7c0;
   }
-  .con{
-     padding-bottom:50rpx;
+  .con {
+    padding-bottom: 50rpx;
   }
-  .cellbox{
+  .cellbox {
     margin: 20rpx 30rpx;
     display: flex;
-   justify-content:space-between;
-   .cell{
-      width:200rpx;
-      height:60rpx;
-      border-radius:25rpx;
+    justify-content: space-between;
+    .cell {
+      width: 200rpx;
+      height: 60rpx;
+      border-radius: 25rpx;
       display: flex;
       justify-content: center;
       align-items: center;
       background: #e5e7eb;
       font-size: 24rpx;
-   }
+    }
   }
 }
 #editor {
   padding: 0 30rpx;
   height: calc(100vh - 600rpx);
 }
+#editorRes {
+  min-height: 300rpx;
+  :deep(.sv-editor-wrapper) {
+    flex: 1;
+    min-height: 300rpx;
+  }
+}
 .myVideo {
   width: 100%;
   border-radius: 15rpx;
@@ -665,7 +1379,15 @@ const previewImg = () => {
         line-height: 46rpx;
       }
       .smalltitle {
-        margin: 4px 30rpx 0;
+        margin: 4px 0rpx 0;
+        font-size: 30rpx;
+        color: #666666;
+        line-height: 38rpx;
+      }
+      .con {
+        font-size: 30rpx;
+        color: #666666;
+        line-height: 38rpx;
         font-size: 30rpx;
         color: #666666;
         line-height: 38rpx;
@@ -829,6 +1551,14 @@ const previewImg = () => {
   .votecon {
     max-height: calc(100vh - 530rpx);
     overflow-y: scroll;
+    .row {
+      display: flex;
+      align-items: center;
+      .iconbox {
+        margin-left: 15rpx;
+        align-items: center;
+      }
+    }
     .titlebox {
       border: none;
       margin: 30rpx 0 20rpx;
@@ -865,11 +1595,10 @@ const previewImg = () => {
       margin-left: 4rpx;
       color: #4b5563;
     }
-    
   }
-   .cell.active{
-      opacity: 0.65;
-     }
+  .cell.active {
+    opacity: 0.65;
+  }
 }
 .bottom {
   position: fixed;
diff --git a/pages/searchList/searchList.vue b/pages/searchList/searchList.vue
index f1b7e7d..cf0011b 100644
--- a/pages/searchList/searchList.vue
+++ b/pages/searchList/searchList.vue
@@ -70,6 +70,84 @@
        </view>
     </z-paging>
   </view>
+   <up-popup
+    :round="10"
+    zIndex="9"
+    :show="showCase"
+    mode="bottom"
+    @close="closeCase"
+  >
+    <view class="votepop casepop">
+      <view class="titlebox">
+        <view class="left" @click="showCase = false">取消</view>
+        <view class="left continue" @click="continueCase" v-show="level != 3"
+          >继续选择</view
+        >
+        <view class="right" @click="confirmCase">确定</view>
+      </view>
+      <view class="casecon">
+        <view v-show="level == 1" >
+          <up-radio-group
+            v-model="caseValue1"
+            
+            iconPlacement="right"
+            placement="column"
+          >
+            <view
+              class="column"
+              v-for="item in labelObj.list1"
+              :key="item.app_iden"
+            >
+              <up-radio
+                activeColor="#3CC7C0 "
+                :label="item.label_name"
+                :name="item.app_iden"
+              ></up-radio>
+            </view>
+          </up-radio-group>
+        </view>
+        <view v-show="level == 2" >
+          <up-radio-group
+            v-model="caseValue2"
+            iconPlacement="right"
+            placement="column"
+          >
+            <view
+              class="column"
+              v-for="item in labelObj.list2"
+              :key="item.app_iden"
+            >
+              <up-radio
+                activeColor="#3CC7C0 "
+                :label="item.label_name"
+                :name="item.app_iden"
+              ></up-radio>
+            </view>
+          </up-radio-group>
+        </view>
+        <view v-show="level == 3" >
+          <up-radio-group
+            v-model="caseValue3"
+           
+            iconPlacement="right"
+            placement="column"
+          >
+            <view
+              class="column"
+              v-for="item in labelObj.list2"
+              :key="item.app_iden"
+            >
+              <up-radio
+                activeColor="#3CC7C0 "
+                :label="item.label_name"
+                :name="item.app_iden"
+              ></up-radio>
+            </view>
+          </up-radio-group>
+        </view>
+      </view>
+    </view>
+  </up-popup>
 </template>
 
 <script setup>
@@ -90,6 +168,97 @@ const keyWord = ref("");
 const isArticle=ref(true)
 const type=ref('doctor')
 const navName=ref('医生临床病例库');
+const showCase = ref(false);
+const caseValue1 = ref("");
+const caseValue2 = ref("");
+const caseValue3 = ref("");
+const level = ref(1);
+const labelObj = reactive({
+  list1: [],
+  list2: [],
+  list3: [],
+});
+const getCaseLabel = (lev,pid=0) => {
+  api.getCaseLabel({
+    pid:pid
+  }).then((res) => {
+    if (lev == 1) {
+      labelObj.list1 = res.data.data;
+    } else if (lev == 2) {
+      labelObj.list2 = res.data.data;
+    } else if (lev == 3) {
+      labelObj.list3 = res.data.data;
+    }
+    level.value = lev;
+  });
+};
+const confirmCase = () => {
+  if (level.value == 1 && caseValue1.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+  if (level.value == 2 && caseValue2.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+  if (level.value == 3 && caseValue3.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+  showCase.value = false;
+  if(level.value == 1){
+    let label = labelObj.list1.find((item) => item.app_iden == caseValue1.value);
+    console.log(label);
+      labelList.value.push({
+            app_iden:label.app_iden,
+            label_name:label.label_name,
+      });
+  }
+  if(level.value == 2 ){
+    let label = labelObj.list2.find((item) => item.app_iden == caseValue2.value);
+      labelList.value.push({
+            app_iden:label.app_iden,
+            label_name:label.label_name,
+      });
+  }
+  if(level.value == 3 ){
+    let label = labelObj.list3.find((item) => item.app_iden == caseValue3.value);
+      labelList.value.push({
+            app_iden:label.app_iden,
+            label_name:label.label_name,
+      });
+  }
+  //去重
+  labelList.value=labelList.value.filter((item, index) => labelList.value.findIndex(i => i.app_iden === item.app_iden) === index);
+   caseValue1.value = "";
+   caseValue2.value = "";
+   caseValue3.value = "";
+
+};
+const continueCase = () => {
+  if (level.value == 1 && caseValue1.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+ 
+  if (level.value == 2 && caseValue2.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+  if (level.value == 3 && caseValue3.value == "") {
+    uni.showToast({ title: "请选择疾病", icon: "none" });
+    return false;
+  }
+  if(level.value == 1 ){
+    getCaseLabel(2,caseValue1.value);
+  }else if(level.value == 2 ){
+    getCaseLabel(3,caseValue2.value);
+  }
+
+};
+const  closeCase = () => {
+  showCase.value = false;
+};
 const options= ref([
   {
     label: "正序",
@@ -268,6 +437,110 @@ const changeWord=(value)=>{
 </script>
 
 <style lang="scss" scoped>
+.votepop {
+  .confirm {
+    margin: 39rpx 30rpx 0;
+    height: 92rpx;
+    background: #3cc7c0;
+    border-radius: 15rpx;
+    display: flex;
+    align-items: center;
+    font-size: 31rpx;
+    color: #ffffff;
+    justify-content: center;
+  }
+  .del {
+    margin: 30rpx 30rpx 30rpx;
+    height: 92rpx;
+    background: #fff;
+    border-radius: 15rpx;
+    font-size: 31rpx;
+    color: #666666;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .tips {
+    margin-top: 30rpx;
+    font-size: 27rpx;
+    color: #9ca3af;
+    line-height: 38rpx;
+    padding: 0 30rpx;
+  }
+  .add {
+    margin: 0 30rpx;
+    display: flex;
+    align-items: center;
+    height: 92rpx;
+    justify-content: center;
+    background: #f5f5f5;
+    border-radius: 15rpx;
+    font-size: 31rpx;
+    color: #4b5563;
+    .desc {
+      margin-left: 10rpx;
+    }
+  }
+  .titlebox {
+    padding: 0 30rpx;
+    height: 86rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 2rpx solid #f3f4f6;
+    .left {
+      font-size: 31rpx;
+      color: #4b5563;
+    }
+    .right {
+      font-size: 31rpx;
+      color: #3cc7c0;
+    }
+  }
+  .votecon {
+    max-height: calc(100vh - 530rpx);
+    overflow-y: scroll;
+    .row {
+      display: flex;
+      align-items: center;
+      .iconbox {
+        margin-left: 15rpx;
+        align-items: center;
+      }
+    }
+    .titlebox {
+      border: none;
+      margin: 30rpx 0 20rpx;
+      .title {
+        font-size: 31rpx;
+        color: #111827;
+      }
+      .desc {
+        font-size: 27rpx;
+        color: #9ca3af;
+      }
+    }
+  }
+}
+.casepop{
+  display: flex;
+  flex-direction: column;
+  max-height: calc(100vh - 400rpx);
+  .continue{
+    color: #2878ff !important;
+  }
+}
+.casecon {
+  flex:1;
+  overflow-y: scroll;
+   padding-top: 10rpx;
+   min-height: 350rpx;
+ 
+  .column {
+    padding: 0 30rpx;
+    border-bottom: 2rpx solid #e5e7eb;
+  }
+}
 .databox {
   height: 162rpx;
   background: #ffffff;
diff --git a/pages/specialList/specialList.vue b/pages/specialList/specialList.vue
index f414175..a741db1 100644
--- a/pages/specialList/specialList.vue
+++ b/pages/specialList/specialList.vue
@@ -31,6 +31,8 @@
               class="cell"
               v-for="(item) in dataList"
               :key="item.exchange_id"
+              @click="goDetail(item.exchange_id)"
+
             >
               <view class="title ellipsis-two-lines">{{
                 item.exchange_title
@@ -170,6 +172,11 @@ const changeWord = (val) => {
   keyWord.value = val;
   paging.value.reload();
 };
+const goDetail = (id) => {
+  uni.navigateTo({
+    url: `/pages/detail/detail?id=${id}&type=exchange`,
+  });
+};
 const queryList = (pageNo, pageSize) => {
   console.log(666666);
   const params = {