From 6684bf1e293d390acc72eb31617a0e77b6db69e2 Mon Sep 17 00:00:00 2001
From: zoujiandong <10130823232@qq.com>
Date: Thu, 29 May 2025 17:01:07 +0800
Subject: [PATCH] 5.29

---
 components/dNav/dNav.vue                 |  15 +-
 components/navBar/navBar.vue             |  28 +-
 components/navBarSearch/navBarSearch.vue | 155 ++++++
 components/tabBar/tabBar.vue             |  10 +-
 manifest.json                            |  12 +-
 pages.json                               |  50 +-
 pages/caseTalk/caseTalk.vue              | 324 +++++++++++
 pages/certList/certList.vue              | 356 ++++++++++++
 pages/detail/detail.vue                  |  58 +-
 pages/index/index.vue                    |   3 +-
 pages/my/my.vue                          | 128 ++++-
 pages/myCollect/myCollect.vue            | 363 +++++++++++++
 pages/myJoin/myJoin.vue                  | 376 +++++++++++++
 pages/publish/publish.vue                | 654 +++++++++++++++++++++++
 pages/search/search.vue                  |   6 +-
 pages/searchList/searchList.vue          |   4 +-
 pages/specialList/specialList.vue        | 331 ++++++++++++
 static/add.png                           | Bin 0 -> 1212 bytes
 static/cert.png                          | Bin 0 -> 670 bytes
 static/logo.png                          | Bin 4023 -> 6225 bytes
 static/photo.png                         | Bin 0 -> 1067 bytes
 static/videoicon.png                     | Bin 0 -> 1339 bytes
 static/vote.png                          | Bin 0 -> 603 bytes
 23 files changed, 2834 insertions(+), 39 deletions(-)
 create mode 100644 components/navBarSearch/navBarSearch.vue
 create mode 100644 pages/caseTalk/caseTalk.vue
 create mode 100644 pages/certList/certList.vue
 create mode 100644 pages/myCollect/myCollect.vue
 create mode 100644 pages/myJoin/myJoin.vue
 create mode 100644 pages/publish/publish.vue
 create mode 100644 pages/specialList/specialList.vue
 create mode 100644 static/add.png
 create mode 100644 static/cert.png
 create mode 100644 static/photo.png
 create mode 100644 static/videoicon.png
 create mode 100644 static/vote.png

diff --git a/components/dNav/dNav.vue b/components/dNav/dNav.vue
index 900b7b6..d5a7e72 100644
--- a/components/dNav/dNav.vue
+++ b/components/dNav/dNav.vue
@@ -1,9 +1,17 @@
 <template>
   <view class="navbox">
     <view class="bg"></view>
-    <view class="namebox">
-      <view class="logo">logo</view>
-      <view class="name">肝胆相照临床病例库</view>
+     <view class="namebox">
+      <view class="logo">
+       <up--image
+          :src="logoImg"
+          width="62rpx"
+          height="62rpx"
+          radius="50%"
+
+        ></up--image>
+      </view>
+      <view class="name">{{ navName }}</view>
     </view>
    
   </view>
@@ -41,6 +49,7 @@
   padding-top: 102rpx;
   margin: 0rpx 30rpx 0rpx;
   display: flex;
+  align-items: center;
   .name {
     margin-left: 16rpx;
     font-size: 30rpx;
diff --git a/components/navBar/navBar.vue b/components/navBar/navBar.vue
index 5ab1962..1a3e86d 100644
--- a/components/navBar/navBar.vue
+++ b/components/navBar/navBar.vue
@@ -2,25 +2,25 @@
   <view class="navbox">
     <view class="bg"></view>
     <view class="namebox">
-      <view class="logo">logo</view>
+      <view class="logo">
+       <up--image
+          :src="logoImg"
+          width="62rpx"
+          height="62rpx"
+          radius="50%"
+
+        ></up--image>
+      </view>
       <view class="name">{{ navName }}</view>
-    
     </view>
     <view class="search">
       <view class="searchwrap">
-       
-        <!-- <up--image
-          :src="ssImg"
-          class="ssImg"
-          mode="widthFix"
-          width="30rpx"
-          height="30rpx"
-        ></up--image> -->
          <input type="text" class="ipt" v-model="keyWord" :placeholder="placeholder"/>
          <up-icon name="search" size="26" color="#999" @click="search"></up-icon>
       </view>
       <up--image
         :src="headImg"
+		@click="goMy"
         mode="widthFix"
         width="62rpx"
         height="62rpx"
@@ -33,7 +33,7 @@
 <script setup>
 import { ref, watch} from "vue";
 import headImg from "@/static/headImg.png";
-import ssImg from "@/static/ss.png";
+import logoImg from "@/static/logo.png";
 const keyWord = ref('');
 const  props=defineProps({
    searchWord:{
@@ -62,6 +62,11 @@ watch(()=>props.type,(newVal)=>{
 watch(()=>props.searchWord,(newVal)=>{
   keyWord.value=newVal
 })
+const goMy=()=>{
+	uni.navigateTo({
+		url:'/pages/my/my'
+	})
+}
 const search=()=>{
   // if (!keyWord.value) {
   //     return uni.showToast({
@@ -104,6 +109,7 @@ const search=()=>{
   padding-top: 102rpx;
   margin: 0rpx 30rpx 0rpx;
   display: flex;
+  align-items: center;
   .name {
     margin-left: 16rpx;
     font-size: 30rpx;
diff --git a/components/navBarSearch/navBarSearch.vue b/components/navBarSearch/navBarSearch.vue
new file mode 100644
index 0000000..d7fb874
--- /dev/null
+++ b/components/navBarSearch/navBarSearch.vue
@@ -0,0 +1,155 @@
+<template>
+  <view class="navbox">
+    <view class="bg"></view>
+    <view class="namebox">
+      <view class="back" @click="goBack">
+          <u-icon name="arrow-left" color="#000" size="24"></u-icon>
+      </view>
+      <view class="logo">
+       <up--image
+          :src="logoImg"
+          width="62rpx"
+          height="62rpx"
+          radius="50%"
+
+        ></up--image>
+      </view>
+      <view class="name">{{ navName }}</view>
+    </view>
+    <view class="search">
+      <view class="searchwrap">
+         <input type="text" class="ipt" v-model="keyWord" :placeholder="placeholder"/>
+         <up-icon name="search" size="26" color="#999" @click="search"></up-icon>
+      </view>
+      <up--image
+        :src="headImg"
+		@click="goMy"
+        mode="widthFix"
+        width="62rpx"
+        height="62rpx"
+        radius="50%"
+      ></up--image>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, watch} from "vue";
+import headImg from "@/static/headImg.png";
+import logoImg from "@/static/logo.png";
+const keyWord = ref('');
+const  props=defineProps({
+   searchWord:{
+    type:String,
+    default:''
+  },
+  type:{
+    type:String,
+    default:'',
+  },
+  navName:{
+    type:String,
+    default:'肝胆相照临床病例库',
+  }
+
+})
+const placeholder = ref("输入疾病名称、标题、作者搜索");
+watch(()=>props.type,(newVal)=>{
+  if(newVal==='doctor'){
+    placeholder.value='输入医生姓名'
+  }else if(newVal==='hospital'){
+    placeholder.value='输入医院名称'
+  }
+ 
+},{immediate: true })
+watch(()=>props.searchWord,(newVal)=>{
+  keyWord.value=newVal
+})
+const goMy=()=>{
+	uni.navigateTo({
+		url:'/pages/my/my'
+	})
+}
+const goBack = () => {
+  uni.navigateBack({
+    delta: 1,
+  });
+};
+const search=()=>{
+  // if (!keyWord.value) {
+  //     return uni.showToast({
+  //       title: "请输入关键字",
+  //       icon:'none'
+  //     });
+  // }
+
+  uni.navigateTo({
+    url: `/pages/search/search?keyWord=${keyWord.value}`,
+  });
+}
+</script>
+
+<style lang="scss" scoped>
+.navbox {
+  padding-bottom: 20rpx;
+  background-color: #f9fafb;
+  position: relative;
+ 
+  background: radial-gradient(
+    60% 90% at 4% 2%,
+    #43c9c3 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+}
+.bg {
+  z-index: -1;
+  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;
+  margin: 0rpx 30rpx 0rpx;
+  display: flex;
+  align-items: center;
+  .logo{
+    margin-left: 35rpx;
+  }
+  .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;
+    padding-right:35rpx;
+    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 {
+    flex:1;
+      margin-left: 15rpx;
+      font-size: 28rpx;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/components/tabBar/tabBar.vue b/components/tabBar/tabBar.vue
index f872400..f4700c4 100644
--- a/components/tabBar/tabBar.vue
+++ b/components/tabBar/tabBar.vue
@@ -65,10 +65,18 @@ const props=defineProps({
   }
 });
 const handleClick = (e) => {
-   if(e==1){
+	if(e==0){
+		uni.navigateTo({
+		  url: "/pages/index/index",
+		});
+	}else if(e==1){
       uni.navigateTo({
       url: "/pages/case/case",
     });
+   }else if(e==2){
+       uni.navigateTo({
+      url: "/pages/caseTalk/caseTalk",
+    });
    }
 };
 </script>
diff --git a/manifest.json b/manifest.json
index fe56ea7..5929cd6 100644
--- a/manifest.json
+++ b/manifest.json
@@ -61,12 +61,12 @@
             "minified" : true,
             "postcss" : true
         },
-        // "plugins": {
-        //     "polyv-player": {
-        //         "version": "1.9.0",
-        //         "provider": "wx4a350a258a6f7876"
-        //     }
-        // },
+        "plugins": {
+            "polyv-player": {
+                "version": "1.9.0",
+                "provider": "wx4a350a258a6f7876"
+            }
+        },
 
         "usingComponents" : true
     },
diff --git a/pages.json b/pages.json
index 320e668..3f7e7e4 100644
--- a/pages.json
+++ b/pages.json
@@ -11,14 +11,58 @@
 	},
 	"pages": [ 
 		//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
+		{
+			"path": "pages/publish/publish",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
+		{
+			"path": "pages/caseTalk/caseTalk",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
+		{
+			"path": "pages/specialList/specialList",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
+		{
+			"path": "pages/certList/certList",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
 		{
 			"path": "pages/my/my",
 			"style": {
 				"navigationBarTitleText": "uni-app",
 				 "navigationStyle": "custom"
 			    }
-		},{
-			"path": "pages/index/index",
+		},
+		{
+			"path": "pages/myJoin/myJoin",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
+		{
+			"path": "pages/myCollect/myCollect",
 			"style": {
 				"navigationBarTitleText": "uni-app",
 				 "navigationStyle": "custom"
@@ -30,7 +74,7 @@
 				"navigationBarTitleText": "详情",
 				 "navigationStyle": "custom",
 				 "usingComponents": {
-				      //"polyv-player": "plugin://polyv-player/player"
+				      "polyv-player": "plugin://polyv-player/player"
 				   }
 
 			    }
diff --git a/pages/caseTalk/caseTalk.vue b/pages/caseTalk/caseTalk.vue
new file mode 100644
index 0000000..c4c57c9
--- /dev/null
+++ b/pages/caseTalk/caseTalk.vue
@@ -0,0 +1,324 @@
+<template>
+	<view class="upage">
+		<navBar></navBar>
+		<view class="databox">
+			<view class="cell">
+				<view class="num">11</view>
+				<view class="name">文章</view>
+			</view>
+			<view class="cell">
+				<view class="num">22</view>
+				<view class="name">视频</view>
+			</view>
+			<view class="cell">
+				<view class="num">333</view>
+				<view class="name">阅读量</view>
+			</view>
+		</view>
+		<view class="bar"></view>
+	 <view class="box">
+		<view class="special">
+			<view class="titlebox">
+				<view class="title">精选病例</view>
+				<view class="more" @click="goList">
+					<view class="morename">查看更多</view>
+					<u-icon name="arrow-right" size="16" color="#3CC7C0"></u-icon>
+				</view>
+			</view>
+			<view class="list">
+				<view class="cell">
+					<view class="circle"></view>
+					<view class="title">肝胆相照临床病例库肝胆相照临床病例库</view>
+				</view>
+			</view>
+		</view>
+		<view class="bar"></view>
+		<view class="record">
+			<view class="titlebox">
+				<view class="title">精选病例</view>
+				<view class="more" @click="goList">
+					<view class="morename">查看更多</view>
+					<u-icon name="arrow-right" size="16" color="#3CC7C0"></u-icon>
+				</view>
+			</view>
+			<view class="list">
+				<view class="cell">
+					<view class="title">肝胆相照临床病例库肝胆相照临床病例库肝胆</view>
+					<view class="doctor">
+						<up--image :src="headImg" width="46rpx" height="46rpx" radius="50%"></up--image>
+						<view class="name">陈XX（首都医科大学附属北京**医院）</view>
+					</view>
+					<view class="content">
+						嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎XXXXX
+					</view>
+					<view class="imgbox">
+						<view class="imgcell">
+							<up--image src="https://cdn.uviewui.com/uview/album/1.jpg" radius="10" width="220rpx"
+								height="220rpx">
+								<view slot="error" style="font-size: 24rpx;">加载失败</view>
+							</up--image>
+						</view>
+						<view class="imgcell">
+							<up--image src="https://cdn.uviewui.com/uview/album/1.jpg" radius="10" width="220rpx"
+								height="220rpx">
+								<view slot="error" style="font-size: 24rpx;">加载失败</view>
+							</up--image>
+						</view>
+						<view class="imgcell">
+							<up--image src="https://cdn.uviewui.com/uview/album/1.jpg" radius="10" width="220rpx"
+								height="220rpx">
+								<view slot="error" style="font-size: 24rpx;">加载失败</view>
+							</up--image>
+						</view>
+					</view>
+					<view class="imgbox">
+						<video class="myVideo" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
+							@error="videoErrorCallback" controls></video>
+					</view>
+					<view class="tagbox">
+						<view class="tag">标签</view>
+					</view>
+					<view class="deal">
+						<view class="left">
+							<view class="eyebox item">
+								<up-icon name="eye" color="#4B5563" size="28rpx"></up-icon>
+								<view class="num">11</view>
+							</view>
+							<view class="collect item">
+								<up-icon name="heart" color="#4B5563" size="28rpx"></up-icon>
+								<view class="num">22</view>
+							</view>
+							<view class="chat item">
+								<up-icon name="chat" color="#4B5563" size="28rpx"></up-icon>
+								<view class="num">22</view>
+							</view>
+						</view>
+						<view class="time">
+							<up-icon name="clock" color="#4B5563" size="28rpx"></up-icon>
+							<view class="num">{{formatdate('2022-10-23') }}</view>
+						</view>
+				</view>
+				</view>
+			</view>
+		</view>
+		</view> 
+	</view>
+
+	<tabBar :value="2"></tabBar>
+</template>
+
+<script setup>
+	import navBar from "@/components/navBar/navBar.vue";
+	import tabBar from "@/components/tabBar/tabBar.vue";
+	import headImg from "@/static/headImg.png";
+	import dayjs from "dayjs";
+	const formatdate = (date) => {
+		return dayjs(date).format('YYYY-MM-DD')
+	};
+    const goList = () => {
+        uni.navigateTo({
+            url: '/pages/specialList/specialList'
+        })
+    };
+	const videoErrorCallback = (e) => {
+		uni.showModal({
+			content: e.target.errMsg,
+			showCancel: false
+		})
+	};
+</script>
+
+<style lang='scss' scoped>
+	.upage {
+		display: flex;
+		flex-direction: column;
+		height: calc(100vh - 100rpx);
+	}
+
+	.box {
+		flex: 1;
+		padding-bottom: 30rpx;
+		overflow-y: scroll;
+	}
+
+	.myVideo {
+		width: 100%;
+		border-radius: 15rpx;
+	}
+
+	.deal {
+		margin-top: 20rpx;
+		display: flex;
+		color: #4B5563;
+		font-size: 24rpx;
+		justify-content: space-between;
+
+		.left {
+			display: flex;
+			align-items: center;
+
+			.item {
+				width: 100rpx;
+			}
+		}
+
+		.collect {
+			display: flex;
+			align-items: center;
+		}
+
+		.eyebox,
+		.chat {
+			display: flex;
+			align-items: center;
+		}
+
+		.time {
+			display: flex;
+			align-items: center;
+		}
+
+		.num {
+			margin-left: 8rpx;
+		}
+	}
+
+	.tagbox {
+		margin-top: 24rpx;
+		display: flex;
+
+		.tag {
+			height: 54rpx;
+			padding: 0 28rpx;
+			background: #ECFAF9;
+			border-radius: 30rpx;
+			font-size: 27rpx;
+			color: #3CC7C0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
+
+	.doctor {
+		display: flex;
+		align-items: center;
+	}
+
+	.record {
+		padding-top: 30rpx;
+
+		.list {
+			margin: 30rpx 30rpx;
+
+			.name {
+				margin: 20rpx 0 20rpx 15rpx;
+				font-size: 27rpx;
+				color: #333333;
+			}
+
+			.content {
+				font-size: 27rpx;
+				color: #666666;
+				line-height: 38rpx;
+			}
+
+			.imgbox {
+				display: flex;
+				margin-top: 24rpx;
+
+				.imgcell {
+					width: 220rpx;
+					height: 220rpx;
+					margin-right: 20rpx;
+				}
+
+				.imgcell:last-child {
+					margin-right: 0;
+				}
+			}
+
+		}
+	}
+
+	.special {
+		padding-top: 30rpx;
+
+		.list {
+			margin: 8rpx 30rpx 0;
+
+			.cell {
+				padding: 22rpx 0;
+				display: flex;
+				border-bottom: 2rpx solid #f3f4f6;
+
+				.circle {
+					margin-top: 15rpx;
+					width: 15rpx;
+					height: 15rpx;
+					background: #3cc7c0;
+					border-radius: 50%;
+				}
+
+				.title {
+					margin-left: 10rpx;
+					font-size: 32rpx;
+					color: #000000;
+					line-height: 46rpx;
+				}
+			}
+
+			.cell:last-child {
+				border-bottom: none;
+			}
+		}
+	}
+
+	.titlebox {
+		margin: 0 30rpx;
+		display: flex;
+		justify-content: space-between;
+
+		.more {
+			display: flex;
+			align-items: center;
+
+			.morename {
+				margin-right: 10rpx;
+				font-size: 28rpx;
+				color: #3cc7c0;
+			}
+		}
+	}
+
+	.bar {
+		height: 16rpx;
+		background: #f3f4f6;
+	}
+
+	.databox {
+		height: 162rpx;
+		background: #ffffff;
+		display: flex;
+		padding: 0 30rpx;
+		justify-content: space-between;
+
+		.cell {
+			flex: 1;
+			padding: 35rpx 0;
+
+			text-align: center;
+
+			.num {
+				font-size: 38rpx;
+				color: #3cc7c0;
+			}
+
+			.name {
+				margin-top: 18rpx;
+				font-size: 28rpx;
+				color: #4b5563;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/certList/certList.vue b/pages/certList/certList.vue
new file mode 100644
index 0000000..1c6083f
--- /dev/null
+++ b/pages/certList/certList.vue
@@ -0,0 +1,356 @@
+<template>
+  <view class="u-page">
+    <z-paging
+      ref="paging"
+      inside-more
+      loading-more-no-more-text="咱也是有底线的！"
+      :auto-show-back-to-top="true"
+      v-model="dataList"
+      @query="queryList"
+    >
+     <template #top>
+        <navBarSearch :searchWord="keyWord" :navName="navName"></navBarSearch>
+        <view class="tabcon">
+           <up-tabs   :activeStyle="{
+        color: '#3CC7C0'
+    }"
+    :inactiveStyle="{
+        color: '#4B5563',
+    }"  lineColor="#3CC7C0" lineWidth="155rpx" lineHeight="2" :list="tabList" @click="switchTab"></up-tabs>
+        </view>
+      </template> 
+      <view class="item" v-for="(item, index) in dataList" :key="index" @click="isArticle?goDetail(item.article_id):goDetail(item.video_id)">
+        <view class="title ellipsis">{{isArticle?item.article_title:item.video_title }}</view>
+        <view class="tagsbox">
+              <view class="tag" v-for="tag in item.author" :key="tag.author_id">{{ tag.doctor_name }}</view>
+        </view>
+        <view class="deal">
+          <view class="left">
+              <view class="recored">
+                <up--image
+              :src="certImg"
+              width="39rpx"
+              height="39rpx"
+            ></up--image>
+              收录证书
+              </view>
+          </view>
+          <view class="time">
+            <up-icon name="clock" color="#6B7280" size="28rpx"></up-icon>
+            <view class="num">{{formatdate(item.push_date) }}</view>
+          </view>
+        </view>
+		</view>
+    </z-paging>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive } from "vue";
+import navBarSearch from "@/components/navBarSearch/navBarSearch.vue";
+import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
+import api from "@/api/api";
+import { onLoad } from "@dcloudio/uni-app";
+import dayjs from "dayjs";
+import switchImg from "@/static/switch.png";
+import certImg  from "@/static/cert.png";
+const paging = ref(null);
+const uDropdownRef=ref(null);
+const dataList = ref([]);
+const total = ref(0);
+const value = ref("");
+const keyWord = ref("");
+const page=ref(1);
+const isArticle=ref(true);
+const hospital_id=ref('');
+const hospital_name=ref('');
+const doctor_id=ref('');
+const doctor_name=ref('');
+const numInfo=reactive({});
+const navName=ref('肝胆相照临床病例库')
+const options= ref([
+  {
+    label: "正序",
+    value: 'asc',
+  },
+  {
+    label: "倒序",
+    value: 'desc',
+  },
+]);
+const tabList=ref([{
+
+                    name: '文章病例库',
+                }, {
+                    name: '视频病例库',
+                }])
+const order=reactive({
+	  read_num:'',
+	  push_date:''
+})
+const switchTab=(index)=>{
+   console.log('item', index);
+}
+onLoad((options) => {
+  if(options.keyWord){
+    keyWord.value = options.keyWord;
+  };
+  if(options.order=='new'){
+	  order.push_date='asc'
+  };
+  if(options.order=='read'){
+  	  order.read_num='desc'
+  };
+  if(options.order=='video'){
+    isArticle.value=false;
+   }
+  if(options.doctor_id){
+    doctor_id.value=options.doctor_id;
+    doctor_name.value=options.doctor_name
+    navName.value= doctor_name.value+'临床病例库'
+    getStaticDoctor(doctor_id.value)
+  }
+  if(options.hospital_id){
+    hospital_id.value=options.hospital_id;
+    hospital_name.value=options.hospital_name;
+    navName.value= hospital_name.value+'临床病例库'
+    getStaticDoctor(hospital_id.value)
+
+  }
+});
+const change=(e)=>{
+  paging.value.reload();
+}
+const formatdate=(date)=>{
+  return dayjs(date).format('YYYY-MM-DD')
+}
+const goDetail=(id)=>{
+   console.log(11111)
+  console.log(id)
+  let type=isArticle.value?'article':'video'
+  uni.navigateTo({
+    url: `/pages/detail/detail?id=${id}&type=${type}`
+  })
+}
+const swicthType=()=>{
+	isArticle.value=!isArticle.value;
+	 dataList.value=[];
+	 order.read_num='';
+	 order.push_date='';
+	 paging.value.reload();
+}
+const searchArticle =(params) => {
+  let searchForm={
+      keyword: keyWord.value,
+      doctor_id:doctor_id.value,
+      hospital_id:hospital_id.value
+    }
+	if(!order.read_num){
+		delete order.read_num
+	}
+	if(!order.push_date){
+		   delete order.push_date
+	 }
+  if(order.read_num || order.push_date){
+     searchForm.order=order
+  }
+  api.searchArticle({
+	    ...searchForm,
+      ...params
+  }).then((res)=>{
+    paging.value.complete(res.data.data.data);
+     total.value=res.data.data.total;
+  }).catch(err=>{
+    paging.value.complete(false);
+ })
+}
+
+const searchVideo = async(params) => {
+   let searchForm={
+      keyword: keyWord.value,
+    }
+	if(!order.read_num){
+		delete order.read_num
+	}
+	if(!order.push_date){
+		   delete order.push_date
+	 }
+  if(order.read_num || order.push_date){
+     searchForm.order=order
+  }
+  api.searchVideo({
+    ...params
+  }).then((res)=>{
+     paging.value.complete(res.data.data.data);
+     total.value=res.data.data.total;
+  }).catch(err=>{
+    paging.value.complete(false);
+ })
+}
+const getStaticDoctor=(id)=>{
+  api.getStaticDoctor(id).then((res)=>{
+    let result=res.data.data;
+      Object.assign(numInfo,result); 
+  })
+}
+const getStaticHospital=(id)=>{
+  api.getStaticHospital(id).then((res)=>{
+    let result=res.data.data;
+      Object.assign(numInfo,result); 
+  })
+}
+
+
+const queryList = (pageNo, pageSize) => {
+  console.log(666666);
+  const params = {
+    page: pageNo,
+    page_size: pageSize,
+  };
+ isArticle.value?searchArticle(params):searchVideo(params)
+};
+</script>
+
+<style lang="scss" scoped>
+.tabcon{
+  margin:0 20rpx;
+}
+.databox {
+  height: 162rpx;
+  background: #ffffff;
+  display: flex;
+  margin-bottom: 20rpx;
+  // padding: 0 30rpx;
+  justify-content: space-between;
+  .cell {
+    flex: 1;
+    padding: 35rpx 0;
+
+    text-align: center;
+
+    .num {
+      font-size: 38rpx;
+      color: #3cc7c0;
+    }
+    .name {
+      margin-top: 18rpx;
+      font-size: 28rpx;
+      color: #4b5563;
+    }
+  }
+}
+.filterbox{
+	display: flex;
+	height:128rpx;
+	align-items: center;
+   position: relative;
+  .type{
+    position: absolute;
+    left:30rpx;
+	top:24rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #F3F4F6;
+    border-radius: 15rpx;
+    height: 74rpx;
+    padding:0 25rpx;
+    z-index:2;
+  }
+}
+.u-page {
+  :deep(.u-flex) {
+    display: flex;
+    flex-direction:row;
+	overflow: hidden;
+
+  }
+  :deep(.u-dropdown__menu){
+	 	
+    background: #fff;
+    z-index:1;
+    margin-left: 180rpx;
+
+  }
+  :deep(.u-dropdown__menu__item){
+	 
+        height:74rpx;
+        padding:0 20rpx;
+        background: #F3F4F6;
+        border-radius: 15rpx;
+	    flex:none;
+		margin-left: 60rpx;
+     
+  }
+  .deal {
+    margin-top: 20rpx;
+    display: flex;
+    color: #6b7280;
+    font-size: 24rpx;
+    justify-content: space-between;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .recored{
+      display: flex;
+      align-items: center;
+      font-size: 31rpx;
+     color: #3CC7C0;
+    }
+    .collect {
+      display: flex;
+      align-items: center;
+    }
+    .eyebox {
+      width: 160rpx;
+      display: flex;
+      align-items: center;
+    }
+    .time {
+      display: flex;
+      align-items: center;
+    }
+    .num {
+      margin-left: 8rpx;
+    }
+  }
+  .item {
+    border-bottom: 1rpx solid #f3f4f6;
+    padding: 30rpx;
+    .title {
+      font-size: 30rpx;
+      color: #111827;
+      line-height: 46rpx;
+    }
+  }
+  .tagsbox {
+    margin-top: 20rpx;
+    display: flex;
+    .tag {
+      padding: 0 10rpx;
+      margin-right: 16rpx;
+      height: 46rpx;
+      line-height: 46rpx;
+      text-align: center;
+      background: rgba(60, 199, 192, 0.1);
+      border-radius: 8rpx;
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #3cc7c0;
+    }
+  }
+}
+.detail {
+  background: #f9f9f9;
+  padding: 12rpx 30rpx;
+  .desc {
+    font-size: 26rpx;
+    color: #4b5563;
+    line-height: 40rpx;
+  }
+  .red{
+     color: #FF0000;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
index 2ad1dd6..d0c393d 100644
--- a/pages/detail/detail.vue
+++ b/pages/detail/detail.vue
@@ -58,7 +58,25 @@
             autoplay="{{false}}"
           >
           </polyv-player>
+          <view class="votebox">
+             <view class="name">在线投票</view>
+             <view class="title">肝胆相照临床病例库肝胆相照临床病例库肝胆</view>
+             <view class="options">
+               <view class="option">
+                <view class="row">
+                  <view class="left">治疗有效性</view>
+                  <view class="num">0%</view>
+                </view>
+                <view class="line">
+                  <view class="inner" style="width: 10%"></view>
+                </view>
+
+               </view>
+
+             </view>
+          </view>
         </view>
+
         <!-- 评论框 -->
         <up-popup
           :zIndex="11"
@@ -572,6 +590,44 @@ const toggleCollect=()=>{
 </script>
 
 <style lang='scss' scoped>
+.votebox{
+  padding:30rpx;
+  background:#fff;
+  .name{
+    font-size: 36rpx;
+    color: #000000;
+    line-height: 46rpx;
+  }
+  .title{
+    margin-top: 24rpx;
+    font-size: 30rpx;
+    color: #333333;
+    line-height: 46rpx;
+  }
+  .option{
+    margin-top: 26rpx;
+    .row{
+      font-size: 27rpx;
+     color: #4B5563;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+    .line{
+      width: 100%;
+     height: 15rpx;
+      background: #F3F4F6;
+       border-radius: 19rpx;
+       overflow: hidden;
+       .inner{
+         height: 15rpx;
+         background: #3CC7C0;
+         border-radius: 19rpx;
+       }
+    }
+    
+  }
+}
 .imgboxshang {
   display: flex;
   align-items: center;
@@ -580,7 +636,7 @@ const toggleCollect=()=>{
   margin: 0 30rpx 30rpx;
   .imgunit {
     width: 150rpx;
-    hight: 150rpx;
+    height: 150rpx;
     position: relative;
     .close {
       position: absolute;
diff --git a/pages/index/index.vue b/pages/index/index.vue
index ef0f4b5..a95328b 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -271,7 +271,8 @@ onLoad(() => {
 }
 .page {
   background: #f9fafb;
-  min-height: 100vh;
+  height: calc(100vh - 400rpx);
+  overflow-y: scroll;
 }
 .kubox {
   padding: 30rpx 0;
diff --git a/pages/my/my.vue b/pages/my/my.vue
index fb2cb1a..a2ccbf6 100644
--- a/pages/my/my.vue
+++ b/pages/my/my.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="upage">
     <dNav></dNav>
-    <view class="infobox">
+    <view class="con">
+      <view class="infobox">
       <up--image
         :src="headImg"
         width="154rpx"
@@ -31,34 +32,145 @@
       </view>
     </view>
     <view class="listbox">
-        <view class="title">我的临床病例库</view>
-        <view class="cell">
+        <view class="titlename">我的临床病例库</view>
+        <view class="cell" @click="goDoctor">
            <view class="left">
              <u-icon name="chat-fill" color="#000" size="28"></u-icon>
             <view class="title">我的病例库</view>
            </view>
-            <u-icon name="arrow-right" color="#000" size="28"></u-icon>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
+        </view>
+         <view class="cell" @click="goCert">
+           <view class="left">
+             <u-icon name="chat-fill" color="#000" size="28"></u-icon>
+            <view class="title">临床病例库收录证书下载</view>
+           </view>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
+        </view>
+         <view class="cell" @click="goHospital">
+           <view class="left">
+             <u-icon name="chat-fill" color="#000" size="28"></u-icon>
+            <view class="title">XXXX医院临床病例库</view>
+           </view>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
+        </view>
+         <view class="cell" @click="mySpecial">
+           <view class="left">
+             <u-icon name="chat-fill" color="#000" size="28"></u-icon>
+            <view class="title">我的病例交流</view>
+           </view>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
+        </view>
+         <view class="cell" @click="goJoin">
+           <view class="left">
+             <u-icon name="chat-fill" color="#000" size="28"></u-icon>
+            <view class="title">我的参与互动</view>
+           </view>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
+        </view>
+        <view class="cell" @click="goCollect">
+           <view class="left">
+             <u-icon name="chat-fill" color="#000" size="28"></u-icon>
+            <view class="title">浏览与收藏</view>
+           </view>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
         </view>
 
 
     </view>
+    </view>
+    <view class="publish" @click="goPublish">
+      <u-icon name="plus" color="#fff" size="18"></u-icon>
+    </view>
   </div>
 </template>
 
 <script setup>
 import dNav from "@/components/backNav/backNav.vue";
 import headImg from "@/static/headImg.png";
+const goCert = () => {
+  uni.navigateTo({
+    url: "/pages/certList/certList",
+  });
+};
+const goDoctor=()=>{
+	uni.navigateTo({
+		url:'/pages/searchList/searchList?type=doctor'
+	})
+}
+const goHospital=()=>{
+	uni.navigateTo({
+		url:'/pages/searchList/searchList?type=hospital'
+	})
+}
+const mySpecial=()=>{ 
+  uni.navigateTo({
+    url:'/pages/specialList/specialList'
+  })
+}
+const goJoin=()=>{
+	uni.navigateTo({
+		url:'/pages/myJoin/myJoin'
+	})
+}
+const goCollect=()=>{
+	uni.navigateTo({
+		url:'/pages/myCollect/myCollect'
+	})
+}
+const goPublish=()=>{
+	uni.navigateTo({
+		url:'/pages/publish/publish'
+	})
+}
 </script>
-
 <style lang='scss' scoped>
+.upage{
+  height:100vh;
+  display: flex;
+  flex-direction: column;
+}
+.con{
+  height:calc(100vh - 100rpx);
+  overflow-y: scroll;
+}
+.publish{
+	width: 92rpx;
+	height: 92rpx;
+	background: #3CC7C0;
+	border-radius: 50%;
+	position: fixed;
+  right:30rpx;
+  bottom:100rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .listbox{
+    margin:34rpx 30rpx 0;
+    .titlename{
+      margin-bottom: 30rpx;
+    }
     .cell{
+      height: 108rpx;
+        padding:0 30rpx;
+         margin-bottom: 30rpx;
+      background: #F9FAFB;
+     border-radius: 15rpx;
+     display: flex;
+     justify-content: space-between;
+     align-items: center;
         .left{
              display: flex;
-        justify-content: space-between;
+          justify-content: space-between;
+        font-size: 32rpx;
+         color: #000000;
+         .title{
+          margin-top: 4rpx;
+          margin-left: 8rpx;
+         }
         }
-        display: flex;
-        justify-content: space-between;
+        
     }
 }
 .databox {
diff --git a/pages/myCollect/myCollect.vue b/pages/myCollect/myCollect.vue
new file mode 100644
index 0000000..ed6b3f3
--- /dev/null
+++ b/pages/myCollect/myCollect.vue
@@ -0,0 +1,363 @@
+<template>
+  <view class="u-page">
+    <z-paging
+      ref="paging"
+      inside-more
+      loading-more-no-more-text="咱也是有底线的！"
+      :auto-show-back-to-top="true"
+      v-model="dataList"
+      @query="queryList"
+    >
+     <template #top>
+        <navBarSearch :searchWord="keyWord" :navName="navName"></navBarSearch>
+        <view class="filterbox">
+           <!-- <view class="type" @click="swicthType">{{!isArticle?'文章':'视频'}}<up--image :src="switchImg"  width="31rpx" height="31rpx"></up--image></view> -->
+           <up-dropdown class="u-dropdown" ref="uDropdownRef">
+            <up-dropdown-item
+              v-model="order.push_date"
+              title="收藏"
+			        @change="change"
+              :options="options"
+            ></up-dropdown-item>
+			<up-dropdown-item
+			   v-model="order.read_num"
+			   title="文章病例库"
+			    @change="change"
+			  :options="options"
+			></up-dropdown-item>
+          </up-dropdown>
+		 
+        </view>
+      </template> 
+      <view class="item" v-for="(item, index) in dataList" :key="index" @click="isArticle?goDetail(item.article_id):goDetail(item.video_id)">
+        <view class="title ellipsis">{{isArticle?item.article_title:item.video_title }}</view>
+        <view class="tagsbox">
+              <view class="tag" v-for="tag in item.author" :key="tag.author_id">{{ tag.doctor_name }}</view>
+        </view>
+        <view class="deal">
+          <view class="left">
+            <view class="eyebox">
+              <up-icon name="eye" color="#6B7280" size="28rpx"></up-icon>
+              <view class="num">{{item.read_num }}</view>
+            </view>
+            <view class="collect">
+              <up-icon name="heart" color="#6B7280" size="28rpx"></up-icon>
+              <view class="num">{{item.collect_num }}</view>
+            </view>
+          </view>
+          <view class="time">
+            <up-icon name="clock" color="#6B7280" size="28rpx"></up-icon>
+            <view class="num">{{formatdate(item.push_date) }}</view>
+          </view>
+        </view>
+		</view>
+    </z-paging>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive } from "vue";
+import navBarSearch from "@/components/navBarSearch/navBarSearch.vue";
+import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
+import api from "@/api/api";
+import { onLoad } from "@dcloudio/uni-app";
+import dayjs from "dayjs";
+import switchImg from "@/static/switch.png";
+const paging = ref(null);
+const uDropdownRef=ref(null);
+const dataList = ref([]);
+const total = ref(0);
+const value = ref("");
+const keyWord = ref("");
+const page=ref(1);
+const isArticle=ref(true);
+const hospital_id=ref('');
+const hospital_name=ref('');
+const doctor_id=ref('');
+const doctor_name=ref('');
+const numInfo=reactive({});
+const navName=ref('肝胆相照临床病例库')
+const options= ref([
+  {
+    label: "收藏",
+    value: 0,
+  },
+  {
+    label: "浏览",
+    value:1,
+  },
+]);
+const options1= ref([
+  {
+    label: "文章病例库",
+    value: 0,
+  },
+  {
+    label: "视频病例库",
+    value:1,
+  },
+  {
+    label: "病例交流",
+    value:2,
+  },
+]);
+
+const order=reactive({
+	  read_num:'',
+	  push_date:''
+})
+
+onLoad((options) => {
+  if(options.keyWord){
+    keyWord.value = options.keyWord;
+  };
+  if(options.order=='new'){
+	  order.push_date='asc'
+  };
+  if(options.order=='read'){
+  	  order.read_num='desc'
+  };
+  if(options.order=='video'){
+    isArticle.value=false;
+   }
+  if(options.doctor_id){
+    doctor_id.value=options.doctor_id;
+    doctor_name.value=options.doctor_name
+    navName.value= doctor_name.value+'临床病例库'
+    getStaticDoctor(doctor_id.value)
+  }
+  if(options.hospital_id){
+    hospital_id.value=options.hospital_id;
+    hospital_name.value=options.hospital_name;
+    navName.value= hospital_name.value+'临床病例库'
+    getStaticDoctor(hospital_id.value)
+
+  }
+});
+const change=(e)=>{
+  paging.value.reload();
+}
+const formatdate=(date)=>{
+  return dayjs(date).format('YYYY-MM-DD')
+}
+const goDetail=(id)=>{
+   console.log(11111)
+  console.log(id)
+  let type=isArticle.value?'article':'video'
+  uni.navigateTo({
+    url: `/pages/detail/detail?id=${id}&type=${type}`
+  })
+}
+const swicthType=()=>{
+	isArticle.value=!isArticle.value;
+	 dataList.value=[];
+	 order.read_num='';
+	 order.push_date='';
+	 paging.value.reload();
+}
+const searchArticle =(params) => {
+  let searchForm={
+      keyword: keyWord.value,
+      doctor_id:doctor_id.value,
+      hospital_id:hospital_id.value
+    }
+	if(!order.read_num){
+		delete order.read_num
+	}
+	if(!order.push_date){
+		   delete order.push_date
+	 }
+  if(order.read_num || order.push_date){
+     searchForm.order=order
+  }
+  api.searchArticle({
+	    ...searchForm,
+      ...params
+  }).then((res)=>{
+    paging.value.complete(res.data.data.data);
+     total.value=res.data.data.total;
+  }).catch(err=>{
+    paging.value.complete(false);
+ })
+}
+
+const searchVideo = async(params) => {
+   let searchForm={
+      keyword: keyWord.value,
+    }
+	if(!order.read_num){
+		delete order.read_num
+	}
+	if(!order.push_date){
+		   delete order.push_date
+	 }
+  if(order.read_num || order.push_date){
+     searchForm.order=order
+  }
+  api.searchVideo({
+    ...params
+  }).then((res)=>{
+     paging.value.complete(res.data.data.data);
+     total.value=res.data.data.total;
+  }).catch(err=>{
+    paging.value.complete(false);
+ })
+}
+const getStaticDoctor=(id)=>{
+  api.getStaticDoctor(id).then((res)=>{
+    let result=res.data.data;
+      Object.assign(numInfo,result); 
+  })
+}
+const getStaticHospital=(id)=>{
+  api.getStaticHospital(id).then((res)=>{
+    let result=res.data.data;
+      Object.assign(numInfo,result); 
+  })
+}
+
+
+const queryList = (pageNo, pageSize) => {
+  console.log(666666);
+  const params = {
+    page: pageNo,
+    page_size: pageSize,
+  };
+ isArticle.value?searchArticle(params):searchVideo(params)
+};
+</script>
+
+<style lang="scss" scoped>
+.databox {
+  height: 162rpx;
+  background: #ffffff;
+  display: flex;
+  margin-bottom: 20rpx;
+  // padding: 0 30rpx;
+  justify-content: space-between;
+  .cell {
+    flex: 1;
+    padding: 35rpx 0;
+
+    text-align: center;
+
+    .num {
+      font-size: 38rpx;
+      color: #3cc7c0;
+    }
+    .name {
+      margin-top: 18rpx;
+      font-size: 28rpx;
+      color: #4b5563;
+    }
+  }
+}
+.filterbox{
+	display: flex;
+	height:128rpx;
+	align-items: center;
+   position: relative;
+  .type{
+    position: absolute;
+    left:30rpx;
+	top:24rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #F3F4F6;
+    border-radius: 15rpx;
+    height: 74rpx;
+    padding:0 25rpx;
+    z-index:2;
+  }
+}
+.u-page {
+  :deep(.u-flex) {
+    display: flex;
+    flex-direction:row;
+	overflow: hidden;
+
+  }
+  :deep(.u-dropdown__menu){
+	 	
+    background: #fff;
+    z-index:1;
+    margin-left:-30rpx;
+
+  }
+  :deep(.u-dropdown__menu__item){
+	 
+        height:74rpx;
+        padding:0 20rpx;
+        background: #F3F4F6;
+        border-radius: 15rpx;
+	    flex:none;
+		margin-left: 60rpx;
+     
+  }
+  .deal {
+    margin-top: 20rpx;
+    display: flex;
+    color: #6b7280;
+    font-size: 24rpx;
+    justify-content: space-between;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .collect {
+      display: flex;
+      align-items: center;
+    }
+    .eyebox {
+      width: 160rpx;
+      display: flex;
+      align-items: center;
+    }
+    .time {
+      display: flex;
+      align-items: center;
+    }
+    .num {
+      margin-left: 8rpx;
+    }
+  }
+  .item {
+    border-bottom: 1rpx solid #f3f4f6;
+    padding: 30rpx;
+    .title {
+      font-size: 30rpx;
+      color: #111827;
+      line-height: 46rpx;
+    }
+  }
+  .tagsbox {
+    margin-top: 20rpx;
+    display: flex;
+    .tag {
+      padding: 0 10rpx;
+      margin-right: 16rpx;
+      height: 46rpx;
+      line-height: 46rpx;
+      text-align: center;
+      background: rgba(60, 199, 192, 0.1);
+      border-radius: 8rpx;
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #3cc7c0;
+    }
+  }
+}
+.detail {
+  background: #f9f9f9;
+  padding: 12rpx 30rpx;
+  .desc {
+    font-size: 26rpx;
+    color: #4b5563;
+    line-height: 40rpx;
+  }
+  .red{
+     color: #FF0000;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/myJoin/myJoin.vue b/pages/myJoin/myJoin.vue
new file mode 100644
index 0000000..eb7c491
--- /dev/null
+++ b/pages/myJoin/myJoin.vue
@@ -0,0 +1,376 @@
+<template>
+  <view class="u-page">
+    <z-paging
+      ref="paging"
+      inside-more
+      loading-more-no-more-text="咱也是有底线的！"
+      :auto-show-back-to-top="true"
+      v-model="dataList"
+      @query="queryList"
+    >
+      <template #top>
+        <navBarSearch :searchWord="keyWord" :navName="navName"></navBarSearch>
+        <view class="tabcon">
+          <up-tabs
+            :activeStyle="{
+              color: '#3CC7C0',
+            }"
+            :inactiveStyle="{
+              color: '#4B5563',
+            }"
+            lineColor="#3CC7C0"
+            lineWidth="155rpx"
+            lineHeight="2"
+            :list="tabList"
+            @click="switchTab"
+          ></up-tabs>
+        </view>
+      </template>
+      <view
+        class="item"
+        v-for="(item, index) in dataList"
+        :key="index"
+        @click="isArticle ? goDetail(item.article_id) : goDetail(item.video_id)"
+      >
+        <view class="title ellipsis">{{
+          isArticle ? item.article_title : item.video_title
+        }}</view>
+        <view class="tagsbox">
+          <view class="tag" v-for="tag in item.author" :key="tag.author_id">{{
+            tag.doctor_name
+          }}</view>
+        </view>
+        <view class="deal">
+          <view class="left">
+            <view class="recored">
+              <up--image
+                :src="certImg"
+                width="39rpx"
+                height="39rpx"
+              ></up--image>
+              收录证书
+            </view>
+          </view>
+          <view class="time">
+            <up-icon name="clock" color="#6B7280" size="28rpx"></up-icon>
+            <view class="num">{{ formatdate(item.push_date) }}</view>
+          </view>
+        </view>
+      </view>
+    </z-paging>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive } from "vue";
+import navBarSearch from "@/components/navBarSearch/navBarSearch.vue";
+import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
+import api from "@/api/api";
+import { onLoad } from "@dcloudio/uni-app";
+import dayjs from "dayjs";
+import switchImg from "@/static/switch.png";
+import certImg from "@/static/cert.png";
+const paging = ref(null);
+const uDropdownRef = ref(null);
+const dataList = ref([]);
+const total = ref(0);
+const value = ref("");
+const keyWord = ref("");
+const page = ref(1);
+const isArticle = ref(true);
+const hospital_id = ref("");
+const hospital_name = ref("");
+const doctor_id = ref("");
+const doctor_name = ref("");
+const numInfo = reactive({});
+const navName = ref("肝胆相照临床病例库");
+const options = ref([
+  {
+    label: "正序",
+    value: "asc",
+  },
+  {
+    label: "倒序",
+    value: "desc",
+  },
+]);
+const tabList = ref([
+  {
+    name: "病例交流",
+  },
+  {
+    name: "文章病例库",
+  },
+  {
+    name: "视频病例库",
+  },
+]);
+const order = reactive({
+  read_num: "",
+  push_date: "",
+});
+const switchTab = (index) => {
+  console.log("item", index);
+};
+onLoad((options) => {
+  if (options.keyWord) {
+    keyWord.value = options.keyWord;
+  }
+  if (options.order == "new") {
+    order.push_date = "asc";
+  }
+  if (options.order == "read") {
+    order.read_num = "desc";
+  }
+  if (options.order == "video") {
+    isArticle.value = false;
+  }
+  if (options.doctor_id) {
+    doctor_id.value = options.doctor_id;
+    doctor_name.value = options.doctor_name;
+    navName.value = doctor_name.value + "临床病例库";
+    getStaticDoctor(doctor_id.value);
+  }
+  if (options.hospital_id) {
+    hospital_id.value = options.hospital_id;
+    hospital_name.value = options.hospital_name;
+    navName.value = hospital_name.value + "临床病例库";
+    getStaticDoctor(hospital_id.value);
+  }
+});
+const change = (e) => {
+  paging.value.reload();
+};
+const formatdate = (date) => {
+  return dayjs(date).format("YYYY-MM-DD");
+};
+const goDetail = (id) => {
+  console.log(11111);
+  console.log(id);
+  let type = isArticle.value ? "article" : "video";
+  uni.navigateTo({
+    url: `/pages/detail/detail?id=${id}&type=${type}`,
+  });
+};
+const swicthType = () => {
+  isArticle.value = !isArticle.value;
+  dataList.value = [];
+  order.read_num = "";
+  order.push_date = "";
+  paging.value.reload();
+};
+const searchArticle = (params) => {
+  let searchForm = {
+    keyword: keyWord.value,
+    doctor_id: doctor_id.value,
+    hospital_id: hospital_id.value,
+  };
+  if (!order.read_num) {
+    delete order.read_num;
+  }
+  if (!order.push_date) {
+    delete order.push_date;
+  }
+  if (order.read_num || order.push_date) {
+    searchForm.order = order;
+  }
+  api
+    .searchArticle({
+      ...searchForm,
+      ...params,
+    })
+    .then((res) => {
+      paging.value.complete(res.data.data.data);
+      total.value = res.data.data.total;
+    })
+    .catch((err) => {
+      paging.value.complete(false);
+    });
+};
+
+const searchVideo = async (params) => {
+  let searchForm = {
+    keyword: keyWord.value,
+  };
+  if (!order.read_num) {
+    delete order.read_num;
+  }
+  if (!order.push_date) {
+    delete order.push_date;
+  }
+  if (order.read_num || order.push_date) {
+    searchForm.order = order;
+  }
+  api
+    .searchVideo({
+      ...params,
+    })
+    .then((res) => {
+      paging.value.complete(res.data.data.data);
+      total.value = res.data.data.total;
+    })
+    .catch((err) => {
+      paging.value.complete(false);
+    });
+};
+const getStaticDoctor = (id) => {
+  api.getStaticDoctor(id).then((res) => {
+    let result = res.data.data;
+    Object.assign(numInfo, result);
+  });
+};
+const getStaticHospital = (id) => {
+  api.getStaticHospital(id).then((res) => {
+    let result = res.data.data;
+    Object.assign(numInfo, result);
+  });
+};
+
+const queryList = (pageNo, pageSize) => {
+  console.log(666666);
+  const params = {
+    page: pageNo,
+    page_size: pageSize,
+  };
+  isArticle.value ? searchArticle(params) : searchVideo(params);
+};
+</script>
+
+<style lang="scss" scoped>
+.tabcon {
+  margin: 0 20rpx;
+}
+.databox {
+  height: 162rpx;
+  background: #ffffff;
+  display: flex;
+  margin-bottom: 20rpx;
+  // padding: 0 30rpx;
+  justify-content: space-between;
+  .cell {
+    flex: 1;
+    padding: 35rpx 0;
+
+    text-align: center;
+
+    .num {
+      font-size: 38rpx;
+      color: #3cc7c0;
+    }
+    .name {
+      margin-top: 18rpx;
+      font-size: 28rpx;
+      color: #4b5563;
+    }
+  }
+}
+.filterbox {
+  display: flex;
+  height: 128rpx;
+  align-items: center;
+  position: relative;
+  .type {
+    position: absolute;
+    left: 30rpx;
+    top: 24rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #f3f4f6;
+    border-radius: 15rpx;
+    height: 74rpx;
+    padding: 0 25rpx;
+    z-index: 2;
+  }
+}
+.u-page {
+  :deep(.u-flex) {
+    display: flex;
+    flex-direction: row;
+    overflow: hidden;
+  }
+  :deep(.u-dropdown__menu) {
+    background: #fff;
+    z-index: 1;
+    margin-left: 180rpx;
+  }
+  :deep(.u-dropdown__menu__item) {
+    height: 74rpx;
+    padding: 0 20rpx;
+    background: #f3f4f6;
+    border-radius: 15rpx;
+    flex: none;
+    margin-left: 60rpx;
+  }
+  .deal {
+    margin-top: 20rpx;
+    display: flex;
+    color: #6b7280;
+    font-size: 24rpx;
+    justify-content: space-between;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .recored {
+      display: flex;
+      align-items: center;
+      font-size: 31rpx;
+      color: #3cc7c0;
+    }
+    .collect {
+      display: flex;
+      align-items: center;
+    }
+    .eyebox {
+      width: 160rpx;
+      display: flex;
+      align-items: center;
+    }
+    .time {
+      display: flex;
+      align-items: center;
+    }
+    .num {
+      margin-left: 8rpx;
+    }
+  }
+  .item {
+    border-bottom: 1rpx solid #f3f4f6;
+    padding: 30rpx;
+    .title {
+      font-size: 30rpx;
+      color: #111827;
+      line-height: 46rpx;
+    }
+  }
+  .tagsbox {
+    margin-top: 20rpx;
+    display: flex;
+    .tag {
+      padding: 0 10rpx;
+      margin-right: 16rpx;
+      height: 46rpx;
+      line-height: 46rpx;
+      text-align: center;
+      background: rgba(60, 199, 192, 0.1);
+      border-radius: 8rpx;
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #3cc7c0;
+    }
+  }
+}
+.detail {
+  background: #f9f9f9;
+  padding: 12rpx 30rpx;
+  .desc {
+    font-size: 26rpx;
+    color: #4b5563;
+    line-height: 40rpx;
+  }
+  .red {
+    color: #ff0000;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/publish/publish.vue b/pages/publish/publish.vue
new file mode 100644
index 0000000..d562290
--- /dev/null
+++ b/pages/publish/publish.vue
@@ -0,0 +1,654 @@
+<template>
+  <div class="upage">
+    <backNav :navName="'发病例交流帖'"></backNav>
+    <view class="form">
+      <view class="textbox">
+        <up--textarea
+          autoHeight
+          v-model="form.title"
+          placeholder="输入标题，可包含患者信息、主诉"
+        ></up--textarea>
+      </view>
+      <view class="row">
+        <view class="left"> 病例信息 </view>
+        <view class="right">
+          <u-icon name="trash" color="#6B7280" size="18"></u-icon>
+          清除模板
+        </view>
+      </view>
+      <view class="textcon">
+        <view class="textcell">
+          <view class="title">【患者信息】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入患者信息"
+            ></up--textarea>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="title">【主诉】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入主诉"
+            ></up--textarea>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="title">【现病史及既往史】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入现病史及既往史"
+            ></up--textarea>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="title">【检查】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入检查内容"
+            ></up--textarea>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="title">【临床诊断】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入临床诊断"
+            ></up--textarea>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="title">【治疗经过及结果】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入治疗经过及结果"
+            ></up--textarea>
+          </view>
+        </view>
+      </view>
+      <view class="textcon">
+        <view class="row">
+          <view class="left">
+            总结与讨论 <text class="tip">(可不填)</text>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="分享经验和心得，如：诊断与鉴别诊断易错点，治疗过程难点，病例的相关知识总结及讨论等"
+            ></up--textarea>
+          </view>
+        </view>
+      </view>
+      <view class="textcon">
+        <view class="sickbox">
+          <view class="sick">
+            治疗经过及结果
+            <view class="del">
+              <up-icon name="close-circle" color="#3CC7C0" size="20"></up-icon>
+            </view>
+          </view>
+          <view class="add">
+            <up-icon name="plus" color="#3CC7C0" size="16"></up-icon>
+            添加疾病
+          </view>
+        </view>
+        <view class="toolbox">
+          <view class="cell">
+            <up--image
+              :src="photoImg"
+              class="headImg"
+              width="32rpx"
+              height="32rpx"
+            ></up--image>
+            <view class="name">添加图片</view>
+          </view>
+          <view class="cell">
+            <up--image
+              :src="videoImg"
+              class="headImg"
+              width="32rpx"
+              height="32rpx"
+            ></up--image>
+            <view class="name">添加视频</view>
+          </view>
+          <view class="cell">
+            <up--image
+              :src="addImg"
+              class="headImg"
+              width="32rpx"
+              height="32rpx"
+            ></up--image>
+            <view class="name">添加小标题</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="bottom">
+      <view class="left">
+        <view class="draft">存草稿</view>
+        <view class="vote">
+          投票
+          <up--image
+            :src="voteImg"
+            class="headImg"
+            width="47rpx"
+            height="47rpx"
+          ></up--image>
+        </view>
+      </view>
+      <view class="right">发布</view>
+    </view>
+
+
+
+	
+    <up-popup
+      :round="10"
+      :show="showVote"
+      mode="bottom"
+      @close="closeVote"
+      @open="openVote"
+    >
+      <view class="votepop">
+        <view class="titlebox">
+          <view class="left" @click="closeVote">取消</view>
+          <view class="right" @click="closeVote">保存</view>
+        </view>
+        <view class="votecon">
+          <view class="titlebox">
+            <view class="title">投票标题</view>
+            <view class="desc">(最多20字)</view>
+          </view>
+          <view class="row first">
+            <up-input
+              placeholder="请输入投票标题"
+              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 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 class="add">
+			   <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>
+		  </view>
+		  <view class="tips">友情提醒：为保证投票结果准确性，帖子发布后投票无法修改</view>
+		 
+        </view>
+		 <view class="confirm">确认</view>
+		   <view class="del">删除投票</view>
+      </view>
+    </up-popup>
+	
+
+	   <up-popup
+		:round="10"
+		zIndex="999999"
+		:show="showDraft"
+		mode="bottom"
+		@close="closeDraft"
+		@open="openDraft"
+    >
+	<view class="draftpop">
+		<view class="titlebox">草稿箱
+			<view class="close" @click="closeDraft"><up-icon name="close" color="#4B5563" size="20"></up-icon></view>
+		</view>
+		<view class="draftlist">
+			<view class="cell">
+				<view class="title">2025: 肝硬化门静脉高压症食管、胃底静脉曲张破裂出血诊治专家共识</view>
+				<view class="smalltitle">版2025 APASL临床实践指南</view>
+				<view class="deal">
+					<view class="time">编辑于03-11</view>
+					<view class="right">
+						<view class="del"><up-icon name="trash" color="#4B5563" size="16"></up-icon>删除</view>
+						<view class="edit"><up-icon name="edit-pen" color="#fff" size="17"></up-icon>编辑</view>
+
+					</view>
+				</view>
+			</view>
+			
+		</view>
+	</view>
+	</up-popup>
+  </div>
+
+</template>
+
+<script setup>
+import { reactive, ref } from "vue";
+import backNav from "@/components/backNav/backNav";
+import photoImg from "@/static/photo.png";
+import addImg from "@/static/add.png";
+import videoImg from "@/static/videoicon.png";
+import voteImg from "@/static/vote.png";
+const form = reactive({
+  title: "",
+});
+const value = ref("");
+
+const showVote = ref(false);
+const showDraft = ref(true);
+const closeVote = () => {
+  showVote.value = false;
+};
+const openVote = () => {
+  showVote.value = true;
+};
+const closeDraft = () => {
+  showDraft.value = false;
+};
+const openDraft = () => {
+  showDraft.value = true;
+};
+
+</script>
+
+<style lang='scss' scoped>
+.draftpop{
+	
+	.titlebox{
+		text-align: center;
+		padding: 30rpx;
+		font-size: 31rpx;
+		color: #111827;
+		position: relative;
+		.close{
+			position: absolute;
+			top:20rpx;
+			right:30rpx;
+		}
+	}
+		.draftlist{
+			height:calc(100vh - 500rpx);
+			overflow-y: scroll;
+		.cell{
+			padding-bottom: 34rpx;
+			border-bottom:2rpx solid #E5E7EB;
+			.title{
+				margin:15rpx 30rpx 0;
+				font-size: 36rpx;
+				color: #111827;
+				line-height: 46rpx;
+			}
+			.smalltitle{
+				margin:4px 30rpx 0;
+				font-size: 30rpx;
+				color: #666666;
+				line-height: 38rpx;
+		}
+		.deal{
+			margin:36rpx 30rpx 0;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			.time{
+				font-size: 26rpx;
+				color: #9CA3AF;
+			}
+			.right{
+				display: flex;
+				align-items: center;
+			}
+			.del{
+				width: 138rpx;
+				height: 62rpx;
+				background: #F3F4F6;
+				display: flex;
+				border-radius: 20rpx;
+				align-items: center;
+				font-size: 27rpx;
+				color: #4B5563;
+				justify-content: center;
+			}
+			.edit{
+				margin-left: 23rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: 192rpx;
+				height: 62rpx;
+				font-size: 27rpx;
+					color: #FFFFFF;
+				background: #3CC7C0;
+				border-radius: 20rpx;
+			}
+		}
+	}
+  }
+}
+.expire{
+	margin-top: 46rpx;
+	padding: 0 30rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	.name{
+		font-size: 31rpx;
+   		color: #111827;
+	}
+	.right{
+		display: flex;
+		align-items: center;
+		.day{
+			min-width:50rpx;
+			text-align: center;
+		}
+		.minus{
+			width: 62rpx;
+			height: 62rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			background: #F5F5F5;
+			border-radius: 50%;
+			font-size: 50rpx;
+		}
+		.plus{
+			display: flex;
+			align-items: center;
+			font-size:50rpx;
+			justify-content: center;
+            width: 62rpx;
+			height: 62rpx;
+			background: #F5F5F5;
+			border-radius: 50%;
+		}
+	}
+}
+.row{
+	padding: 0 30rpx;
+	margin-bottom: 23rpx;
+
+	:deep(.u-input){
+		background: #F5F5F5;
+	}
+	:deep(.u-input--radius){
+		border-radius: 15rpx;
+	}
+	:deep(.u-input__content__field-wrapper__field){
+		height:92rpx;
+	}
+}
+.first{
+	
+	margin-bottom: 47rpx;
+}
+.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;
+    .titlebox {
+      border: none;
+      margin: 30rpx 0 20rpx;
+      .title {
+        font-size: 31rpx;
+        color: #111827;
+      }
+      .desc {
+        font-size: 27rpx;
+        color: #9ca3af;
+      }
+    }
+  }
+}
+.upage {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.bottom {
+  position: fixed;
+  bottom: 0;
+  border-top: 2rpx solid #e5e7eb;
+  width: 100%;
+  align-items: center;
+  z-index: 3;
+  height: 133rpx;
+  background: #ffffff;
+  display: flex;
+
+  .right {
+    margin-right: 30rpx;
+    flex: 1;
+    margin-left: 32rpx;
+    height: 86rpx;
+    background: #3cc7c0;
+    border-radius: 23rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 31rpx;
+    color: #ffffff;
+  }
+  .left {
+    margin-left: 30rpx;
+    display: flex;
+    .draft {
+      width: 162rpx;
+      height: 86rpx;
+      background: rgba(0, 0, 0, 0);
+      border-radius: 16rpx;
+      border: 2rpx solid #e5e7eb;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .vote {
+      margin-left: 25rpx;
+      width: 162rpx;
+      height: 86rpx;
+      background: rgba(0, 0, 0, 0);
+      border-radius: 16rpx;
+      border: 2rpx solid #e5e7eb;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+}
+.form {
+  height: calc(100vh - 133rpx);
+  margin: -20rpx 0rpx 134rpx;
+  overflow-y: scroll;
+  :deep(.u-image) {
+    background: transparent !important;
+  }
+  .toolbox {
+    padding: 22rpx 30rpx;
+    display: flex;
+    align-items: center;
+    .cell {
+      margin-right: 20rpx;
+      display: flex;
+      align-items: center;
+      .name {
+        font-size: 25rpx;
+        margin-left: 4rpx;
+        color: #4b5563;
+      }
+    }
+  }
+  .sickbox {
+    display: flex;
+    padding: 25rpx 25rpx 0;
+  }
+  .add {
+    display: flex;
+    font-size: 26rpx;
+    justify-content: center;
+    align-items: center;
+    color: #3cc7c0;
+    margin-left: 18rpx;
+  }
+  .sick {
+    position: relative;
+    padding: 0 60rpx 0 30rpx;
+    height: 60rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #f9f9f9;
+    border-radius: 40rpx;
+    font-size: 25rpx;
+    color: #3cc7c0;
+    .del {
+      position: absolute;
+      right: 12rpx;
+    }
+  }
+  .textcon {
+    border-bottom: 2rpx solid #f3f4f6;
+  }
+  .textbox {
+    padding: 0 30rpx;
+    border-bottom: 2rpx solid #f3f4f6;
+
+    :deep(.u-textarea__field) {
+      min-height: 55rpx !important;
+    }
+  }
+
+  .textcell {
+    padding: 0 30rpx;
+    margin-top: 25rpx;
+  }
+
+  .row {
+    padding: 30rpx 30rpx 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .left {
+      font-size: 38rpx;
+      color: #000000;
+      .tip {
+        color: #9ca3af;
+        font-size: 32rpx;
+      }
+    }
+
+    .right {
+      display: flex;
+      align-items: center;
+      color: #6b7280;
+      font-size: 31rpx;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/search/search.vue b/pages/search/search.vue
index 503c851..6987d5c 100644
--- a/pages/search/search.vue
+++ b/pages/search/search.vue
@@ -8,7 +8,7 @@
       v-model="dataList"
       @query="queryList"
     >
-      <template #top>
+     <template #top>
         <navBar :searchWord="keyWord" :navName="navName"></navBar>
       <view class="databox" v-if="hospital_id || doctor_id">
        <view class="cell">
@@ -47,7 +47,7 @@
           </up-dropdown>
 		 
         </view>
-      </template>
+      </template> 
       <view class="item" v-for="(item, index) in dataList" :key="index" @click="isArticle?goDetail(item.article_id):goDetail(item.video_id)">
         <view class="title ellipsis">{{isArticle?item.article_title:item.video_title }}</view>
         <view class="tagsbox">
@@ -69,7 +69,7 @@
             <view class="num">{{formatdate(item.push_date) }}</view>
           </view>
         </view>
-      </view>
+		</view>
     </z-paging>
   </view>
 </template>
diff --git a/pages/searchList/searchList.vue b/pages/searchList/searchList.vue
index 5bc7ddc..3b6061c 100644
--- a/pages/searchList/searchList.vue
+++ b/pages/searchList/searchList.vue
@@ -9,7 +9,7 @@
       @query="queryList"
     >
       <template #top>
-        <navBar :searchWord="keyWord" :navName="navName" :type="type"></navBar>
+        <navBarSearch :searchWord="keyWord" :navName="navName" :type="type"></navBarSearch>
          <!-- <view class="databox">
       <view class="cell">
         <view class="num">22</view>
@@ -74,7 +74,7 @@
 
 <script setup>
 import { ref, reactive } from "vue";
-import navBar from "@/components/navBar/navBar.vue";
+import navBarSearch from "@/components/navBarSearch/navBarSearch.vue";
 import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
 import api from "@/api/api";
 import { onLoad } from "@dcloudio/uni-app";
diff --git a/pages/specialList/specialList.vue b/pages/specialList/specialList.vue
new file mode 100644
index 0000000..e97cad0
--- /dev/null
+++ b/pages/specialList/specialList.vue
@@ -0,0 +1,331 @@
+<template>
+  <view class="upage">
+    <z-paging
+      ref="paging"
+      inside-more
+      loading-more-no-more-text="咱也是有底线的！"
+      :auto-show-back-to-top="true"
+      v-model="dataList"
+      @query="queryList"
+    >
+	 <template #top>
+	  <navBarSearch :navName="'肝胆相照精选病例交流'"></navBarSearch>
+	 <view class="bar"></view>
+	 </template>
+	 <view class="box">
+      <view class="bar"></view>
+      <view class="record">
+        <view class="list">
+          <view class="cell">
+            <view class="title">肝胆相照临床病例库肝胆相照临床病例库肝胆</view>
+            <view class="doctor">
+              <up--image
+                :src="headImg"
+                width="46rpx"
+                height="46rpx"
+                radius="50%"
+              ></up--image>
+              <view class="name">陈XX（首都医科大学附属北京**医院）</view>
+            </view>
+            <view class="content"> 嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎XXXXX </view>
+            <view class="imgbox">
+              <view class="imgcell">
+                <up--image
+                  src="https://cdn.uviewui.com/uview/album/1.jpg"
+                  radius="10"
+                  width="220rpx"
+                  height="220rpx"
+                >
+                  <view slot="error" style="font-size: 24rpx">加载失败</view>
+                </up--image>
+              </view>
+              <view class="imgcell">
+                <up--image
+                  src="https://cdn.uviewui.com/uview/album/1.jpg"
+                  radius="10"
+                  width="220rpx"
+                  height="220rpx"
+                >
+                  <view slot="error" style="font-size: 24rpx">加载失败</view>
+                </up--image>
+              </view>
+              <view class="imgcell">
+                <up--image
+                  src="https://cdn.uviewui.com/uview/album/1.jpg"
+                  radius="10"
+                  width="220rpx"
+                  height="220rpx"
+                >
+                  <view slot="error" style="font-size: 24rpx">加载失败</view>
+                </up--image>
+              </view>
+            </view>
+            <view class="imgbox">
+              <video
+                class="myVideo"
+                src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
+                @error="videoErrorCallback"
+                controls
+              ></video>
+            </view>
+            <view class="tagbox">
+              <view class="tag">标签</view>
+            </view>
+            <view class="deal">
+              <view class="left">
+                <view class="eyebox item">
+                  <up-icon name="eye" color="#4B5563" size="28rpx"></up-icon>
+                  <view class="num">11</view>
+                </view>
+                <view class="collect item">
+                  <up-icon name="heart" color="#4B5563" size="28rpx"></up-icon>
+                  <view class="num">22</view>
+                </view>
+                <view class="chat item">
+                  <up-icon name="chat" color="#4B5563" size="28rpx"></up-icon>
+                  <view class="num">22</view>
+                </view>
+              </view>
+              <view class="time">
+                <up-icon name="clock" color="#4B5563" size="28rpx"></up-icon>
+                <view class="num">{{ formatdate("2022-10-23") }}</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+     </view>
+    </z-paging>
+   
+    
+  </view>
+
+  <!-- <tabBar :value="2"></tabBar> -->
+</template>
+
+<script setup>
+import { ref } from "vue";
+import navBar from "@/components/navBar/navBar.vue";
+import tabBar from "@/components/tabBar/tabBar.vue";
+import headImg from "@/static/headImg.png";
+import dayjs from "dayjs";
+import api from "@/api/api";
+import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
+const paging = ref(null);
+const dataList = ref([]);
+const formatdate = (date) => {
+  return dayjs(date).format("YYYY-MM-DD");
+};
+const videoErrorCallback = (e) => {
+  uni.showModal({
+    content: e.target.errMsg,
+    showCancel: false,
+  });
+};
+
+const queryList = (pageNo, pageSize) => {
+  console.log(666666);
+  const params = {
+    page: pageNo,
+    page_size: pageSize,
+  };
+  api.queryList(params).then((res) => {
+	 paging.value.complete(res.data.data);
+    })
+};
+
+</script>
+
+<style lang='scss' scoped>
+.upage {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 100rpx);
+}
+
+.box {
+  flex: 1;
+  padding-bottom: 30rpx;
+  overflow-y: scroll;
+}
+
+.myVideo {
+  width: 100%;
+  border-radius: 15rpx;
+}
+
+.deal {
+  margin-top: 20rpx;
+  display: flex;
+  color: #4b5563;
+  font-size: 24rpx;
+  justify-content: space-between;
+
+  .left {
+    display: flex;
+    align-items: center;
+
+    .item {
+      width: 100rpx;
+    }
+  }
+
+  .collect {
+    display: flex;
+    align-items: center;
+  }
+
+  .eyebox,
+  .chat {
+    display: flex;
+    align-items: center;
+  }
+
+  .time {
+    display: flex;
+    align-items: center;
+  }
+
+  .num {
+    margin-left: 8rpx;
+  }
+}
+
+.tagbox {
+  margin-top: 24rpx;
+  display: flex;
+
+  .tag {
+    height: 54rpx;
+    padding: 0 28rpx;
+    background: #ecfaf9;
+    border-radius: 30rpx;
+    font-size: 27rpx;
+    color: #3cc7c0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+.doctor {
+  display: flex;
+  align-items: center;
+}
+
+.record {
+  padding-top: 30rpx;
+
+  .list {
+    margin: 30rpx 30rpx;
+
+    .name {
+      margin: 20rpx 0 20rpx 15rpx;
+      font-size: 27rpx;
+      color: #333333;
+    }
+
+    .content {
+      font-size: 27rpx;
+      color: #666666;
+      line-height: 38rpx;
+    }
+
+    .imgbox {
+      display: flex;
+      margin-top: 24rpx;
+
+      .imgcell {
+        width: 220rpx;
+        height: 220rpx;
+        margin-right: 20rpx;
+      }
+
+      .imgcell:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}
+
+.special {
+  padding-top: 30rpx;
+
+  .list {
+    margin: 8rpx 30rpx 0;
+
+    .cell {
+      padding: 22rpx 0;
+      display: flex;
+      border-bottom: 2rpx solid #f3f4f6;
+
+      .circle {
+        margin-top: 15rpx;
+        width: 15rpx;
+        height: 15rpx;
+        background: #3cc7c0;
+        border-radius: 50%;
+      }
+
+      .title {
+        margin-left: 10rpx;
+        font-size: 32rpx;
+        color: #000000;
+        line-height: 46rpx;
+      }
+    }
+
+    .cell:last-child {
+      border-bottom: none;
+    }
+  }
+}
+
+.titlebox {
+  margin: 0 30rpx;
+  display: flex;
+  justify-content: space-between;
+
+  .more {
+    display: flex;
+    align-items: center;
+
+    .morename {
+      margin-right: 10rpx;
+      font-size: 28rpx;
+      color: #3cc7c0;
+    }
+  }
+}
+
+.bar {
+  height: 16rpx;
+  background: #f3f4f6;
+}
+
+.databox {
+  height: 162rpx;
+  background: #ffffff;
+  display: flex;
+  padding: 0 30rpx;
+  justify-content: space-between;
+
+  .cell {
+    flex: 1;
+    padding: 35rpx 0;
+
+    text-align: center;
+
+    .num {
+      font-size: 38rpx;
+      color: #3cc7c0;
+    }
+
+    .name {
+      margin-top: 18rpx;
+      font-size: 28rpx;
+      color: #4b5563;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/static/add.png b/static/add.png
new file mode 100644
index 0000000000000000000000000000000000000000..32082c34c2ba8d612c5e06533ef6de7b5f1b9503
GIT binary patch
literal 1212
zcmV;t1Vj6YP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px(c1c7*R9HvVmRoF8RTPH5b!OTIsudFm(4a985@S?U42CFDG|<jWLufk(B!q^}
zG`t}38WNO<32Ib)(AUy4MFA1_Fx+}(gg`>Ls}G16V~l9PfR`xPB9%htESUyyfVmY&
zi0AR_wb%chf9<`_5^nJ$w^*P5CqTVD_iiW~?+Mi?6#`vpwT^U2*XR3<`DY-mmh3<v
zFsI6@taug?8yE-Ix~J$Ffo-0$A{CFNN&zVeAlMXHAeJlzhV>^^j)Lw{;e-mO#bdaL
zi~*etGU#H=PJAqM*E!!50x1YE(Y6QONmYlyELBxRK2?u*QtO?AxspzsHn*~DNJYbi
z(ANdV^gE(fvm0+u<b%iyVB2<ik5+9*m;`!U!0t4${iWDCe*XNj5vS5iRrM7SQ9L5<
zdgsGjd-DQ>!chky0(!VF?XTUMX#1rU@$8u3%+}eWx(cNayr<lF$G)p`<OHa*BMm+z
zp{l>*$%JIWIXY1BOYxy_^kszQz)yqezSkIYE<4vX05vr={>q`F4<mA~ppBg-w&8lk
zvmi31d>WM(+<5!@1pz|g)<#6vqq@(H#~v>v9-J9nhB8Gx7Unycnf<l1S|0Ix)|bGq
zu5m{7-=mAqH4X&r=tlx`6`GUASyc!iWJe50SX8ET#@lxmgbhayh{$7JIz2I!Sb3lj
zz@MU2^$Ekb8t3HA1Bfmb;Vo2`x$)R*IRU0lk5rde$Z_CD*EnN})qWrj1j3PkC6WZ)
z;F?%tPJp_m<_CRN*&&6!N#i_mH9#=j{}nH0y}uo(Q0Njkf9d_%-k$q+Y+n0Y_Wt^Y
z$T;=OSHN!9I8WvTxE!SHcH{pAT?)<|I#HGsbEYrdTfH^0`ij00wC6n__`U}AxW<{3
z6ClvoI?D3t&%h6^amE%C8b}F3O)a%p)@LZ2+_*C%-yxKs9X%!JAn)(qVX4%b?wfT8
zL*d9vh`guh+es5!T<8{jlKJ^~c+aFv$GV#b5Z#seuV|Xd$%L~jKR{E<Y_Y75LASdm
zHnrg0wxgM@R%bzTr*Xc>7aOo!?z6Bm^*=e7?vcirbY6f!AW$K<jr>lKdpy<JR6Mq=
z*jXsH9<rmGfaxGhT+{w$!B(7EtPe-#sK{#I*x6p0uw!%k6<4a5VD@@2+|nvytpH9~
zXMJP0Y-#H$3XmDM>g}jeXu8nK_m`bd2RCk9`PV>%GqFKCS|{ixxG+zthB|Y&nRgz@
zOgH{J%J&F7r0~7sHKa_(w<SVIC>(hXWI2Lg;rXO-KFGDV;7C?8W8RR#e&0F~rfH_r
zskT|-f49@L9m|!>wr$@Ts-_CO0gMMdrz#7Qai={Wc+sIWleCAbR~20(NM&X=6ycyE
zyHz=1iJS%<fifDQ4j6h-?2wmcK`P<wE#z8JfXi*zo;L#ZEkZOb$X&UUY8qs(LVMCU
zYXGlU$w~&uP84X0J`DP(2-O1RAl;sLNBsV>om<wn{ZUM`lv^;695)nuT@Kuk;#He(
aIl#Z-Vb3sF2!!AO0000<MNUMnLSTZW(Ls{{

literal 0
HcmV?d00001

diff --git a/static/cert.png b/static/cert.png
new file mode 100644
index 0000000000000000000000000000000000000000..d30597cb3c05e2bc3c381b2e1a08be6e4e914eb1
GIT binary patch
literal 670
zcmV;P0%84$P)<h;3K|Lk000e1NJLTq001Wd001Wl1^@s6jH6LC00001b5ch_0Itp)
z=>Px%SV=@dR9Hvtn89lkK@`TnZ?Y|ELGYl6XipUc@m4Y2WMg+h#8W{O>9IGJ{s(&3
zg9mR)y_6nB6g{-+p;_AOCOPO)5Ya>N53o0FL-t9kr4f_e&FpRr+P%(uGr#%f&D%GR
z7~+pZ%!Yph&UW4W&Y{s0{Jw33sZ9x*-^M<Fd3WwcGwG>BDrdW{(H!Gl2p0$$kF}u4
z7Rh^6)4mTtV)=A2ii9iG+(#sD>MS7SqF=ah3#1lcC|sf8o-~A;1e6Y3+b0QND4bPu
zFN1ug3%2K{3m6Jls;|!y@-iu$u7U%D(*YbPT)%(=hx-*G4?WXfhzgg#1&5ZBEA@i&
zA~d0g4W@Y^{#b{2>P_3%hZ7F)Jku@@DV+G8=~(|2+)_ZbLXp^22PK$*;vEQ%?<<wI
zaw2P9(YY9v0=kVC8|#;p$eYaIcK?ynGg=i&(O;WXD)%WfH~?QIXO#W(*86_cn|ixA
zl5d`VOkh4sxOVB-0<a0hk2xqFgW&M*8%jIo`jIQr_5dzYq8<imD<`tu0_Ju`Kd$ui
zx@wpEBf=#B9cd_KIDsttrqglb;;U9}Y@87ZI&OLTaL;_xxfUO3-_oj93NTb7vs5BL
zK*;SNK!3ll94AEhfW+C%;B*x0?UVReE3<@3<@MDCGFd%m)hh*{GfvXePJrjWX<yZ@
z=XU!fd43=;nI6{9nFKQDo6Zw$xVEEJtxUmCuK^rM5it4dYY(Qpv3fKx#^(u~0ub5)
z>$!n;Gl$p;T3D@>W-4(u8rfxvGf7r92XMN|4z+SW0IoeeHwt1Ql>h($07*qoM6N<$
Eg4As-UH||9

literal 0
HcmV?d00001

diff --git a/static/logo.png b/static/logo.png
index b5771e209bb677e2ebd5ff766ad5ee11790f305a..ab5685c79c6ae3bb5a46a612ad59ecdcfb1ecb93 100644
GIT binary patch
literal 6225
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

literal 4023
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
SYs}WS&%*SCNx89m_<sQGK?UOg

diff --git a/static/photo.png b/static/photo.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e2fcb07924d527e2a77adb9c1ccf82d9d452140
GIT binary patch
literal 1067
zcmV+`1l0S9P)<h;3K|Lk000e1NJLTq001BW0018d1^@s6hE~sv00001b5ch_0Itp)
z=>Px&<w-<AR9HvtmtAaAWf;f*|8rXEa1c=zoraq&aG{A3iC3tZ;>X&KMrh9z#v+~$
zA}V^JQ7<tj8WJzeE-<pSU?R#mEfLviGaxcA3^$Go@%v+%Ob}8t6WKaP+w+*Wv$HJ?
zYiBdK@Vz=Y=e*DJdp_Rhd0yfwFJ5K+xHbXStl92vZkcM9oZD3o4`p;sE@4q>*xEBu
zF0aG`hGFOvSo)eKcpk)(dMGcFkpslOG>sj{KaQR&ye|Rphs<7(I|axP_!_`;Js<=^
zf-3>s0FiIUdGYR3mNlhh&jLKUaZ9sH_l!Z1mP~GK;>i9p^-x}r5eS$|vK}T0taTjO
zo{UHPN&tLDxSc=}B8Ti)^zr#9Z)<CFH8!=}128veMLq}M6wB!dnO#D@58xf!iab*S
z;5W<wz#|Yu?N}sSE5O46^VUTk+5lFoy#jp3^wfIW{@{;-tV%j&L-1b#d?9myWG5h}
zA@qQ_1H>NtP~_PK0q`5<uK;hG%;c7N-1>4C@Pi1xNW>y{Efl~f03U$J0Z>~E$Ob@S
zwiPuN1i)u(T}|jG0Nj+%0l{x{<X-!5bhIu2UgN3TNxlR@lR!%(t^Rk*vpf*!xjE~0
zLLjp_!Wyz7<HgB5?<DLn%nbq@0NC)aK#5JJMmG%)4`-`AG4lfO8sX<O;B67nNWSjC
z`ION16Ih{QTnj|40Q4E=8w6j?mu3gs?0DooWv%zICtK-uom3D4iKkPePgLWHssYa5
zs6TzncrFTJ3xJDo9K(+98!C2nDFou_)K4=IyLM^5FUMXXqz6=GhSAB?kGs{k>Hvs?
z5LpiJApqyIn&TfD*mt^8oM#~PlLS`?5SNL?U2IJE5$F~X$(LH@DUQ1{xz3DRyT82J
zUS0`j>bEAq_gS$0nAQLDm6FWA(QFYN!wLeBv#J;=a6#@7W?fmh<Rbv91o%!w`ZV&b
z;&NXJK<PWB{gn<JJ^JDA)ns@_aO+B;eg=d`DTl@f?ScMp)Ly@T^D;CvSRmFxFrELW
zsNYlq7#YW(_Z9l}oB%53UyZ3#(Os^*uvc}->zi780qn@XyCOg>-LMMf#Rm8~!@DVX
zxgtPED7;RH6CyI0h(*`e!}4+&-k`Zn)3}!+y@Rpn3nlY_*W0y}jh=G^t`kSPFZ|+;
zjg0KgR0OHfawVfZ*mI|@$zcGk5C-j7zj`hm%l#p9CrA}5wQ^E6(G*|^XaMxN{+opt
zbsCYMutjhz5sP>WedMxxfiGwVso_NkSIIw{Du+V|Fn`wPS`>&-E<m({GI{pRWHLEB
l>|UD}lesLa=lB0T@Ha$-C_ccLfj0mE002ovPDHLkV1fX==@b9}

literal 0
HcmV?d00001

diff --git a/static/videoicon.png b/static/videoicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..4849f120bcf45c63e599da9892147cca1f46afff
GIT binary patch
literal 1339
zcmV-B1;qM^P)<h;3K|Lk000e1NJLTq001BW0018d1^@s6hE~sv00001b5ch_0Itp)
z=>Px(^+`lQR9HvtR&8t)RTMq<?e;@JjF4cXfIuM;v<d+vkccIP((Vu}-F*<ggzl6^
zO^hUJq9(>_R5a0OVvGcL2B;CWGu;O0%+esFfQYG446z8BkRXWSR}n=h-I=SibW7Qt
zE&fsZ!~1LV-n%>JoqNwck8q8HuJQLVumO}Ux_@{f1#jqOsp~?gWo_xq#o8n(^T(mE
zh@HHkccv@QolO38;#6B(TQXOUF9V8PHI+HIo(R)25*f?~lI+yAHf`=m@0FI81_zBO
zevTLq0~nH#^P9{3YQofC0N`c<$pSE6s^f#;&j1<<;1qz9my>ujKt%w4CUj43F&e(}
z_LPYFCI}A!d=a3-04{p#%qRq5A^~{}e#tiUC$9=Xi9|PmXbl)|TX&3l0QL2~sHaY?
z%PSh2+zg_nV7y|P+T)egwIfA<j|2Qi(sgF_WybqhC>)(e0($`jkXKM-ZF%d85@s<F
zlF@boO?SYz?J)GCnTRW@S5FTF0_|YzvP^C6f^cn!1zTW#&ocF8ezjJlYI#@)d{2v^
zf7JI(763)6UjVp^&^<Cuao+@GN$o_qd>D*<mZ{CIT&z|JMstcWQ>*g>5Q;=UAfm-C
zs4QW`b`NX-p@{l95vH(%F?L)#o_V8?TwOv49AfYu+t5oD8C?j_R%YI4n|joj0jZh<
zgo$ZRiy3R{mw}K}n+d3b3)O1U^vpk0BGI)VdX1SIY*SwqlB*{Z0tdnTjeBlzNh0w^
zSKpjcDTfTk^+y1@1r8Tmas61o04l<@p@85PfV%-~0>roJ1ZKCGKr2BIV5ihFH|+yJ
zic}8(n8Cn70=5H`k|7uc09S)>JHQ`WhCc7AGVIayV@!C_({C1~j4ozgYd7iZ(|hIj
z)r<<}i54Q<nPcL$U+AKRySBwn|04h?{Z^~D5}}NN%cEFur$BP2pE{(JfpZu-kC-Pg
zQ)(0waS|@Rvf{ee`B_sibtVVm|7<xY07a?_fC?t|M)IX_aRww>Y$LYQM;%4rKn=hX
zAP`91&ZQ*5J$l}8v|Y^&zxdtC4*)5V=sO@<o{I)%UT>TFgX#THxMl_kVFMVJBj>c^
zc9-vHYB+S&9;ggQ*9buy0RDkpJj;aMSs;M%fA{t?AR5lZOYBCy(esC!#wEWd&=@ek
z>oS=jPDwF9C}gG;AXEeBunesvrHww3?FA9Fl?dek7FdSn&G0KC6s}oHLTmxpv<zJ;
zk(yZ`v7f=8+J=6276bM5Lg_g1C4h-YqQq*}yx+ay=LH7=Om-a_m59gsSn;KtN?9{W
zKzMI~y_TWfTNzfXgg`SBVs@jp#;*iQL~R5?x^T-9#>N5e1p~niKL#+9;Y_iOO`bJh
z*#nE!*~HibV25RBm6efbxgcs~##Y<Zs(eczqq_l`<2p1m5s!V+e-p~+Is!ex;N6ZB
zT+tfe@O?UAuB;nf0O$P_K*m$HsjX9#WjA8bbtl2dXTi(={P9>k{RmAdWNh~eA`t`Q
z?5}k8<^zUtzFz?Ir8+DKv;!#i4l>}GQYw1Afzfg1BG25vP5<3nUm(>-7<j$sn8Q6|
zmjL0ZkyAmn2_JX$orL9!R*uLE<Uh~E6+MsBG=@$vTa;h$bmrSmiKvpnkAi4I>iy>d
xW+a(#gk8LxXwtU(m1p33fgjp`W9@$i{sQFhTRzJzBa{FD002ovPDHLkV1nx}WBdRB

literal 0
HcmV?d00001

diff --git a/static/vote.png b/static/vote.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f7f08594747753828ee86ae7dc912447936c6cd
GIT binary patch
literal 603
zcmV-h0;K(kP)<h;3K|Lk000e1NJLTq001ul001ut1^@s6b0?Fm00001b5ch_0Itp)
z=>Px%6-h)vRA@u(n9pkyK@`W|Os0~RU<uknQ9O7Mp%tM*FFp3=JqOY3A)B4#ntvv+
zGrP&j|3E18(2Ip$6zRpAUKCUif59rcvoo?GfiW(2(=;KWZ;!i=+3$SjJ8#|_0!#dm
zCDsm8i+5f3YNb-SoIy}Z{S-ocnir6%#MkTfb;ohu0l>;oaH^EL-Rt$<%wqymiElI-
zw-{ruZJ}wJZbwn{62+fF0Li0m&ag?)Hs@&@-}es)AzP!=3jhy=5J!0nvvA}&=U)L}
zbtKjp<4GxdDBdP8i$e;@7s*^mevA^@25nP>z!KPo_`d&?5VDbJC4~G+lH^fd)3R`$
z?{qp&9LGOw$i|olQp)}D#X<2!>{>L>Bl#SfbEztk{DmRUIlrlta<U0C#=Z+7-j7dy
zAvY}N{4M~TWar6HZ~_2pLWpl?spseFdC&89OQq6ZeIsLRqucF%K=A-DvlAA{TmC}N
z7tQl%8??<JD@}G|hPFZ5Tr}G>o6Y-_(&yGSv(Z{#i=ybWoo-#%y<RSt-&zG6BuTQ_
z@AqHXakX0QQngx*vjTPWUTeJ<hT&mO1O5>J)~$a(mQp^M=!(1DZttdPIw*;aF<-(k
ze33VR=XpDn(kt0FN@*Mf!Es((tJS)vwO$*>{SJcQSvGWz_&dg!8^bG-6abEd5Ls3G
p&ofmUSfojxWekd+CEfpx{RgRbzg_)}Tyg*a002ovPDHLkV1h6Y7ySSL

literal 0
HcmV?d00001