From 8b54bac4c17fc271d84e441517c52950ec225b44 Mon Sep 17 00:00:00 2001
From: chenhaizhao <2291973799@qq.com>
Date: Wed, 31 Dec 2025 14:44:36 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                                   |  6 +-
 pages/index/index.vue                     |  6 +-
 pages/patient/addTask/addTask.vue         |  7 --
 pages/patient/patientList/patientList.vue | 99 +++++++++++++----------
 4 files changed, 65 insertions(+), 53 deletions(-)
 delete mode 100644 pages/patient/addTask/addTask.vue

diff --git a/App.vue b/App.vue
index ddad388..815226c 100644
--- a/App.vue
+++ b/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>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 2fda80f..d5638a0 100644
--- a/pages/index/index.vue
+++ b/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: 30rpx;
-    	background: linear-gradient(180deg, #f8fbff 0%, #f2f7ff 100%);
+		padding: 20rpx;
 		.shadow {
 			box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
     		border: 1rpx solid #e8f2ff;
diff --git a/pages/patient/addTask/addTask.vue b/pages/patient/addTask/addTask.vue
deleted file mode 100644
index d893365..0000000
--- a/pages/patient/addTask/addTask.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script setup>
-
-</script>
-<template>
-    患者-新增任务
-</template>
-<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/pages/patient/patientList/patientList.vue b/pages/patient/patientList/patientList.vue
index 5bc091e..83034a5 100644
--- a/pages/patient/patientList/patientList.vue
+++ b/pages/patient/patientList/patientList.vue
@@ -4,62 +4,64 @@ import { onLoad } from "@dcloudio/uni-app"
 import { getPatientList } from "@/services/patient"
 let active = ref('all')
 let cutNav = (type) => {
-   active.value = type
+    active.value = type
 }
 onLoad(() => {
-     getPatientList()
+    getPatientList()
 })
 </script>
 
 <template>
     <!-- 病人管理 -->
-    <wd-watermark content="wot-design-uni"></wd-watermark>
-    <wd-fab inactiveIcon="ellipsis" activeIcon="rollback">
-        <view class="fab">
-            <view>调压趋势</view>
-            <view>新增任务</view>
-            <view>新增手术</view>
+    <view class="main">
+        <wd-watermark content="wot-design-uni"></wd-watermark>
+        <wd-fab inactiveIcon="ellipsis" activeIcon="rollback">
+            <view class="fab">
+                <view>调压趋势</view>
+                <view>新增任务</view>
+                <view>新增手术</view>
+            </view>
+        </wd-fab>
+        <view class="nav_bar">
+            <view class="nav">
+                <text @tap="cutNav('all')" :class="{ active: active === 'all' }">全部</text>
+                <text @tap="cutNav('week')" :class="{ active: active === 'week' }">本周</text>
+                <text @tap="cutNav('month')" :class="{ active: active === 'month' }">本月</text>
+                <text @tap="cutNav('custom')" :class="{ active: active === 'custom' }">自定义</text>
+            </view>
+            <wd-search placeholder="住院号/病人名称/医生" hide-cancel />
         </view>
-    </wd-fab>
-    <view class="nav_bar">
-        <view class="nav">
-            <text @tap="cutNav('all')" :class="{active: active === 'all'}">全部</text>
-            <text @tap="cutNav('week')" :class="{active: active === 'week'}">本周</text>
-            <text @tap="cutNav('month')" :class="{active: active === 'month'}">本月</text>
-            <text @tap="cutNav('custom')" :class="{active: active === 'custom'}">自定义</text>
-        </view>
-        <wd-search placeholder="住院号/病人名称/医生" hide-cancel />
-    </view>
-    <view class="patient_list">
-        <wd-card custom-class="item" v-for="value in 10" :key="value">
-            <view class="top">
+        <view class="patient_list">
+            <wd-card custom-class="item" v-for="value in 10" :key="value">
+                <view class="top">
                     <text>住院号：000000</text>
                     <text>2020-12-22</text>
                     <text>手术次数：1</text>
-            </view>
-            <view class="content">
-                <view>患者姓名：xxx</view>
-                <view>手机号码：11111111111</view>
-                <view>植入物品牌：索菲萨</view>
-                <view>原发病：小脑但脂瘤</view>
-                <view class="red">当前压力：110</view>
-                <view>初始压力：110</view>
-                <view>脑积水类型：交通性，高压性</view>
-            </view>
-            <view class="btns">
-                <button size="mini" plain="true">医生共享</button>
-                <button size="mini" plain="true">调压趋势</button>
-                <button size="mini" plain="true">手术详情</button>
-                <button size="mini" plain="true">一键调压</button>
-            </view>
+                </view>
+                <view class="content">
+                    <view>患者姓名：xxx</view>
+                    <view>手机号码：11111111111</view>
+                    <view>植入物品牌：索菲萨</view>
+                    <view>原发病：小脑但脂瘤</view>
+                    <view class="red">当前压力：110</view>
+                    <view>初始压力：110</view>
+                    <view>脑积水类型：交通性，高压性</view>
+                </view>
+                <view class="btns">
+                    <button size="mini" plain="true">医生共享</button>
+                    <button size="mini" plain="true">调压趋势</button>
+                    <button size="mini" plain="true">手术详情</button>
+                    <button size="mini" plain="true">一键调压</button>
+                </view>
 
-        </wd-card>
+            </wd-card>
+        </view>
     </view>
 </template>
 
 <style lang="scss" scoped>
 .fab {
-    view{
+    view {
         background: #4d80f0;
         width: 112rpx;
         height: 112rpx;
@@ -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;