From 96be55b0beb30d1dd2b06ff2fc1cd69d57a200e7 Mon Sep 17 00:00:00 2001
From: liuning <807852472@qq.com>
Date: Fri, 6 Mar 2026 18:47:52 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=EF=BC=88=E8=B4=A6=E5=8F=B7=E5=AF=86=E7=A0=81=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E3=80=81=E9=A3=8E=E6=A0=BC=E4=BF=AE=E6=94=B9=E3=80=81=E7=AD=BE?=
 =?UTF-8?q?=E5=AD=97=E5=8A=9F=E8=83=BD=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                |   3 +
 pages/basics/home.vue                     | 298 +++++++++++++++-----
 pages/component/home.vue                  |   4 +-
 pages/component/traceDetailsByBox.vue     |   6 +-
 pages/component/traceDetailsByDept.vue    |   2 +-
 pages/component/traceDetailsByMedical.vue |   6 +-
 pages/index/index.vue                     |  17 +-
 pages/main/inventory.vue                  | 190 +++++++++++--
 pages/plugin/handList.vue                 | 326 ++++++++++++++++++++--
 pages/plugin/home.vue                     | 204 +++++++++++---
 pages/plugin/personalInformation.vue      |   5 +-
 pages/plugin/sign.vue                     | 228 +++++++++++++++
 pages/register/login.vue                  |  70 ++++-
 13 files changed, 1173 insertions(+), 186 deletions(-)
 create mode 100644 pages/plugin/sign.vue

diff --git a/pages.json b/pages.json
index 7c4d9f1..a4c8f8a 100644
--- a/pages.json
+++ b/pages.json
@@ -69,6 +69,9 @@
 		}, {
 			"path": "pages/plugin/handCardCode",
 			"style": {}
+		}, {
+			"path": "pages/plugin/sign",
+			"style": {}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/basics/home.vue b/pages/basics/home.vue
index d83e13e..6dd344d 100644
--- a/pages/basics/home.vue
+++ b/pages/basics/home.vue
@@ -1,82 +1,71 @@
 <template name="basics">
 	<view>
 		<scroll-view scroll-y class="page">
-			<cu-custom bgColor="bg-cyan"><block slot="content">首页</block></cu-custom>
-			<view class="cu-bar bg-white">
-				<view class="action">
-					<text class="cuIcon-title text-green"></text>
-					<text>医院基本信息</text>
+			<cu-custom bgColor="bg-blue"><block slot="content">首页</block></cu-custom>
+			<view class="content-area">
+				<view class="section-header first-section">
+					<view class="header-icon">🏥</view>
+					<view class="header-title">医院基本信息</view>
 				</view>
-			</view>
-			<view class="grid col-3 padding-sm">
-				<view class="padding-sm">
-					<view class="padding radius text-center shadow-blur bg-blue" @click="buttonClickToday">
-						<!-- <view class="text-lg" v-if="hospitalBasisInfo.today_collection === undefined ">0kg</view> -->
-						<view class="text-lg">{{hospitalBasisInfo.today_collection}}kg</view>
-						<view class="margin-top-sm text-Abc">今日收集</view>
+				<!-- 今日/本周/本月收集数据 -->
+				<view class="collection-stats">
+					<view class="stat-card stat-today" @click="buttonClickToday">
+						<view class="stat-icon">📅</view>
+						<view class="stat-value">{{hospitalBasisInfo.today_collection || 0}}</view>
+						<view class="stat-unit">kg</view>
+						<view class="stat-label">今日收集</view>
+					</view>
+					<view class="stat-card stat-week" @click="buttonClickWeek">
+						<view class="stat-icon">📊</view>
+						<view class="stat-value">{{hospitalBasisInfo.week_collection || 0}}</view>
+						<view class="stat-unit">kg</view>
+						<view class="stat-label">本周收集</view>
+					</view>
+					<view class="stat-card stat-month" @click="buttonClickMonth">
+						<view class="stat-icon">📈</view>
+						<view class="stat-value">{{hospitalBasisInfo.month_collection || 0}}</view>
+						<view class="stat-unit">kg</view>
+						<view class="stat-label">本月收集</view>
 					</view>
 				</view>
-				<view class="padding-sm">
-					<view class="padding radius text-center shadow-blur bg-cyan" @click="buttonClickWeek">
-						<view class="text-lg">{{hospitalBasisInfo.week_collection}}kg</view>
-						<view class="margin-top-sm text-Abc">本周收集</view>
-					</view>
+				<view class="section-header">
+					<view class="header-icon">📉</view>
+					<view class="header-title">一周数据变化图</view>
 				</view>
-				<view class="padding-sm">
-					<view class="padding radius text-center shadow-blur bg-red" @click="buttonClickMonth">
-						<view class="text-lg">{{hospitalBasisInfo.month_collection}}kg</view>
-						<view class="margin-top-sm text-Abc">本月收集</view>
-					</view>
-				</view>
-			</view>
-			<view class="cu-bar bg-white margin-top">
-				<view class="action">
-					<text class="cuIcon-title text-green"></text>
-					<text>一周数据变化图</text>
-				</view>
-			</view>
 			<view class="qiun-charts">
 				<canvas canvas-id="canvasLineA" id="canvasLineA" disable-scroll=true class="charts" :width="cWidth*pixelRatio" :height="cHeight*pixelRatio" @touchstart="touchLineA"></canvas>
 				<image :src="imgSrc" style="width: 750upx;height: 500upx;"></image>
 			</view>
 			<!-- <canvas canvas-id="canvas1" class="canvas" disable-scroll="true"></canvas> -->
-			<view class="cu-bar bg-white margin-top">
-				<view class="action">
-					<text class="cuIcon-title text-green"></text>
-					<text>医废库存</text>
+				<view class="section-header">
+					<view class="header-icon">📦</view>
+					<view class="header-title">医废库存</view>
 				</view>
-			</view>
-			<view class="grid col-3 padding-sm">
-				<view class="padding-sm">
-					<view class="padding radius text-center shadow-blur bg-blue">
-						<view class="text-lg">{{stockBasisInfo.now_stock}}kg</view>
-						<view class="margin-top-sm text-Abc">当前库存</view>
+				<!-- 今日入库/今日出库 -->
+				<view class="stock-stats">
+					<view class="stat-card stat-in">
+						<view class="stat-icon">📥</view>
+						<view class="stat-value">{{stockBasisInfo.today_in_ware || 0}}</view>
+						<view class="stat-unit">kg</view>
+						<view class="stat-label">今日入库</view>
+					</view>
+					<view class="stat-card stat-out">
+						<view class="stat-icon">📤</view>
+						<view class="stat-value">{{stockBasisInfo.today_out_ware || 0}}</view>
+						<view class="stat-unit">kg</view>
+						<view class="stat-label">今日出库</view>
 					</view>
 				</view>
-				<view class="padding-sm">
-					<view class="padding radius text-center shadow-blur bg-cyan">
-						<view class="text-lg">{{stockBasisInfo.today_in_ware}}kg</view>
-						<view class="margin-top-sm text-Abc">今日入库</view>
-					</view>
+				<view class="section-header">
+					<view class="header-icon">🏆</view>
+					<view class="header-title">科室排行</view>
 				</view>
-				<view class="padding-sm">
-					<view class="padding radius text-center shadow-blur bg-red">
-						<view class="text-lg">{{stockBasisInfo.today_out_ware}}kg</view>
-						<view class="margin-top-sm text-Abc">今日出库</view>
-					</view>
-				</view>
-			</view>
-			<view class="cu-bar bg-white margin-top">
-				<view class="action">
-					<text class="cuIcon-title text-green"></text>
-					<text>科室排行</text>
-				</view>
-			</view>
 			 <view class="qiun-charts" >
 				<canvas canvas-id="canvasColumn" id="canvasColumn" disable-scroll=true class="charts" @touchstart="touchColumn"></canvas>
 				<image :src="imgSrc2" style="width: 750upx;height: 500upx;"></image>
 			</view>
-			<view class="cu-tabbar-height"></view>
+				<view class="cu-tabbar-height"></view>
+			</view>
 		</scroll-view>
 	</view>
 </template>
@@ -121,11 +110,11 @@
 				}
 			});
 			//#endif
-			// if(getApp().globalData.openid == '' || getApp().globalData.openid == undefined){
-			// 	uni.reLaunch({
-			// 		url: '/pages/register/registerRegulatory'
-			// 	})
-			// }
+			if(getApp().globalData.hospital == '' || getApp().globalData.hospital == undefined){
+				uni.reLaunch({
+					url: '/pages/register/login'
+				})
+			}
 			this.cWidth=uni.upx2px(750);
 			this.cHeight=uni.upx2px(500);
 			this.hospital = getApp().globalData.hospital;
@@ -175,7 +164,7 @@
 					$this:_self,
 					canvasId: canvasId,
 					type: 'line',
-					colors:['#f04864', '#facc14', '#8543e0', '#90ed7d'],
+					colors:['#4a90e2', '#1abc9c', '#e67e22', '#9b59b6'],
 					fontSize:11,
 					padding:[15,15,0,15],
 					legend:{
@@ -193,13 +182,13 @@
 					animation: true,
 					xAxis: {
 						type:'grid',
-						gridColor:'#CCCCCC',
+						gridColor:'#E8F4F8',
 						gridType:'dash',
 						dashLength:8
 					},
 					yAxis: {
 						gridType:'dash',
-						gridColor:'#CCCCCC',
+						gridColor:'#E8F4F8',
 						dashLength:8,
 						format:(val)=>{return val.toFixed(0)}
 					},
@@ -207,7 +196,8 @@
 					height: _self.cHeight*_self.pixelRatio,
 					extra: {
 						line:{
-							type: 'straight'
+							type: 'curve',
+							width: 3
 						}
 					}
 				});
@@ -313,9 +303,11 @@
 						disableGrid:true,
 					},
 					yAxis: {
-						//disabled:true
+						gridColor:'#E8F4F8',
+						gridType:'dash',
+						dashLength:8,
 						splitLine: {
-							show: false
+							show: true
 						},
 						format:(val)=>{return val.toFixed(0)}
 					},
@@ -325,7 +317,10 @@
 					extra: {
 						column: {
 							type:'group',
-							width: _self.cWidth*_self.pixelRatio*0.45/chartData.categories.length
+							width: _self.cWidth*_self.pixelRatio*0.5/chartData.categories.length,
+							linearType:'custom',
+							linearOpacity:0.8,
+							customColor:[['#4a90e2', '#357abd']]
 						}
 					  }
 				});
@@ -379,34 +374,189 @@
 </script>
 
 <style>
+	.page {
+		background: #f5f5f5;
+	}
+	
+	.content-area {
+		background: #f5f5f5;
+	}
+	
+	.first-section {
+		margin-top: 10rpx;
+	}
+
+	/* 区块标题样式 */
+	.section-header {
+		display: flex;
+		align-items: center;
+		margin: 30rpx 20rpx 20rpx 20rpx;
+		padding: 24rpx 30rpx;
+		background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
+		border-radius: 20rpx;
+		box-shadow: 0 6rpx 24rpx rgba(74, 144, 226, 0.3);
+		position: relative;
+		overflow: hidden;
+	}
+
+	.section-header::before {
+		content: '';
+		position: absolute;
+		top: -50%;
+		right: -20%;
+		width: 200rpx;
+		height: 200rpx;
+		background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
+		border-radius: 50%;
+	}
+
+	.header-icon {
+		font-size: 44rpx;
+		margin-right: 20rpx;
+		filter: drop-shadow(0 2rpx 8rpx rgba(0, 0, 0, 0.15));
+		position: relative;
+		z-index: 1;
+	}
+
+	.header-title {
+		font-size: 32rpx;
+		font-weight: 700;
+		color: #fff;
+		text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
+		position: relative;
+		z-index: 1;
+		letter-spacing: 2rpx;
+	}
+
+	.section-title {
+		margin-top: 20rpx;
+	}
+
 	.box {
 		margin: 20upx 0;
 	}
-	
+
 	.box view.cu-bar {
 		margin-top: 20upx;
 	}
-	
+
 	.text-custom {
 		font-weight: 600;
 		font-size: 30rpx;
 	}
 	
 	.qiun-charts {
-		margin: 20upx 0;
+		margin: 20upx;
 		width: 750upx;
 		height: 500upx;
 		background-color: #FFFFFF;
 	}
+	
 	.charts {
 		width: 750upx;
 		height: 500upx;
 		background-color: #FFFFFF;
 	}
+	
 	canvas{
 		position: absolute;
 		width: 100%;
 		right: -900px;
 		top: -600px;
 	}
+
+	/* 统计数据容器 */
+	.collection-stats, .stock-stats {
+		display: flex;
+		justify-content: space-around;
+		padding: 40rpx 20rpx;
+		margin: 20rpx;
+		background: rgba(255, 255, 255, 0.95);
+		border-radius: 24rpx;
+		box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.12);
+		backdrop-filter: blur(10rpx);
+		border: 1px solid rgba(255, 255, 255, 0.6);
+	}
+
+	/* 统计卡片 */
+	.stat-card {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 24rpx 20rpx;
+		border-radius: 20rpx;
+		width: 200rpx;
+		position: relative;
+		overflow: hidden;
+		transition: all 0.3s ease;
+	}
+
+	.stat-card::before {
+		content: '';
+		position: absolute;
+		top: -50%;
+		right: -50%;
+		width: 100%;
+		height: 100%;
+		background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);
+		border-radius: 50%;
+	}
+
+	.stat-icon {
+		font-size: 44rpx;
+		margin-bottom: 8rpx;
+		filter: drop-shadow(0 2rpx 8rpx rgba(0, 0, 0, 0.15));
+	}
+
+	.stat-value {
+		font-size: 48rpx;
+		font-weight: 800;
+		color: #fff;
+		margin-bottom: 4rpx;
+		text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
+	}
+
+	.stat-unit {
+		font-size: 22rpx;
+		color: rgba(255, 255, 255, 0.8);
+		font-weight: 500;
+		margin-bottom: 6rpx;
+	}
+
+	.stat-label {
+		font-size: 24rpx;
+		color: rgba(255, 255, 255, 0.85);
+		font-weight: 500;
+	}
+
+	/* 今日收集卡片 - 蓝色 */
+	.stat-today {
+		background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
+		box-shadow: 0 6rpx 24rpx rgba(74, 144, 226, 0.35);
+	}
+
+	/* 本周收集卡片 - 青色 */
+	.stat-week {
+		background: linear-gradient(135deg, #1abc9c 0%, #16a085 100%);
+		box-shadow: 0 6rpx 24rpx rgba(26, 188, 156, 0.35);
+	}
+
+	/* 本月收集卡片 - 紫色 */
+	.stat-month {
+		background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
+		box-shadow: 0 6rpx 24rpx rgba(155, 89, 182, 0.35);
+	}
+
+	/* 今日入库卡片 - 橙色 */
+	.stat-in {
+		background: linear-gradient(135deg, #e67e22 0%, #d35400 100%);
+		box-shadow: 0 6rpx 24rpx rgba(230, 126, 34, 0.35);
+	}
+
+	/* 今日出库卡片 - 红色 */
+	.stat-out {
+		background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
+		box-shadow: 0 6rpx 24rpx rgba(231, 76, 60, 0.35);
+	}
 </style>
diff --git a/pages/component/home.vue b/pages/component/home.vue
index 05d278c..1915876 100644
--- a/pages/component/home.vue
+++ b/pages/component/home.vue
@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<scroll-view scroll-y class="page">
-			<cu-custom bgColor="bg-cyan"><block slot="content">追溯</block></cu-custom>
+			<cu-custom bgColor="bg-blue"><block slot="content">追溯</block></cu-custom>
 			<view class="photoView">
 				<view class="photoImage">
 					<open-data type="userAvatarUrl"></open-data>
@@ -11,7 +11,7 @@
 				<view class='text-center margin-bottom text-lg  text-grey'>请扫描医废袋条码或者科室汇总条码实时追溯</view>
 			</view>
 			<view class="padding flex flex-direction" style="padding-top: 40%;">
-				<button class="cu-btn bg-cyan margin-tb-sm lg" @click="buttonClick">扫码追溯</button>
+				<button class="cu-btn bg-blue margin-tb-sm lg" @click="buttonClick">扫码追溯</button>
 			</view>
 			<view class="cu-tabbar-height"></view>
 		</scroll-view>
diff --git a/pages/component/traceDetailsByBox.vue b/pages/component/traceDetailsByBox.vue
index 1092f33..72ffefd 100644
--- a/pages/component/traceDetailsByBox.vue
+++ b/pages/component/traceDetailsByBox.vue
@@ -1,11 +1,11 @@
 <template>
 	<view>
 		<scroll-view scroll-y class="page bg-white">
-			<cu-custom bgColor="bg-cyan" :isBack="true"><block slot="backText">返回</block><block slot="content">追溯详情（按周转箱）</block></cu-custom>
+			<cu-custom bgColor="bg-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">追溯详情（按周转箱）</block></cu-custom>
 			<view class="cu-timeline margin-top" v-for="(value,index) in traceBoxDetailsInfo" :key="index">
 				<view class="cu-time">{{value.date}}</view>
-				<view class="cu-item text-cyan" v-for="(val,ind) in value.content" :key="ind">
-					<view class="content bg-cyan shadow-blur">
+				<view class="cu-item text-blue" v-for="(val,ind) in value.content" :key="ind">
+					<view class="content bg-blue shadow-blur">
 						{{val.data}}
 					</view>
 				</view>
diff --git a/pages/component/traceDetailsByDept.vue b/pages/component/traceDetailsByDept.vue
index 5fd0f4c..066613c 100644
--- a/pages/component/traceDetailsByDept.vue
+++ b/pages/component/traceDetailsByDept.vue
@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<scroll-view scroll-y class="page">
-			<cu-custom bgColor="bg-cyan" :isBack="true"><block slot="backText">返回</block><block slot="content">追溯详情（按科室汇总）</block></cu-custom>
+			<cu-custom bgColor="bg-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">追溯详情（按科室汇总）</block></cu-custom>
 			<view class="cu-card dynamic" :class="isCard?'no-card':''">
 				<view class="cu-item shadow"  v-for="(value,index) in deptSummaryList" :key="index">
 					<view class="cu-list menu-avatar comment solids-bottom">
diff --git a/pages/component/traceDetailsByMedical.vue b/pages/component/traceDetailsByMedical.vue
index 8a811ec..b67ea39 100644
--- a/pages/component/traceDetailsByMedical.vue
+++ b/pages/component/traceDetailsByMedical.vue
@@ -1,11 +1,11 @@
 <template>
 	<view>
 		<scroll-view scroll-y class="page bg-white">
-			<cu-custom bgColor="bg-cyan" :isBack="true"><block slot="backText">返回</block><block slot="content">追溯详情（按医废袋）</block></cu-custom>
+			<cu-custom bgColor="bg-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">追溯详情（按医废袋）</block></cu-custom>
 			<view class="cu-timeline margin-top" v-for="(value,index) in traceMedicalDetailsInfo" :key="index">
 				<view class="cu-time">{{value.date}}</view>
-				<view class="cu-item text-cyan" v-for="(val,ind) in value.content" :key="ind">
-					<view class="content bg-cyan shadow-blur">
+				<view class="cu-item text-blue" v-for="(val,ind) in value.content" :key="ind">
+					<view class="content bg-blue shadow-blur">
 						{{val.data}}
 					</view>
 				</view>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 7177638..b222278 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -27,15 +27,26 @@
 </template>
 
 <script>
+	// Tab 页面常量
+	const TAB_PAGES = {
+		BASICS: 'basics',
+		COMPONENT: 'component',
+		PLUGIN: 'plugin'
+	};
+
 	export default {
 		data() {
 			return {
-				PageCur: 'basics',
+				PageCur: TAB_PAGES.BASICS,
 			}
 		},
 		methods: {
-			NavChange: function(e) {
-				this.PageCur = e.currentTarget.dataset.cur
+			/**
+			 * 切换当前 Tab 页面
+			 * @param {Object} e - 事件对象
+			 */
+			NavChange(e) {
+				this.PageCur = e.currentTarget.dataset.cur;
 			},
 		}
 	}
diff --git a/pages/main/inventory.vue b/pages/main/inventory.vue
index e5d8a94..c5ca9fd 100644
--- a/pages/main/inventory.vue
+++ b/pages/main/inventory.vue
@@ -1,37 +1,58 @@
 <template>
 	<view>
 		<scroll-view scroll-y class="page">
-			<cu-custom bgColor="bg-cyan" :isBack="true"><block slot="backText">返回</block><block slot="content">科室汇总</block></cu-custom>
+			<cu-custom bgColor="bg-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">科室汇总</block></cu-custom>
 			<!-- <view class="cu-bar bg-white">
 				<view class="action">
 					<text class="cuIcon-title text-green" style="color:#2CC9EA;"></text>
 					<text style="color:#73828B;">科室汇总</text>
 				</view>
 			</view> -->
-			<view class="cu-bar bg-white margin-top solid-bottom">
+			<!-- <view class="cu-bar bg-white margin-top solid-bottom">
 				<view class="action">
-					<text class="cuIcon-title text-green" style="color:#2CC9EA;"></text>
+					<text class="cuIcon-title text-blue" style="color:#4a90e2;"></text>
 					<text style="color:#73828B;">本日医废明细数据</text>
 				</view>
+			</view> -->
+			
+			<!-- 空数据提示 -->
+			<view v-if="!stockDetailsInfo || stockDetailsInfo.length === 0" class="empty-container">
+				<text class="empty-icon">📭</text>
+				<text class="empty-text">本日医废数据为空</text>
 			</view>
-			<view class="cu-list menu" v-for="(value,index) in stockDetailsInfo" :key="index">
-				<view class="cu-item">
-					<view class="content">
-						<text class="cuIcon-title text-green" style="color:#2CC9EA;"></text>
-						<text class="text-grey" style="color:#73828B;">{{value.department}}--（{{value.departmentCount}}袋-{{value.departmentWeight}}kg)</text>
-						
+			
+			<!-- 数据展示 -->
+			<view v-else class="data-wrapper" v-for="(value,index) in stockDetailsInfo" :key="index">
+				<!-- 科室汇总行 -->
+				<view class="dept-summary-row">
+					<view class="summary-cell summary-cell-dept">
+						<text class="dept-icon">🏥</text>
+						<text class="dept-name">{{value.department}}</text>
+					</view>
+					<view class="summary-cell summary-cell-count">
+						<text class="summary-value">{{value.departmentCount}}</text>
+						<text class="summary-unit">袋</text>
+					</view>
+					<view class="summary-cell summary-cell-weight">
+						<text class="summary-value">{{value.departmentWeight}}</text>
+						<text class="summary-unit">kg</text>
 					</view>
 				</view>
-				<view class="cu-list menu-avatar">
-					<view class="cu-item" v-for="(val,ind) in value.content" :key="ind">
-						<!-- <view class="cu-avatar round lg" :style="'width:20px;height:20px;background-image:url('+val.image+');'"></view> -->
-						
-						<view class="content" style="left:28px;">
-							<img :src="val.image" style="width:20px;height:20px;">
-							<text class="text-grey" style="color:#73828B;margin-left:13px;">{{val.type}}</text>
-							<text class="text-grey" style="color:#73828B;margin-left:20px;">{{val.totalCount}}袋</text>
-							<text class="text-grey" style="color:#73828B;margin-left:20px;">{{val.totalWeight}}kg</text>
+				
+				<!-- 表格形式展示分类 -->
+				<view class="table-container">
+					<view class="table-header">
+						<view class="table-cell table-cell-type">类型</view>
+						<view class="table-cell table-cell-count">袋数</view>
+						<view class="table-cell table-cell-weight">重量</view>
+					</view>
+					<view class="table-row" v-for="(val,ind) in value.content" :key="ind">
+						<view class="table-cell table-cell-type">
+							<img :src="val.image" class="type-icon">
+							<text>{{val.type}}</text>
 						</view>
+						<view class="table-cell table-cell-count">{{val.totalCount}}袋</view>
+						<view class="table-cell table-cell-weight">{{val.totalWeight}}kg</view>
 					</view>
 				</view>
 			</view>
@@ -125,4 +146,137 @@
 	.no-show {
 		display: none;
 	}
+	
+	/* 空数据容器 */
+	.empty-container {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 200rpx 0;
+	}
+	
+	.empty-icon {
+		font-size: 120rpx;
+		margin-bottom: 30rpx;
+	}
+	
+	.empty-text {
+		font-size: 32rpx;
+		color: #999;
+	}
+	
+	/* 数据包裹层 */
+	.data-wrapper {
+		margin-bottom: 40rpx;
+	}
+	
+	/* 科室汇总行 */
+	.dept-summary-row {
+		display: flex;
+		align-items: center;
+		margin: 20rpx;
+		padding: 20rpx;
+		background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
+		border-radius: 12rpx 12rpx 0 0;
+		box-shadow: 0 4rpx 20rpx rgba(74, 144, 226, 0.3);
+	}
+	
+	.summary-cell {
+		display: flex;
+		align-items: center;
+		color: #fff;
+		font-size: 28rpx;
+	}
+	
+	.summary-cell-dept {
+		flex: 2;
+	}
+	
+	.dept-icon {
+		font-size: 36rpx;
+		margin-right: 12rpx;
+	}
+	
+	.dept-name {
+		font-size: 30rpx;
+		font-weight: 600;
+	}
+	
+	.summary-cell-count,
+	.summary-cell-weight {
+		flex: 1;
+		justify-content: center;
+		flex-direction: column;
+		align-items: center;
+	}
+	
+	.summary-value {
+		font-size: 32rpx;
+		font-weight: 700;
+		margin-bottom: 4rpx;
+	}
+	
+	.summary-unit {
+		font-size: 22rpx;
+		opacity: 0.9;
+	}
+	
+	/* 表格容器 */
+	.table-container {
+		margin: 0 20rpx 20rpx 20rpx;
+		border-radius: 0 0 12rpx 12rpx;
+		overflow: hidden;
+		background-color: #fff;
+		box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+	}
+	
+	/* 表头 */
+	.table-header {
+		display: flex;
+		background: linear-gradient(90deg, #4a90e2 0%, #357abd 100%);
+		color: #fff;
+		font-weight: 600;
+	}
+	
+	/* 表格行 */
+	.table-row {
+		display: flex;
+		border-bottom: 1px solid #f0f0f0;
+	}
+	
+	.table-row:last-child {
+		border-bottom: none;
+	}
+	
+	/* 表格单元格 */
+	.table-cell {
+		padding: 24rpx 20rpx;
+		font-size: 28rpx;
+		color: #333;
+		display: flex;
+		align-items: center;
+	}
+	
+	.table-cell-type {
+		flex: 2;
+	}
+	
+	.table-cell-count {
+		flex: 1;
+		justify-content: center;
+	}
+	
+	.table-cell-weight {
+		flex: 1;
+		justify-content: center;
+	}
+	
+	/* 类型图标 */
+	.type-icon {
+		width: 32rpx;
+		height: 32rpx;
+		margin-right: 12rpx;
+		border-radius: 4rpx;
+	}
 </style>
diff --git a/pages/plugin/handList.vue b/pages/plugin/handList.vue
index 870e1de..fbf6629 100644
--- a/pages/plugin/handList.vue
+++ b/pages/plugin/handList.vue
@@ -1,29 +1,54 @@
 <template>
 	<view>
 		<scroll-view scroll-y class="page">
-			<cu-custom bgColor="bg-cyan" :isBack="true"><block slot="backText">返回</block><block slot="content">交接列表</block></cu-custom>
-			<view class="cu-bar bg-white solid-bottom">
-				<view class="action">
-					<text class="cuIcon-title text-green" style="color:#2CC9EA;"></text>
-					<text style="color:#B4B4C3;">交接列表</text>
-				</view>
+			<cu-custom bgColor="bg-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">交接列表</block></cu-custom>
+			
+			<!-- 空数据提示 -->
+			<view v-if="!handDetailsInfo || handDetailsInfo.length === 0" class="empty-container">
+				<text class="empty-icon">📭</text>
+				<text class="empty-text">本日医废数据为空</text>
 			</view>
-			<view class="cu-list menu-avatar" style="margin-top:5px;">
-				<view class="cu-item" v-for="(value,index) in handDetailsInfo" :key="index">
-					<view class="cu-avatar round lg" style="background-image:url(https://lekapi.opmonitor.com/static/image/avatar.png);"></view>
-					<view class="content">
-						<view class="text-grey text-sm flex" style="">
-							<text style="width:100px;">{{value.handName}}</text>
-							<text style='margin-left:5%;width:100px;font-family:Montserrat-Regular;'>{{value.type}}</text>
-						</view>
-						<view class="text-grey text-sm flex">
-							<text class="cuIcon-locationfill text-red margin-right-xs"></text>
-							<text style="width:90px;">{{value.department}}</text>
-							<text style="margin-left:5%;width:100px;font-size: 12px;font-weight:bold;color:red;">{{value.totalWeight}}</text>
-						</view>
+			
+			<!-- 表格展示 -->
+			<view v-else class="data-wrapper" v-for="(deptData, deptIndex) in groupedHandData" :key="deptIndex">
+				<!-- 科室汇总行 -->
+				<view class="dept-summary-row">
+					<view class="summary-cell summary-cell-dept">
+						<text class="dept-icon">🏥</text>
+						<text class="dept-name">{{deptData.department}}</text>
 					</view>
-					<view class="action">
-						<view class="text-grey text-xs">{{value.handTime}}</view>
+					<view class="summary-cell summary-cell-count">
+						<text class="summary-value">{{deptData.totalCount}}</text>
+						<text class="summary-unit">袋</text>
+					</view>
+					<view class="summary-cell summary-cell-weight">
+						<text class="summary-value">{{deptData.totalWeight}}</text>
+						<text class="summary-unit">kg</text>
+					</view>
+				</view>
+				
+				<!-- 表格形式展示分类 -->
+				<view class="table-container">
+					<view class="table-header">
+						<view class="table-cell table-cell-type">类型</view>
+						<view class="table-cell table-cell-count">袋数</view>
+						<view class="table-cell table-cell-weight">重量</view>
+						<view class="table-cell table-cell-hand">交接人</view>
+						<view class="table-cell table-cell-action">操作</view>
+					</view>
+					<view class="table-row" v-for="(item, itemIndex) in deptData.items" :key="itemIndex">
+						<view class="table-cell table-cell-type">
+							<img :src="item.image" class="type-icon" v-if="item.image">
+							<text>{{item.type}}</text>
+						</view>
+						<view class="table-cell table-cell-count">{{item.totalCount}}</view>
+						<view class="table-cell table-cell-weight">{{item.totalWeight}}</view>
+						<view class="table-cell table-cell-hand" v-if="itemIndex === 0">{{item.handName}}</view>
+						<view class="table-cell table-cell-hand" v-else></view>
+						<view class="table-cell table-cell-action" v-if="itemIndex === 0">
+							<button class="sign-btn" @click="goToSign(item)">签</button>
+						</view>
+						<view class="table-cell table-cell-action" v-else></view>
 					</view>
 				</view>
 			</view>
@@ -35,7 +60,36 @@
 	export default {
 		data() {
 			return {
-				handDetailsInfo: []
+				handDetailsInfo: [],
+				groupedHandData: []
+			}
+		},
+		computed: {
+			// 按科室分组数据
+			groupHandData() {
+				const groups = {};
+				this.handDetailsInfo.forEach(item => {
+					if (!groups[item.department]) {
+						groups[item.department] = {
+							department: item.department,
+							totalCount: 0,
+							totalWeight: 0,
+							items: []
+						};
+					}
+					groups[item.department].totalCount += parseFloat(item.totalCount) || 0;
+					groups[item.department].totalWeight += parseFloat(item.totalWeight) || 0;
+					groups[item.department].items.push({
+						...item,
+						totalCount: (parseFloat(item.totalCount) || 0).toFixed(2),
+						totalWeight: (parseFloat(item.totalWeight) || 0).toFixed(2)
+					});
+				});
+				return Object.values(groups).map(group => ({
+					...group,
+					totalCount: group.totalCount.toFixed(2),
+					totalWeight: group.totalWeight.toFixed(2)
+				}));
 			}
 		},
 		mounted(){
@@ -46,6 +100,15 @@
 			this.duty = getApp().globalData.duty
 			this.getHandDetailsInfo();
 		},
+		watch: {
+			handDetailsInfo: {
+				handler(newVal) {
+					this.groupedHandData = this.groupHandData;
+				},
+				deep: true,
+				immediate: true
+			}
+		},
 		methods: {
 			getHandDetailsInfo(){
 				let that = this;
@@ -62,6 +125,12 @@
 						console.info('小程序域名不正确，请检查域名的正确性')
 					}
 				})
+			},
+			goToSign(item) {
+				// 跳转到签名页面，传递必要的数据
+				uni.navigateTo({
+					url: `/pages/plugin/sign?id=${item.id}&handName=${item.handName}`
+				})
 			}
 		}
 	}
@@ -90,4 +159,217 @@
 	.cuIcon-locationfill{
 		color:#2CC9EA;
 	}
+	
+	/* 空数据容器 */
+	.empty-container {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 200rpx 0;
+	}
+	
+	.empty-icon {
+		font-size: 120rpx;
+		margin-bottom: 30rpx;
+	}
+	
+	.empty-text {
+		font-size: 32rpx;
+		color: #999;
+	}
+	
+	/* 数据包裹层 */
+	.data-wrapper {
+		margin-bottom: 40rpx;
+	}
+	
+	/* 科室汇总行 */
+	.dept-summary-row {
+		display: flex;
+		align-items: center;
+		margin: 20rpx;
+		padding: 28rpx 24rpx;
+		background: linear-gradient(135deg, #2980b9 0%, #1a5276 100%);
+		border-radius: 20rpx;
+		box-shadow: 0 6rpx 24rpx rgba(41, 128, 185, 0.4);
+		border: 2px solid rgba(255, 255, 255, 0.2);
+		position: relative;
+		overflow: hidden;
+	}
+	
+	.dept-summary-row::before {
+		content: '';
+		position: absolute;
+		top: -50%;
+		right: -20%;
+		width: 200rpx;
+		height: 200rpx;
+		background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
+		border-radius: 50%;
+	}
+	
+	.summary-cell {
+		display: flex;
+		align-items: center;
+		color: #fff;
+		font-size: 28rpx;
+		position: relative;
+		z-index: 1;
+	}
+	
+	.summary-cell-dept {
+		flex: 2;
+	}
+	
+	.dept-icon {
+		font-size: 40rpx;
+		margin-right: 14rpx;
+		filter: drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
+	}
+	
+	.dept-name {
+		font-size: 32rpx;
+		font-weight: 700;
+		text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
+	}
+	
+	.summary-cell-count,
+	.summary-cell-weight {
+		flex: 1;
+		justify-content: center;
+		flex-direction: column;
+		align-items: center;
+		background: rgba(255, 255, 255, 0.15);
+		border-radius: 16rpx;
+		padding: 16rpx 20rpx;
+		margin: 0 10rpx;
+		backdrop-filter: blur(10rpx);
+		border: 1px solid rgba(255, 255, 255, 0.2);
+	}
+	
+	.summary-value {
+		font-size: 36rpx;
+		font-weight: 800;
+		margin-bottom: 6rpx;
+	}
+	
+	.summary-unit {
+		font-size: 20rpx;
+		opacity: 0.9;
+	}
+	
+	/* 表格容器 */
+	.table-container {
+		margin: 0 20rpx 20rpx 20rpx;
+		border-radius: 20rpx;
+		overflow: hidden;
+		background-color: #f8f9fa;
+		box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+		border: 2px solid #d4e6f1;
+	}
+	
+	/* 表头 */
+	.table-header {
+		display: flex;
+		background: linear-gradient(90deg, #2980b9 0%, #1a5276 100%);
+		color: #fff;
+		font-weight: 700;
+		font-size: 28rpx;
+		letter-spacing: 2rpx;
+		padding-top: 4rpx;
+	}
+	
+	/* 表格行 */
+	.table-row {
+		display: flex;
+		border-bottom: 1px dashed #d0dbe6;
+		background-color: #fff;
+		transition: all 0.3s ease;
+	}
+	
+	.table-row:last-child {
+		border-bottom: none;
+	}
+	
+	.table-row:hover {
+		background-color: #eaf2f8;
+		transform: translateX(4rpx);
+	}
+	
+	/* 表格单元格 */
+	.table-cell {
+		padding: 24rpx 16rpx;
+		font-size: 28rpx;
+		color: #2c3e50;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		word-break: break-all;
+		font-weight: 500;
+	}
+	
+	.table-cell-type {
+		flex: 2;
+		justify-content: flex-start;
+		padding-left: 24rpx;
+	}
+	
+	.table-cell-count {
+		flex: 1;
+		color: #2980b9;
+		font-weight: 600;
+	}
+	
+	.table-cell-weight {
+		flex: 1;
+		color: #c0392b;
+		font-weight: 600;
+	}
+	
+	.table-cell-hand {
+		flex: 1.5;
+		color: #666;
+		font-weight: 500;
+		font-size: 26rpx;
+	}
+	
+	.table-cell-action {
+		flex: 1;
+	}
+	
+	/* 类型图标 */
+	.type-icon {
+		width: 36rpx;
+		height: 36rpx;
+		margin-right: 14rpx;
+		border-radius: 8rpx;
+		padding: 4rpx;
+		background: linear-gradient(135deg, #2980b9 0%, #1a5276 100%);
+	}
+	
+	/* 签名按钮 */
+	.sign-btn {
+		background: linear-gradient(135deg, #2980b9 0%, #1a5276 100%);
+		color: #fff;
+		border: none;
+		border-radius: 24rpx;
+		padding: 16rpx 40rpx;
+		font-size: 26rpx;
+		line-height: 1;
+		font-weight: 700;
+		box-shadow: 0 4rpx 16rpx rgba(41, 128, 185, 0.5);
+		transition: all 0.3s ease;
+		letter-spacing: 4rpx;
+	}
+	
+	.sign-btn::after {
+		border: none;
+	}
+	
+	.sign-btn:active {
+		transform: scale(0.92);
+		box-shadow: 0 2rpx 10rpx rgba(41, 128, 185, 0.4);
+	}
 </style>
diff --git a/pages/plugin/home.vue b/pages/plugin/home.vue
index d7b9780..da43f7a 100644
--- a/pages/plugin/home.vue
+++ b/pages/plugin/home.vue
@@ -14,24 +14,28 @@
 		    </view>
 		    <!--<image src="https://raw.githubusercontent.com/weilanwl/ColorUI/master/demo/images/wave.gif" mode="scaleToFill" class="gif-wave"></image>-->
 		  </view>
-		  <view class="padding flex text-center text-grey bg-white shadow-warp">
-		    <view class="flex flex-sub flex-direction solid-right">
-		      <view class="text-xxl text-green">{{myBasisInfo.today_sum}}</view>
-		      <view class="margin-top-sm">今日重量</view>
+		  <!-- 今日数据统计 -->
+		  <view class="stats-container">
+		    <view class="stat-card stat-count">
+		      <view class="stat-icon">📊</view>
+		      <view class="stat-value">{{myBasisInfo.today_count}}</view>
+		      <view class="stat-label">今日数量</view>
 		    </view>
-		    <view class="flex flex-sub flex-direction solid-right">
-		      <view class="text-xxl text-blue">{{myBasisInfo.today_count}}</view>
-		      <view class="margin-top-sm">今日数量</view>
+		    <view class="stat-card stat-weight">
+		      <view class="stat-icon">⚖️</view>
+		      <view class="stat-value">{{myBasisInfo.today_sum}}</view>
+		      <view class="stat-label">今日重量</view>
 		    </view>
-		    <view class="flex flex-sub flex-direction">
-		      <view class="text-xxl text-red">{{myBasisInfo.today_abnormal}}</view>
-		      <view class="margin-top-sm">今日异常</view>
+		    <view class="stat-card stat-abnormal">
+		      <view class="stat-icon">⚠️</view>
+		      <view class="stat-value">{{myBasisInfo.today_abnormal}}</view>
+		      <view class="stat-label">今日异常</view>
 		    </view>
 		  </view>
 		  <view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg radius">
 			<view class="cu-item arrow">
 			  <navigator class="content" url="/pages/main/inventory" hover-class="none">
-			    <text class="cuIcon-deletefill text-cyan"></text>
+			    <text class="cuIcon-deletefill text-blue"></text>
 			    <text class="text-grey">科室汇总</text>
 			  </navigator>
 			</view>
@@ -43,26 +47,20 @@
 			</view> -->
 			<view class="cu-item arrow">
 			  <navigator class="content" url="/pages/plugin/handList" hover-class="none">
-			    <text class="cuIcon-selectionfill text-cyan"></text>
+			    <text class="cuIcon-selectionfill text-blue"></text>
 			    <text class="text-grey">交接列表</text>
 			  </navigator>
 			</view>
 		    <view class="cu-item arrow">
 		      <navigator class="content" url="/pages/plugin/personalInformation" hover-class="none">
-		        <text class="cuIcon-myfill text-cyan"></text>
+		        <text class="cuIcon-myfill text-blue"></text>
 		        <text class="text-grey">个人信息</text>
 		      </navigator>
-		    </view>
-		    <view class="cu-item arrow">
-		      <navigator class="content" url="/pages/plugin/about" hover-class="none">
-		        <text class="cuIcon-medalfill text-cyan"></text>
-		        <text class="text-grey">关于我们</text>
-		      </navigator>
 		    </view>
 			<view class="cu-item arrow">
 			  <navigator class="content" hover-class="none" @click="buttonClick">
-			    <text class="cuIcon-myfill text-cyan"></text>
-			    <text class="text-grey">注销账户</text>
+			    <text class="cuIcon-myfill text-blue"></text>
+			    <text class="text-grey">退出登录</text>
 			  </navigator>
 			</view>
 		  </view>
@@ -117,28 +115,30 @@
 			},
 			buttonClick(){
 				console.info(getApp().globalData)
-				
-				// 将数据库中的数据清空
-				let that = this;
-				uni.request({
-					url: 'https://lekapi.opmonitor.com/?c=app_api&a=clearData',
-					data: {openid: getApp().globalData.openid},
-					header: {
-						'Content-type': 'application/json'
-					},
-					success: function(res){
-						// 将globalData清空并刷新
-						getApp().globalData.openid = ''
-						console.info(getApp().globalData)
-						// 跳转到首页
-						uni.reLaunch({
-							url: '/pages/plugin/home'
-						})
-					},
-					fail: () => {
-						console.info('小程序域名不正确，请检查域名的正确性')
-					}
+				uni.reLaunch({
+					url: '/pages/register/login'
 				})
+				// 将数据库中的数据清空
+				// let that = this;
+				// uni.request({
+				// 	url: 'https://lekapi.opmonitor.com/?c=app_api&a=clearData',
+				// 	data: {openid: getApp().globalData.openid},
+				// 	header: {
+				// 		'Content-type': 'application/json'
+				// 	},
+				// 	success: function(res){
+				// 		// 将globalData清空并刷新
+				// 		getApp().globalData.openid = ''
+				// 		console.info(getApp().globalData)
+				// 		// 跳转到首页
+				// 		uni.reLaunch({
+				// 			url: '/pages/plugin/home'
+				// 		})
+				// 	},
+				// 	fail: () => {
+				// 		console.info('小程序域名不正确，请检查域名的正确性')
+				// 	}
+				// })
 				
 			}
 		}
@@ -152,7 +152,7 @@
 	}
 	
 	.UCenter-bg {
-	  background:-webkit-linear-gradient(right,#15D2BB,#2CC9E9);
+	  background:-webkit-linear-gradient(right,#4a90e2,#357abd);
 	  background-size: cover;
 	  height: 550rpx;
 	  display: flex;
@@ -224,4 +224,122 @@
 			border: 2px solid #fff;
 			box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
 		}
+
+	/* 统计数据容器 */
+	.stats-container {
+		display: flex;
+		justify-content: space-around;
+		padding: 40rpx 20rpx;
+		margin: -80rpx 30rpx 30rpx 30rpx;
+		background: rgba(255, 255, 255, 0.95);
+		border-radius: 24rpx;
+		box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.12);
+		position: relative;
+		z-index: 10;
+		backdrop-filter: blur(10rpx);
+		border: 1px solid rgba(255, 255, 255, 0.6);
+	}
+
+	/* 统计卡片 */
+	.stat-card {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 24rpx 20rpx;
+		border-radius: 20rpx;
+		width: 200rpx;
+		position: relative;
+		overflow: hidden;
+		transition: all 0.3s ease;
+	}
+
+	.stat-card::before {
+		content: '';
+		position: absolute;
+		top: -50%;
+		right: -50%;
+		width: 100%;
+		height: 100%;
+		background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);
+		border-radius: 50%;
+	}
+
+	/* 今日数量卡片 */
+	.stat-count {
+		background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
+		box-shadow: 0 6rpx 24rpx rgba(74, 144, 226, 0.35);
+	}
+
+	.stat-count .stat-icon {
+		font-size: 44rpx;
+		margin-bottom: 8rpx;
+		filter: drop-shadow(0 2rpx 8rpx rgba(0, 0, 0, 0.15));
+	}
+
+	.stat-count .stat-value {
+		font-size: 48rpx;
+		font-weight: 800;
+		color: #fff;
+		margin-bottom: 6rpx;
+		text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
+	}
+
+	.stat-count .stat-label {
+		font-size: 24rpx;
+		color: rgba(255, 255, 255, 0.85);
+		font-weight: 500;
+	}
+
+	/* 今日重量卡片 */
+	.stat-weight {
+		background: linear-gradient(135deg, #27ae60 0%, #1e8449 100%);
+		box-shadow: 0 6rpx 24rpx rgba(39, 174, 96, 0.35);
+	}
+
+	.stat-weight .stat-icon {
+		font-size: 44rpx;
+		margin-bottom: 8rpx;
+		filter: drop-shadow(0 2rpx 8rpx rgba(0, 0, 0, 0.15));
+	}
+
+	.stat-weight .stat-value {
+		font-size: 48rpx;
+		font-weight: 800;
+		color: #fff;
+		margin-bottom: 6rpx;
+		text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
+	}
+
+	.stat-weight .stat-label {
+		font-size: 24rpx;
+		color: rgba(255, 255, 255, 0.85);
+		font-weight: 500;
+	}
+
+	/* 今日异常卡片 */
+	.stat-abnormal {
+		background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
+		box-shadow: 0 6rpx 24rpx rgba(231, 76, 60, 0.35);
+	}
+
+	.stat-abnormal .stat-icon {
+		font-size: 44rpx;
+		margin-bottom: 8rpx;
+		filter: drop-shadow(0 2rpx 8rpx rgba(0, 0, 0, 0.15));
+	}
+
+	.stat-abnormal .stat-value {
+		font-size: 48rpx;
+		font-weight: 800;
+		color: #fff;
+		margin-bottom: 6rpx;
+		text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
+	}
+
+	.stat-abnormal .stat-label {
+		font-size: 24rpx;
+		color: rgba(255, 255, 255, 0.85);
+		font-weight: 500;
+	}
 </style>
diff --git a/pages/plugin/personalInformation.vue b/pages/plugin/personalInformation.vue
index b83a478..3214414 100644
--- a/pages/plugin/personalInformation.vue
+++ b/pages/plugin/personalInformation.vue
@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<scroll-view scroll-y class="page">
-			<cu-custom bgColor="bg-cyan" :isBack="true"><block slot="backText">返回</block><block slot="content">个人信息维护</block></cu-custom>
+			<cu-custom bgColor="bg-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">个人信息</block></cu-custom>
 			<view class="photoView">
 				<view class="photoImage">
 					<open-data type="userAvatarUrl"></open-data>
@@ -33,9 +33,6 @@
 					<input :value="phone" name="phone" @input="getPhone"></input>
 				</view>
 			</form>
-			<view class="padding flex flex-direction" style="padding-top: 100rpx;">
-				<button class="cu-btn round bg-cyan  margin-tb-sm lg" @click="buttonClick">修改</button>
-			</view>
 		</scroll-view>
 	</view>
 </template>
diff --git a/pages/plugin/sign.vue b/pages/plugin/sign.vue
new file mode 100644
index 0000000..f554c35
--- /dev/null
+++ b/pages/plugin/sign.vue
@@ -0,0 +1,228 @@
+<template>
+	<view class="page">
+		<cu-custom bgColor="bg-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">签名确认</block></cu-custom>
+		
+		<view class="sign-container">
+			<view class="sign-info">
+				<text class="info-label">交接人：</text>
+				<text class="info-value">{{handName}}</text>
+			</view>
+			
+			<view class="canvas-wrapper">
+				<canvas 
+					class="sign-canvas" 
+					canvas-id="signCanvas" 
+					@touchstart="touchStart"
+					@touchmove="touchMove"
+					@touchend="touchEnd"
+					@touchcancel="touchEnd"
+					disable-scroll="true"
+				></canvas>
+			</view>
+			
+			<view class="btn-container">
+				<button class="clear-btn" @click="clearCanvas">清除</button>
+				<button class="confirm-btn" @click="confirmSign">确认</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				id: '',
+				handName: '',
+				ctx: null,
+				isDrawing: false,
+				hasSigned: false
+			}
+		},
+		onLoad(options) {
+			console.log('接收到的参数：', options);
+			this.id = decodeURIComponent(options.id || '');
+			this.handName = decodeURIComponent(options.handName || '');
+			console.log('id:', this.id, 'handName:', this.handName);
+		},
+		onReady() {
+			this.initCanvas();
+		},
+		methods: {
+			initCanvas() {
+				const ctx = uni.createCanvasContext('signCanvas', this);
+				this.ctx = ctx;
+				ctx.setStrokeStyle('#000000');
+				ctx.setLineWidth(4);
+				ctx.setLineCap('round');
+				ctx.setLineJoin('round');
+			},
+			touchStart(e) {
+				this.isDrawing = true;
+				this.hasSigned = true;
+				const touch = e.touches[0];
+				this.ctx.beginPath();
+				this.ctx.moveTo(touch.x, touch.y);
+			},
+			touchMove(e) {
+				if (!this.isDrawing) return;
+				const touch = e.touches[0];
+				this.ctx.lineTo(touch.x, touch.y);
+				this.ctx.stroke();
+			},
+			touchEnd(e) {
+				if (this.isDrawing) {
+					this.ctx.stroke();
+					this.ctx.closePath();
+				}
+				this.isDrawing = false;
+			},
+			clearCanvas() {
+				uni.getSystemInfo({
+					success: (res) => {
+						this.ctx.clearRect(0, 0, res.windowWidth, 800);
+					}
+				});
+				this.hasSigned = false;
+			},
+			confirmSign() {
+				if (!this.hasSigned) {
+					uni.showToast({
+						title: '请先签名',
+						icon: 'none',
+						duration: 2000
+					});
+					return;
+				}
+				
+				uni.canvasToTempFilePath({
+					canvasId: 'signCanvas',
+					fileType: 'png',
+					success: (res) => {
+						console.log('签名图片路径：', res.tempFilePath);
+						uni.showToast({
+							title: '签名已确认',
+							icon: 'success',
+							duration: 2000
+						});
+						setTimeout(() => {
+							uni.navigateBack();
+						}, 500);
+					},
+					fail: (err) => {
+						console.error('保存签名失败', err);
+						uni.showToast({
+							title: '签名保存失败',
+							icon: 'none',
+							duration: 2000
+						});
+					}
+				}, this);
+			}
+		}
+	}
+</script>
+
+<style>
+	.page {
+		width: 100vw;
+		height: 100vh;
+		background: #f5f5f5;
+	}
+	
+	/* 签名容器 */
+	.sign-container {
+		display: flex;
+		flex-direction: column;
+		height: calc(100vh - 100rpx);
+		padding: 30rpx;
+	}
+	
+	/* 签名信息 */
+	.sign-info {
+		display: flex;
+		align-items: center;
+		padding: 30rpx;
+		background: #fff;
+		border-radius: 20rpx;
+		margin-bottom: 30rpx;
+		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
+		flex-shrink: 0;
+	}
+	
+	.info-label {
+		font-size: 32rpx;
+		color: #666;
+		font-weight: 500;
+		margin-right: 20rpx;
+	}
+	
+	.info-value {
+		font-size: 32rpx;
+		color: #4a90e2;
+		font-weight: 600;
+	}
+	
+	/* 画布包裹层 */
+	.canvas-wrapper {
+		background: #fff;
+		border-radius: 20rpx;
+		padding: 20rpx;
+		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
+		flex: 1;
+		min-height: 0;
+	}
+	
+	/* 签名画布 */
+	.sign-canvas {
+		width: 100%;
+		height: 800rpx;
+		border: 2px dashed #d0dbe6;
+		border-radius: 16rpx;
+		background: #fafafa;
+	}
+	
+	/* 按钮容器 */
+	.btn-container {
+		display: flex;
+		justify-content: space-around;
+		padding: 30rpx;
+		flex-shrink: 0;
+	}
+	
+	/* 清除按钮 */
+	.clear-btn {
+		flex: 1;
+		margin-right: 20rpx;
+		background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
+		color: #666;
+		border: none;
+		border-radius: 24rpx;
+		padding: 28rpx 0;
+		font-size: 32rpx;
+		font-weight: 600;
+		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+	}
+	
+	.clear-btn::after {
+		border: none;
+	}
+	
+	/* 确认按钮 */
+	.confirm-btn {
+		flex: 1;
+		margin-left: 20rpx;
+		background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
+		color: #fff;
+		border: none;
+		border-radius: 24rpx;
+		padding: 28rpx 0;
+		font-size: 32rpx;
+		font-weight: 600;
+		box-shadow: 0 6rpx 24rpx rgba(74, 144, 226, 0.35);
+	}
+	
+	.confirm-btn::after {
+		border: none;
+	}
+</style>
diff --git a/pages/register/login.vue b/pages/register/login.vue
index 050c325..0318858 100644
--- a/pages/register/login.vue
+++ b/pages/register/login.vue
@@ -1,24 +1,26 @@
 <template>
 	<view>
 		<scroll-view scroll-y class="page">
-			<cu-custom bgColor="bg-cyan"><block slot="content">登录</block></cu-custom>
+			<cu-custom bgColor="bg-blue"><block slot="content">医疗废物追溯系统</block></cu-custom>
 			<view class="photoView">
 				<view class="photoImage">
 					<open-data type="userAvatarUrl"></open-data>
 				</view>
+				<text class="welcomeText">欢迎使用</text>
 			</view>
 			<form action="">
-				<view class="cu-form-group margin-top">
+				<view class="cu-form-group login-input">
 					<view class="title">账号</view>
-					<input placeholder="请输入账号" name="account" value="" @input="getAccount"></input>
+					<input placeholder="请输入账号" name="account" value="" @input="getAccount" class="input-field"></input>
 				</view>
-				<view class="cu-form-group">
+				<view class="cu-form-group login-input">
 					<view class="title">密码</view>
-					<input placeholder="请输入账号" name="password" type="password" value="" @input="getPassword"></input>
+					<input placeholder="请输入密码" name="password" :password="showPassword" value="" @input="getPassword" class="input-field password-input"></input>
+					<text class="eye-icon" @click="togglePassword">{{showPassword ? '👁️' : '🙈'}}</text>
 				</view>
 			</form>
-			<view class="padding flex flex-direction" style="padding-top: 200rpx;">
-				<button class="cu-btn round bg-cyan  margin-tb-sm lg" @click="buttonClick">登录</button>
+			<view class="padding flex flex-direction" style="padding-top: 10%;">
+				<button class="cu-btn round login-btn margin-tb-sm lg" @click="buttonClick">登录</button>
 			</view>
 		</scroll-view>
 	</view>
@@ -29,7 +31,8 @@
 		data() {
 			return {
 				account: '',
-				password: ''
+				password: '',
+				showPassword: true
 			}
 		},
 		mounted() {
@@ -41,6 +44,9 @@
 			getPassword: function(e){
 				this.password = e.target.value
 			},
+			togglePassword: function(){
+				this.showPassword = !this.showPassword
+			},
 			buttonClick(e) {
 				let that = this;
 				uni.request({
@@ -85,9 +91,11 @@
 	.page {
 		width: 100vw;
 		height: 120Vh;
+		background: linear-gradient(180deg, #4a90e2 0%, #357abd 100%);
 	}
 	.photoView {
-		padding-top: 50rpx;
+		padding-top: 80rpx;
+		padding-bottom: 60rpx;
 		position: relative;
 		color: #fff;
 		display: flex;
@@ -97,16 +105,52 @@
 	.photoImage {
 		overflow:hidden;
 		display: block;
-		width: 200rpx;
-		height: 200rpx;
+		width: 180rpx;
+		height: 180rpx;
 		margin: 20rpx;
 		border-radius: 50%;
-		border: 2px solid #fff;
-		box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
+		border: 3px solid rgba(255, 255, 255, 0.9);
+		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
+	}
+	.welcomeText {
+		font-size: 36rpx;
+		font-weight: 600;
+		color: #fff;
+		margin-top: 20rpx;
+		letter-spacing: 2rpx;
+	}
+	.login-input {
+		background: rgba(255, 255, 255, 0.98);
+		border-radius: 16rpx;
+		margin: 15rpx 40rpx;
+		padding: 10rpx 30rpx;
+		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 	}
 	.cu-form-group .title{
 		min-width: calc(4em + 15px);
 		font-weight: 600;
+		color: #357abd;
+	}
+	.input-field {
+		color: #333;
+	}
+	.password-input {
+		flex: 1;
+	}
+	.eye-icon {
+		font-size: 40rpx;
+		margin-left: 20rpx;
+		cursor: pointer;
+	}
+	.login-btn {
+		background: linear-gradient(90deg, #4a90e2 0%, #357abd 100%);
+		color: #fff;
+		font-size: 36rpx;
+		font-weight: 600;
+		box-shadow: 0 6px 20px rgba(53, 122, 189, 0.4);
+		border: none;
+		height: 100rpx;
+		line-height: 100rpx;
 	}
 	.picker {
 		text-align: left;