From bcbb563b5534a2402df227c55d1725ae70c757c6 Mon Sep 17 00:00:00 2001
From: chenhaizhao <2291973799@qq.com>
Date: Fri, 9 Jan 2026 14:53:42 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4ui=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Card/Card.vue                      |   6 +-
 main.js                                       |   4 +-
 pages.json                                    |   6 +
 pages/brand/brandDetail/brandDetail.vue       |   8 +-
 pages/brand/brandList/brandList.vue           |  17 ++-
 pages/index/index.vue                         |  19 ++-
 .../patient/patientAddTask/patientAddTask.vue | 144 ++++++++++++++++++
 .../patientFbDetail/patientFbDetail.vue       |  35 ++---
 pages/patient/patientFbList/patientFbList.vue |  67 ++++----
 9 files changed, 223 insertions(+), 83 deletions(-)
 create mode 100644 pages/patient/patientAddTask/patientAddTask.vue

diff --git a/components/Card/Card.vue b/components/Card/Card.vue
index 5745185..dc6b4f4 100644
--- a/components/Card/Card.vue
+++ b/components/Card/Card.vue
@@ -1,19 +1,19 @@
 <template>
     <view class="card">
-        <view class="header">
+        <view v-if="$slots.header" class="header">
             <slot name="header"></slot>
         </view>
         <view class="default">
             <slot></slot>
         </view>
-        <view class="footer">
+        <view v-if="$slots.footer" class="footer">
             <slot name="footer"></slot>
         </view>
     </view>
 </template>
 <style lang="scss" scoped>
 .card {
-    margin: 0 20rpx 25rpx;
+    margin: 0 25rpx 25rpx;
     font-size: 24rpx;
     overflow: hidden;
     border-radius: 15rpx;
diff --git a/main.js b/main.js
index 9a538a8..fd45fc2 100644
--- a/main.js
+++ b/main.js
@@ -1,11 +1,11 @@
 import App from './App'
 import { createSSRApp } from 'vue'
 import pinia from './store'
-import myComponents  from "@/components"
+import myComponents from "@/components"
 
 export function createApp() {
   const app = createSSRApp(App)
-  app.use(myComponents )
+  app.use(myComponents)
   app.use(pinia)
   return {
     app
diff --git a/pages.json b/pages.json
index cd82078..0aced42 100644
--- a/pages.json
+++ b/pages.json
@@ -7,6 +7,12 @@
 	},
 	
 	"pages": [
+		{
+			"path": "pages/patient/patientAddTask/patientAddTask",
+			"style": {
+				"navigationBarTitleText": "新增任务"
+			}
+		},
 		{
 			"path": "pages/brand/brandDetail/brandDetail",
 			"style": {
diff --git a/pages/brand/brandDetail/brandDetail.vue b/pages/brand/brandDetail/brandDetail.vue
index 23367e2..0cad6c7 100644
--- a/pages/brand/brandDetail/brandDetail.vue
+++ b/pages/brand/brandDetail/brandDetail.vue
@@ -5,10 +5,10 @@
             <wd-search placeholder="请输入搜索内容" cancel-txt="搜索"/>
         </view>
         <wd-gap height="100rpx"></wd-gap>
-        <wd-card v-for="item in 5" :key="item">
-            <template #title>
+        <Card v-for="item in 5" :key="item">
+            <template #header>
                 <view class="title">
-                    <wd-img width="130rpx" height="130rpx" src="/static/logo.png"></wd-img>
+                    <wd-avatar src="/static/logo.png" />
                     <view>
                         <view>产品型号：</view>
                         <view>是否抗磁：</view>
@@ -19,7 +19,7 @@
                 <view>型号描述</view>
                 <view class="text">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</view>
             </view>
-        </wd-card>
+        </Card>
     </view>
 </template>
 <style lang="scss" scoped>
diff --git a/pages/brand/brandList/brandList.vue b/pages/brand/brandList/brandList.vue
index ef6d520..a44acb4 100644
--- a/pages/brand/brandList/brandList.vue
+++ b/pages/brand/brandList/brandList.vue
@@ -7,15 +7,16 @@
 </script>
 <template>
     <view class="main">
-        <view @tap="clickDetail" v-for="item in 5" :key="item">
-            <wd-card title="分流厂家名称">
-                <view class="content">
-                    描述
-                </view>
-            </wd-card>
-        </view>
+        <Card v-for="item in 5" :key="item" @tap="clickDetail">
+            <template #header>
+                <view>分流厂家名称</view>
+            </template>
+            <view class="content">
+                描述
+            </view>
+        </Card>
     </view>
-    <Loadmore></Loadmore>
+    <LoadMore></LoadMore>
 </template>
 <style lang="scss" scoped>
 .content {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 1e0f10f..9b999cc 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -106,7 +106,10 @@ const logout = async() => {
 		<view class="bottom shadow">
 			<view></view>
 			<view></view>
-			<view>我的</view>
+			<view>
+				<wd-icon name="user" size="40rpx" />
+				<view>我的</view>
+			</view>
 		</view>
 	</view>
 	<!-- 登录弹出框 -->
@@ -128,7 +131,7 @@ const logout = async() => {
 			box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
     		border: 1rpx solid #e8f2ff;
 			background-color: #fff;
-			border-radius: 12rpx;
+			border-radius: 14rpx;
 		}
 		.header {
 			display: flex;
@@ -215,16 +218,12 @@ const logout = async() => {
     		bottom: 2rpx;
 			left: 0;
 			display: flex;
+			padding: 15rpx;
 			width: 100%;
-			height: 80rpx;
-			line-height: 80rpx;
 			text-align: center;
-			font-size: 28rpx;
-			view {
-				width: 33%;
-				border-right: 1px solid #dddddd;
-				&:last-child { border: none; }
-				
+			font-size: 23rpx;
+			>view {
+				width: 33%;				
 			}
 		}
 	}
diff --git a/pages/patient/patientAddTask/patientAddTask.vue b/pages/patient/patientAddTask/patientAddTask.vue
new file mode 100644
index 0000000..382ae90
--- /dev/null
+++ b/pages/patient/patientAddTask/patientAddTask.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue';
+const columns = ref(["患者1", "患者2", "患者3", "患者4"])
+const value = ref("患者1")
+const date = ref(Date.now())
+const formatValue = ref("")
+const btnsValue = ref([1])
+const handleDate = ({ value }) => {
+    console.log(66, value);
+
+    formatValue.value = new Date(value).toJSON().split("T")[0]
+}
+</script>
+<template>
+    <view class="box">
+        <view>
+            <view class="title">选择患者</view>
+            <view>
+                <wd-picker v-model="value" :columns="columns" title="选择患者" label="请选择患者" confirm-button-text="确定" />
+            </view>
+        </view>
+        <view>
+            <view class="title">患者信息</view>
+            <view class="item">
+                <view>
+                    <view>住院号</view>
+                    <view>00000</view>
+                </view>
+                <view>
+                    <view>姓名</view>
+                    <view>00000</view>
+                </view>
+                <view>
+                    <view>手术名称</view>
+                    <view>00000</view>
+                </view>
+                <view>
+                    <view>手术日期</view>
+                    <view>00000</view>
+                </view>
+            </view>
+        </view>
+        <view>
+            <view class="title">植入物信息</view>
+            <view class="item">
+                <view>
+                    <view>植入物名称</view>
+                    <view>11111</view>
+                </view>
+                <view>
+                    <view>植入物型号</view>
+                    <view>11111</view>
+                </view>
+                <view>
+                    <view>植入物时间</view>
+                    <view>11111</view>
+                </view>
+            </view>
+        </view>
+        <view>
+            <view>
+                院内执行
+                <wd-checkbox :modelValue="true" shape="button">加急</wd-checkbox>
+            </view>
+        </view>
+        <view>
+            <view class="title">分流调节计划</view>
+            <view class="item">
+                <view>
+                    <view>计划调节时间</view>
+                    <wd-calendar v-model="date" @confirm="handleDate">
+                        <view v-if="formatValue">{{ formatValue }}</view>
+                        <wd-button v-else size="small">选择日期</wd-button>
+                    </wd-calendar>
+                </view>
+                <view>
+                    <view>目标压力</view>
+                    <view>
+                        <wd-picker v-model="value" :columns="columns" confirm-button-text="确定" />
+                    </view>
+                </view>
+                <view>
+                    <view>调压原因</view>   
+                    <view>
+                        <wd-drop-menu direction="up">
+                            <wd-drop-menu-item title="筛选" ref="dropMenu">
+                                <wd-checkbox-group v-model="btnsValue" cell shape="button">
+                                    <wd-checkbox v-for="value in 5" :key="value" :modelValue="value" shape="button">选项{{ value }}</wd-checkbox>
+                                </wd-checkbox-group>
+                            </wd-drop-menu-item>
+                        </wd-drop-menu>
+                    </view>
+                </view>
+                <view>
+                    <view>是否加急</view>
+                    <view>
+                        <wd-checkbox :modelValue="true" shape="button">加急</wd-checkbox>
+                    </view>
+                </view>
+            </view>
+        </view>
+        <view>
+            <view>任务文件</view>
+            <view>
+                <wd-upload image-mode="aspectFill" :action="''"></wd-upload>
+            </view>
+        </view>
+        <wd-button>保存</wd-button>
+    </view>
+</template>
+<style lang="scss" scoped>
+// .box {
+//     min-height: 95vh;
+//     padding: 20rpx;
+//     background-color: #fff;
+// }
+.title {
+    display: flex;
+    font-weight: bold;
+    font-size: 30rpx;
+    align-items: center;
+    margin: 20rpx 0;
+
+    &::before {
+        content: "";
+        width: 8rpx;
+        height: 35rpx;
+        background-color: aqua;
+        border-radius: 5rpx;
+        margin: 0 15rpx;
+    }
+}
+
+.item {
+    >view {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 25rpx;
+        border-bottom: 1px solid #e0e0e0;
+        font-size: 28rpx;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/patient/patientFbDetail/patientFbDetail.vue b/pages/patient/patientFbDetail/patientFbDetail.vue
index 256ef83..f1fdd8b 100644
--- a/pages/patient/patientFbDetail/patientFbDetail.vue
+++ b/pages/patient/patientFbDetail/patientFbDetail.vue
@@ -1,49 +1,42 @@
 <script setup></script>
 <template>
     <view class="box main">
-        <wd-card>
+        <Card>
             <view class="head">
-                <image src="/static//logo.png"></image>
+                <wd-avatar src="/static/logo.png" />
                 <view class="info">
-                    <view>
+                    <view class="msg">
                         <text class="adorn">陈程城</text>
                         <text>男</text>
                         <text>25</text>
                     </view>
-                    <view>住院号/ID：123456</view>
+                    <view class="msg">住院号/ID：123456</view>
                 </view>
             </view>
-        </wd-card>
-        <wd-card>
-              <template #title>     
-                <view class="title">病情描述</view>
+        </Card>
+        <Card>
+              <template #header>     
+                <view>病情描述</view>
             </template>
             <view class="content">
-                <view>xxxxx</view>
+                <view class="title">xxxxx</view>
                 <view>提示：1.病人的状态描述，是否出现头疼，呕吐，嗜睡等以上症状.2.病人行为描述：是否出现走路不稳，大小便失禁等方面概述</view>
             </view>
             <template #footer>
             </template>
-        </wd-card>
+        </Card>
 
     </view>
 </template>
 <style lang="scss" scoped>
 .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 {
+        .msg {
             display: flex;
             gap: 30rpx;
             align-items: flex-end;
@@ -57,9 +50,9 @@
 .content {
     color: #333;
     padding-bottom: 20rpx;
-    :first-child {
-        padding: 15rpx 0;
-        border-top: 1rpx solid #d4d4d4;
+    .title {
+        font-size: 35rpx;
+        margin-bottom: 15rpx;
     }
     
 }
diff --git a/pages/patient/patientFbList/patientFbList.vue b/pages/patient/patientFbList/patientFbList.vue
index 6671a66..2c9e579 100644
--- a/pages/patient/patientFbList/patientFbList.vue
+++ b/pages/patient/patientFbList/patientFbList.vue
@@ -8,11 +8,9 @@ const clickDetail = () => {
 <template>
     <!-- 病人反馈 -->
     <view class="fb_list main">
-        <wd-card custom-class="item" v-for="item in 9" :key="item">
-            <view class="content" @tap="clickDetail">
+        <Card custom-class="item" v-for="item in 9" :key="item" @tap="clickDetail">
+            <template #header>
                 <view class="title">
-                    <!-- <view class="left">
-                    </view> -->
                     <view>
                         姓名：xxx
                     </view>
@@ -21,16 +19,18 @@ const clickDetail = () => {
                     </view>
                     <view>2020-10-20</view>
                 </view>
-                <view class="text">
-                    病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
-                    病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
-                    病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
-                    病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
-                </view>
+            </template>
+            <view class="text">
+                病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+                病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+                病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+                病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
             </view>
-        </wd-card>
+            <view class="content">
+            </view>
+        </Card>
     </view>
-    <Loadmore></Loadmore>
+    <LoadMore></LoadMore>
 </template>
 <style lang="scss" scoped>
 .fb_list {
@@ -39,32 +39,29 @@ const clickDetail = () => {
     :deep(.item) {
         padding: 0;
     }
+    .title {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-end;
+        :first-child {
+            font-size: 30rpx;
+        }
+    }
     .content {
         padding-bottom: 25rpx;
-        .title {
-            display: flex;
-            justify-content: space-between;
-            padding: 20rpx;
-            color: #333;
-            font-size: 26rpx;
-            align-items: flex-end;
-            :first-child {
-                font-size: 30rpx;
-            }
-        }
     
-        .text {
-            padding: 0 20rpx;
-            height: 123rpx;
-            line-height: 40rpx;
-            letter-spacing: 3rpx;
-            word-break: break-all;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            display: -webkit-box;
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: 3;
-        }
+    }
+    .text {
+        height: 115rpx;
+        font-size: 28rpx;
+        line-height: 40rpx;
+        letter-spacing: 3rpx;
+        word-break: break-all;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 3;
     }
 }
 </style>
\ No newline at end of file