更新 VIP 状态接口为 is-taiping-vip,添加获取可选套餐逻辑
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user