更新 VIP 状态接口为 is-taiping-vip,添加获取可选套餐逻辑

This commit is contained in:
yuchenglong
2025-11-25 10:04:25 +08:00
parent 1c50b7be73
commit 4cd4e844f5
5 changed files with 116 additions and 45 deletions

View File

@@ -1,6 +1,7 @@
import React from "react";
import "./u4.css";
import { useNavigate } from "react-router-dom";
import { useLocation } from "react-router-dom";
import DecorLine from "../../components/DecorLine";
import LongButton from "../../components/LongButton";
import radio0 from "../../assets/radio-0.png";
@@ -14,25 +15,29 @@ interface testType {
const U4: React.FC = () => {
const navigate = useNavigate();
const location = useLocation();
const optionalData = (location.state as any)?.optionalData;
const [test, setTest] = React.useState<testType[]>([]);
const handleConfirm = () => {
navigate("/UI6");
};
React.useEffect(() => {
setTest([
{
id: 1,
title: "乳腺 B 超",
desc: "适合 40 岁",
taboo: "无特别限制",
},
{
id: 2,
title: "乳腺钼靶",
desc: "适合40岁以上",
taboo: "孕期、哺乳期",
},
]);
if (
optionalData &&
optionalData.listOptionalItem &&
optionalData.listOptionalItem.length
) {
const items = optionalData.listOptionalItem.map((it: any) => ({
id: it.combination_code,
title: it.combination_name,
desc: "",
taboo: "",
}));
setTest(items);
} else {
alert("未获取到可选套餐信息,无需选择套餐");
navigate("/UI6");
}
}, []);
const [selectedId, setSelectedId] = React.useState<number | null>(1);
@@ -61,17 +66,6 @@ const U4: React.FC = () => {
/>
<div className="u4-card-title">{t.title}</div>
</div>
<div className="u4-card-body">
<div className="u4-detail-row">
<div className="u4-detail-bar" />
<div className="u4-detail-text">{t.desc}</div>
</div>
<div className="u4-detail-row">
<div className="u4-detail-bar" />
<div className="u4-detail-text">{t.taboo}</div>
</div>
</div>
</div>
))}
</div>