page添加

App.vue

@@ -31,6 +31,10 @@ onLaunch(() => {
 })
 </script>
 
-<style>
+<style lang="scss">
 /*每个页面公共css */
+.main {
+	min-height: 95vh;
+    background: linear-gradient(to top, #f2f8ff 0%, #e7f0fd 100%);
+}
 </style>

pages.json

@@ -7,23 +7,28 @@
 	},
 	
 	"pages": [
-		{
-			"path": "pages/patient/patientList",
-			"style": {
-				"navigationBarTitleText": "患者列表"
-			}
-		},
 		{
 			"path": "pages/index/index",
 			"style": {
 				"navigationBarTitleText": "个人中心"
 			}
 		},
-
 		{
-			"path": "pages/patient/addTask",
+			"path": "pages/patient/patientFbDetail/patientFbDetail",
 			"style": {
-				"navigationBarTitleText": "新增任务"
+				"navigationBarTitleText": "反馈详情"
+			}
+		},
+		{
+			"path": "pages/patient/patientFbList/patientFbList",
+			"style": {
+				"navigationBarTitleText": "患者反馈"
+			}
+		},
+		{
+			"path": "pages/patient/patientList/patientList",
+			"style": {
+				"navigationBarTitleText": "患者列表"
 			}
 		}
 		

pages/index/index.vue

@@ -60,7 +60,7 @@ const logout = async() => {
 
 </script>
 <template>
-	<view class="home">
+	<view class="home main">
 		<!-- 头部 -->
 		<view class="header shadow" @tap="showLogin">
 			<template v-if="userStore.isLogin">
@@ -114,9 +114,7 @@ const logout = async() => {
 </template>
 <style lang="scss" scoped>
 	.home{
-		height: 95vh;
+		padding: 20rpx;
-		padding: 30rpx;
-    	background: linear-gradient(180deg, #f8fbff 0%, #f2f7ff 100%);
 		.shadow {
 			box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
     		border: 1rpx solid #e8f2ff;

pages/patient/addTask/addTask.vue

@@ -1,7 +0,0 @@
-<script setup>
-
-</script>
-<template>
-    患者-新增任务
-</template>
-<style lang="scss" scoped></style>

pages/patient/patientFbDetail/patientFbDetail.vue

@@ -0,0 +1,69 @@
+<script setup></script>
+<template>
+    <view class="box main">
+        <wd-card>
+            <view class="head">
+                <image src="/static//logo.png"></image>
+                <view class="info">
+                    <view>
+                        <text class="adorn">陈程城</text>
+                        <text>男</text>
+                        <text>25</text>
+                    </view>
+                    <view>住院号/ID：123456</view>
+                </view>
+            </view>
+        </wd-card>
+        <wd-card>
+              <template #title>     
+                <view class="title">病情描述</view>
+            </template>
+            <view class="content">
+                <view>xxxxx</view>
+                <view>提示：1.病人的状态描述，是否出现头疼，呕吐，嗜睡等以上症状.2.病人行为描述：是否出现走路不稳，大小便失禁等方面概述</view>
+            </view>
+            <template #footer>
+            </template>
+        </wd-card>
+
+    </view>
+</template>
+<style lang="scss" scoped>
+.box{
+    padding-top: 20rpx;
+    .head {
+        display: flex;
+        padding: 20rpx;
+        gap: 20rpx;
+        align-items: center;
+        color: #000;
+        image {
+            width: 100rpx;
+            height: 100rpx;
+            border-radius: 50%;
+            border: 1rpx solid #d4d4d4;
+        }
+        .info {
+            font-size: 24rpx;
+            >view {
+                display: flex;
+                gap: 30rpx;
+                align-items: flex-end;
+            }
+            .adorn {
+                font-weight: bold;
+                font-size: 32rpx;
+            }
+        }
+    }
+    .content {
+        color: #333;
+        padding-bottom: 20rpx;
+        :first-child {
+            padding: 15rpx 0;
+            border-top: 1rpx solid #d4d4d4;
+        }
+        
+    }
+}
+</style>

pages/patient/patientFbList/patientFbList.vue

@@ -3,8 +3,53 @@
 </script>
 <template>
     <!-- 病人反馈 -->
-     病人反馈
+     <view class="fb_list main">
+         <wd-card custom-class="item" v-for="item in 9" :key="item">
+            <view class="title">
+                <view class="left">
+                    <view>
+                        姓名：xxx
+                    </view>
+                    <view>
+                       &nbsp; &nbsp;ID：133456
+                    </view>
+                </view>
+                <view>日期：2020-10-20</view>
+            </view>
+             <view class="content">
+                 病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+                 病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+                 病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+                 病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+             </view>
+         </wd-card>
+     </view>
 </template>
 <style lang="scss" scoped>
-
+.fb_list {
+    font-size: 26rpx;
+    padding-top: 20rpx;
+    :deep(.item) {
+        padding: 0;
+    }
+    .title {
+        display: flex;
+        justify-content: space-between;
+        padding: 20rpx;
+        color: #333;
+        border-bottom: 1px solid #e7e8e8;
+    }
+    .content {
+        padding: 20rpx;
+        height: 123rpx;
+        line-height: 45rpx;
+        letter-spacing: 3rpx;
+        word-break: break-all;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 3;
+    }
+}
 </style>

pages/patient/patientList/patientList.vue

@@ -13,6 +13,7 @@ onLoad(() => {
 
 <template>
     <!-- 病人管理 -->
+    <view class="main">
         <wd-watermark content="wot-design-uni"></wd-watermark>
         <wd-fab inactiveIcon="ellipsis" activeIcon="rollback">
             <view class="fab">
@@ -55,6 +56,7 @@ onLoad(() => {
 
             </wd-card>
         </view>
+    </view>
 </template>
 
 <style lang="scss" scoped>
@@ -72,12 +74,14 @@ onLoad(() => {
         margin-top: 18rpx;
     }
 }
+
 .nav_bar {
     position: sticky;
     left: 0;
     top: 0;
     background-color: #fff;
     z-index: 10;
+    box-shadow: 0px 2px 5px #c5c5c5;
     .nav {
         display: flex;
         justify-content: space-around;
@@ -85,24 +89,27 @@ onLoad(() => {
         font-size: 28rpx;
         color: #6b7280;
         padding: 10rpx;
+
         text {
             padding: 10rpx 16rpx;
             border-radius: 5rpx;
         }
     }
+
     .active {
         background: #3b82f6;
         color: #ffffff;
         border: 1rpx solid #3b82f6;
     }
 }
+
 .patient_list {
-    background-color: #ededed;
     padding-top: 20rpx;
     :deep(.item) {
         padding: 0;
         font-size: 24rpx;
         overflow: hidden;
+
         .top {
             display: flex;
             justify-content: space-between;
@@ -110,30 +117,39 @@ onLoad(() => {
             padding: 20rpx;
             color: #155724;
         }
+
         .content {
             display: flex;
             padding: 20rpx;
             flex-wrap: wrap;
             font-size: 28rpx;
             color: #333;
+
             view {
                 width: 50%;
                 margin-bottom: 10rpx;
-                &:last-child { width: 100%; }
+
+                &:last-child {
+                    width: 100%;
                 }
+            }
+
             .red {
                 font-weight: bold;
                 color: rgb(255, 21, 21);
             }
         }
+
         .btns {
             display: flex;
             // gap: 15rpx;
             padding: 20rpx;
             justify-content: space-between;
+
             button {
                 padding: 0 20rpx;
             }
+
             text {
                 background-color: #f8f9fa;
                 border-radius: 12rpx;
@@ -141,6 +157,7 @@ onLoad(() => {
                 padding: 16rpx 12rpx;
                 text-align: center;
             }
+
             .add {
                 background-color: #007bff;
                 color: #ffffff;