Initial commit

src/pages/U2/u2.tsx

@@ -0,0 +1,86 @@
+import React from "react";
+import "./u2.css";
+import { useNavigate, useLocation } from "react-router-dom";
+import DecorLine from "../../components/DecorLine";
+import avatar from "../../assets/avatar.png";
+import semicircle from "../../assets/semicircle.png";
+import BackButton from "../../components/BackButton";
+import ConfirmButton from "../../components/ConfirmButton";
+const U2: React.FC = () => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const idCardNo = (location.state as any)?.idCardNo;
+  const handleBack = () => {
+    navigate(-1);
+  };
+
+  const handleConfirm = () => {
+    //判断是否为太平VIP客户
+    const isVIP = true; // 这里可以替换为实际的判断逻辑
+    if (isVIP) {
+      navigate("/u3");
+      return;
+    } else {
+      // 是否套餐待定
+      const isPackageUndecided = false; // 这里可以替换为实际的判断逻辑
+      if (isPackageUndecided) {
+        navigate("/u4");
+      } else {
+        navigate("/u5");
+      }
+    }
+  };
+
+  return (
+    <div className="u2-root">
+      <span className="u2-title">尊敬的张先生/女士，欢迎您的到来：</span>
+      <DecorLine />
+      <div className="u2-info-card">
+        <img className="u2-avatar" src={avatar} alt="avatar" />
+        <div className="u2-details-list">
+          <div className="u2-detail-row">
+            <div className="u2-detail-bar" />
+            <div className="u2-detail-text">姓名：xxx</div>
+          </div>
+
+          <div className="u2-detail-row">
+            <div className="u2-detail-bar" />
+            <div className="u2-detail-text">性别：x</div>
+          </div>
+
+          <div className="u2-detail-row">
+            <div className="u2-detail-bar" />
+            <div className="u2-detail-text">年龄：56岁</div>
+          </div>
+
+          <div className="u2-detail-row">
+            <div className="u2-detail-bar" />
+            <div className="u2-detail-text">
+              证件号：{idCardNo ?? "xxxxxxxxxxxxxx"}
+            </div>
+          </div>
+
+          <div className="u2-detail-row">
+            <div className="u2-detail-bar" />
+            <div className="u2-detail-text">手机号：166xxxxxxxx</div>
+          </div>
+
+          <div className="u2-detail-row">
+            <div className="u2-detail-bar" />
+            <div className="u2-detail-text">婚姻状况：未婚</div>
+          </div>
+        </div>
+      </div>
+      <span className="u2-instruction">
+        <span className="u2-asterisk">*</span> 如信息有误，请联系前台
+      </span>
+      <img className="u2-semicircle" alt="start button" src={semicircle} />
+      <div className="u2-confirm-section">
+        <BackButton text="返回" onClick={handleBack} />
+        <ConfirmButton text="确认" onClick={handleConfirm} />
+      </div>
+    </div>
+  );
+};
+
+export default U2;