From f4cff05c1f9bdab99d6c05d75a23778c58f1de6c Mon Sep 17 00:00:00 2001
From: yuchenglong <yclworks@gmail.com>
Date: Fri, 28 Nov 2025 11:39:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=82=A3=E8=80=85=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E6=9C=89=E6=95=88=E6=80=A7=E6=A3=80=E6=9F=A5=EF=BC=8C?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=95=8C=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/hisApi.ts   |  1 +
 src/pages/U2/u2.css | 18 ++++++++-
 src/pages/U2/u2.tsx | 96 ++++++++++++++++++++++++++++-----------------
 3 files changed, 79 insertions(+), 36 deletions(-)

diff --git a/src/api/hisApi.ts b/src/api/hisApi.ts
index fbfdb81..fa620ca 100644
--- a/src/api/hisApi.ts
+++ b/src/api/hisApi.ts
@@ -28,6 +28,7 @@ export interface PatientInfo {
   phone: string;
   marital: number;
   marital_name: string;
+  is_valid_exam: number;
 }
 
 // VIP认证结果
diff --git a/src/pages/U2/u2.css b/src/pages/U2/u2.css
index f9e6722..4bcb4b6 100644
--- a/src/pages/U2/u2.css
+++ b/src/pages/U2/u2.css
@@ -27,10 +27,26 @@
   background: url(../../assets/u2-card.png) 100% no-repeat;
   background-size: 100% 100%;
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  padding: 40px 48px;
+}
+
+.u2-info-top {
   display: flex;
   flex-direction: row;
   align-items: center;
-  padding: 40px 48px;
+  width: 100%;
+  flex: 1;
+}
+
+.u2-error-msg {
+  width: 100%;
+  text-align: center;
+  color: red;
+  font-size: 28px;
+  font-weight: bold;
+  margin-top: 10px;
 }
 
 .u2-avatar-container {
diff --git a/src/pages/U2/u2.tsx b/src/pages/U2/u2.tsx
index 4db0cc8..09f7c23 100644
--- a/src/pages/U2/u2.tsx
+++ b/src/pages/U2/u2.tsx
@@ -70,6 +70,11 @@ const U2: React.FC = () => {
   };
 
   const handleConfirm = () => {
+    // 判断是否为有效签到
+    if (!patientInfo?.is_valid_exam || patientInfo.is_valid_exam !== 1) {
+      // alert("当前签到无效，请联系前台工作人员处理");
+      return;
+    }
     if (!idCardNo) {
       alert("未获取到身份证号，请重新刷卡");
       navigate("/");
@@ -130,7 +135,7 @@ const U2: React.FC = () => {
     else if (genderName === "女") title = "女士";
     return `尊敬的${
       firstChar ? `${firstChar}${title}` : title
-    }，欢迎您的到来：`;
+    }，请确认您的个人信息：`;
   };
 
   // 返回头像地址：使用 gender_name 字段（"女" 显示女性头像），忽略 photo_path
@@ -147,6 +152,17 @@ const U2: React.FC = () => {
     return genderName;
   };
 
+  // 脱敏证件号：保留前6后4，其余替换为*
+  const maskIdCard = (id?: string | null) => {
+    if (!id) return "---";
+    const s = String(id).trim();
+    if (s.length <= 10) return s.replace(/.(?!.{4})/g, "*");
+    const head = s.slice(0, 6);
+    const tail = s.slice(-4);
+    const middleLen = s.length - 10;
+    return head + "*".repeat(middleLen) + tail;
+  };
+
   // 在数据加载时显示占位，加载完成后再渲染完整内容
   if (loading) {
     return <></>;
@@ -157,52 +173,62 @@ const U2: React.FC = () => {
       <span className="u2-title">{getGreeting()}</span>
       <DecorLine />
       <div className="u2-info-card">
-        <div className="u2-avatar-container">
-          <img className="u2-avatar" src={getAvatarSrc()} alt="avatar" />
-        </div>
-        <div className="u2-details-list">
-          <div className="u2-detail-row">
-            <div className="u2-detail-bar" />
-            <div className="u2-detail-text">
-              姓名：{loading ? "" : patientInfo?.name || "---"}
-            </div>
+        <div className="u2-info-top">
+          <div className="u2-avatar-container">
+            <img className="u2-avatar" src={getAvatarSrc()} alt="avatar" />
           </div>
-
-          <div className="u2-detail-row">
-            <div className="u2-detail-bar" />
-            <div className="u2-detail-text">
-              性别：{loading ? "" : getGenderLabel()}
+          <div className="u2-details-list">
+            <div className="u2-detail-row">
+              <div className="u2-detail-bar" />
+              <div className="u2-detail-text">
+                姓名：{loading ? "" : patientInfo?.name || "---"}
+              </div>
             </div>
-          </div>
 
-          <div className="u2-detail-row">
-            <div className="u2-detail-bar" />
-            <div className="u2-detail-text">
-              年龄：{loading ? "" : patientInfo?.age || "---"}
+            <div className="u2-detail-row">
+              <div className="u2-detail-bar" />
+              <div className="u2-detail-text">
+                性别：{loading ? "" : getGenderLabel()}
+              </div>
             </div>
-          </div>
 
-          <div className="u2-detail-row">
-            <div className="u2-detail-bar" />
-            <div className="u2-detail-text">
-              证件号：{idCardNo || patientInfo?.IdCard || "---"}
+            <div className="u2-detail-row">
+              <div className="u2-detail-bar" />
+              <div className="u2-detail-text">
+                年龄：{loading ? "" : patientInfo?.age || "---"}
+              </div>
             </div>
-          </div>
 
-          <div className="u2-detail-row">
-            <div className="u2-detail-bar" />
-            <div className="u2-detail-text">
-              手机号：{loading ? "" : patientInfo?.phone || "---"}
+            <div className="u2-detail-row">
+              <div className="u2-detail-bar" />
+              <div className="u2-detail-text">
+                证件号：
+                {loading ? "" : maskIdCard(idCardNo || patientInfo?.IdCard)}
+              </div>
             </div>
-          </div>
 
-          <div className="u2-detail-row">
-            <div className="u2-detail-bar" />
-            <div className="u2-detail-text">
-              婚姻状况：{loading ? "" : patientInfo?.marital_name || "---"}
+            <div className="u2-detail-row">
+              <div className="u2-detail-bar" />
+              <div className="u2-detail-text">
+                手机号：{loading ? "" : patientInfo?.phone || "---"}
+              </div>
+            </div>
+
+            <div className="u2-detail-row">
+              <div className="u2-detail-bar" />
+              <div className="u2-detail-text">
+                婚姻状况：{loading ? "" : patientInfo?.marital_name || "---"}
+              </div>
             </div>
           </div>
         </div>
+        {!patientInfo?.is_valid_exam || patientInfo.is_valid_exam !== 1 ? (
+          <div className="u2-error-msg">
+            未查询到您当日的体检预约信息，建议核对预约日期!
+          </div>
+        ) : (
+          ""
+        )}
       </div>
       <span className="u2-instruction">
         <span className="u2-asterisk">*</span> 如信息有误，请联系前台