From 86c96401ad663af45aa9f529462ab2e65c640f0e Mon Sep 17 00:00:00 2001
From: yanzai <boy_yan@163.com>
Date: Mon, 11 Aug 2025 09:22:13 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=A2=9E=E5=8A=A0=E8=BE=93=E5=85=A5?=
 =?UTF-8?q?=E5=88=A4=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 滦平县报告对比/pages/main/home/home.vue | 104 +++++++++++++++++++++++-
 1 file changed, 102 insertions(+), 2 deletions(-)

diff --git a/滦平县报告对比/pages/main/home/home.vue b/滦平县报告对比/pages/main/home/home.vue
index d6943f4..39ea95c 100644
--- a/滦平县报告对比/pages/main/home/home.vue
+++ b/滦平县报告对比/pages/main/home/home.vue
@@ -23,14 +23,18 @@
 	const id_number = ref('')
 	const phone=ref('')
 	const toPage = () => {
+		if(id_number.value.length===0 || phone.value.length===0){
+			uni.$lu.toast("请输入身份证和电话");
+			return false;
+		}
 		uni.navigateTo({
 			url: `/pages/main/list/list?hospital=4&id_number=${id_number.value}&phone=${phone.value}`
 		})
 	}
 </script>
 <template>
-	<view>
-		<view class="title_wrapper">身份证号</view>
+	<view style=" background-color: #fff;height: 100vh;"  class="gradient-box gradient-2">
+	<!-- 	<view class="title_wrapper">身份证号</view>
 		<view class="input_wrapper">
 			<input type="text" v-model="id_number">
 		</view>
@@ -43,10 +47,72 @@
 				<image :src="$image('/storage/assets/report/home/报告对比@2x.png')"></image>
 			</view>
 			<view class="top_button_text_wrapper">查看报告</view>
+		</view> -->
+		<view style="height: 20%;"> </view>
+		<view class="info">
+			<view class="tip">请输入您的身份证和电话号码</view>
+			<view class="label">身份证</view>
+			<view>
+				<input v-model="id_number" placeholder="请输入身份证" />
+			</view>
+		
+			<view class="label">电话</view>
+			<view>
+				<input v-model="phone" placeholder="请输入电话" />
+			</view>
+		
+			<view @click="toPage()" class="top_button_wrapper top_button1_wrapper">
+				<view class="top_button_icon_wrapper">
+					<image :src="$image('/storage/assets/report/home/报告对比@2x.png')"></image>
+				</view>
+				<view class="top_button_text_wrapper">查看报告</view>
+			</view>
 		</view>
+		<view class="decor decor-1 circle"></view>
+		<view class="decor decor-2 square"></view>
 	</view>
 </template>
 <style scoped>
+	 .gradient-box {
+	            height: 250px;
+	            border-radius: 12px;
+	            position: relative;
+	            overflow: hidden;
+	            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
+	        }
+	.decor {
+	            
+	            opacity: 0.15;
+	        }
+	 .gradient-2 {
+		  background: radial-gradient(at top right, #94f0e6, #cce5e5, #d5f0f0);
+	            /* background: linear-gradient(to right, #94f0e6 0%, #d5f0f0 100%); */
+	            
+	        }
+	        
+	        .gradient-2 .decor-1 {
+	            width: 200px;
+	            height: 200px;
+	            top: -80px;
+	            right: -50px;
+	            background: #fff;
+	        }
+	        
+	        .gradient-2 .decor-2 {
+	            width: 120px;
+	            height: 120px;
+	            top: 200px;
+	            left: 100px;
+	            background: #fff;
+	        }
+			.circle {
+			            border-radius: 50%;
+			        }
+			        
+			        .square {
+			            transform: rotate(45deg);
+			        }
+	
 	.title_wrapper {
 		font-size: 30rpx;
 		margin: 60rpx 40rpx 20rpx;
@@ -111,4 +177,38 @@
 		align-items: center;
 		justify-content: center;
 	}
+	.tip {
+		font-size: 28rpx;
+		color: #33cdc9;
+		font-weight: 500;
+	}
+	.info {
+		border: 1px solid #c5f0f9;
+		border-radius: 30rpx;
+		background-color: #fff;
+		padding: 40rpx 40rpx;
+		margin: 0rpx 20rpx;
+		 
+	
+	}
+	
+	.info input {
+		border-bottom: 1rpx solid #33cdc9;
+		padding: 10rpx;
+		
+	}
+	
+	.info .label {
+		font-size: 33rpx;
+		color: #3f3f3f;
+		font-weight: 700;
+		margin: 30rpx auto 10rpx auto;
+	}
+	
+	.button {
+		width: 100%;
+		background-color: #33cdc9;
+		border: 0rpx;
+		margin-top: 40rpx;
+	}
 </style>
\ No newline at end of file