From 5fa44dc86d943cdc6796157605cd1810e0f25b3c Mon Sep 17 00:00:00 2001
From: kuaileWu <1432334894@qq.com>
Date: Sun, 7 Apr 2024 12:28:43 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E7=BA=A6=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/prebook_list/prebook_list.vue | 89 +++++++++++++++++++++++++++++--------
 1 file changed, 71 insertions(+), 18 deletions(-)

diff --git a/pages/prebook_list/prebook_list.vue b/pages/prebook_list/prebook_list.vue
index 8e3f5a1..090daa6 100644
--- a/pages/prebook_list/prebook_list.vue
+++ b/pages/prebook_list/prebook_list.vue
@@ -27,8 +27,8 @@
 					<view class="loction">广安门医院西单门诊部</view>
 				</view>
 				<view class="right">
-					<view class="status">候诊</view>
-					<view class="queue-num">前方<text>4</text>人</view>
+					<view :class="item+' status'"><view class="over">候诊</view></view>
+					<view class="queue-num" v-if="item=='status_wait'"><view>前方<text class="PfScSemibold">4</text>人</view> </view>
 				</view>
 			</view>
 		</view>
@@ -44,7 +44,9 @@
 			}
 		},
 		methods: {
-			
+			pageInit() {
+
+			}
 		}
 	}
 </script>
@@ -85,7 +87,7 @@
 		}
 		.list{
 			width: 714rpx;
-			height: auto;
+			min-height: calc(100vh - 168rpx);
 			background: #FFFFFF;
 			border-radius: 8rpx;
 			margin: 36rpx auto 0;
@@ -129,22 +131,73 @@
 				.right{
 					width: 250rpx;
 					flex-shrink: 1;
+					text-align: right;
+					word-break: break-all;
+					.status{
+						display: flex;
+						justify-content: flex-end;
+						view{
+							display: flex;
+							border-radius: 6rpx;
+							font-size: 22rpx;
+							height: 32rpx;
+							line-height: 32rpx;
+							padding:  0 10rpx;
+							box-sizing: border-box;
+							min-width: 90rpx;
+							display: block;
+							text-align: center;
+						}
+						
+						&.status_wait{
+							view{
+								background: #F8FFF7;
+								border: 1rpx solid #5BD07A;
+								color: #58CA7F;
+							}
+						}
+						&.status_out_num{
+							view{
+								background: #FFFAF7;
+								border: 1rpx solid #FE6710;
+								color: #FE6710;
+							}
+						}
+						&.status_down{
+							view{
+								background: #FCFCFC;
+								border: 1rpx solid #AEB0B8;
+								color: #B6B8BF;
+							}
+						}
+						&.status_expire{
+							view{
+								background: #FCFCFC;
+								border: 1rpx solid #AEB0B8;
+								color: #B6B8BF;
+							}
+						}
+						&.status_ing{
+							view{
+								border: 1rpx solid #5FA1CB;
+								background: #F7FCFF;
+								color: #5FA1CB;
+							}
+						}
+					}
+					.queue-num{
+						line-height: 48rpx;
+						height: 48rpx;
+						font-size: 28rpx;
+						color: #999999;
+						margin-top: 25rpx;
+						text{
+							font-size: 48rpx;
+							color: #39D067;
+						}
+					}
 				}
 			}
 		}
-		
-		// <view class="list btPadding">
-		// 	<view :class="'item '+item" v-for="(item, key) in data">
-		// 		<view class="left">
-		// 			<view class="title">上官梓涵</view>
-		// 			<view class="date">2024.01.09 周二  09:30-12:00</view>
-		// 			<view class="loction">广安门医院西单门诊部</view>
-		// 		</view>
-		// 		<view class="right">
-		// 			<view class="status">候诊</view>
-		// 			<view class="queue-num">前方<text>4</text>人</view>
-		// 		</view>
-		// 	</view>
-		// </view>
 	}
 </style>