diff --git a/src/pages/MeasureSave.tsx b/src/pages/MeasureSave.tsx index c2d6d58..00648b8 100644 --- a/src/pages/MeasureSave.tsx +++ b/src/pages/MeasureSave.tsx @@ -1,34 +1,52 @@ -import { NavBar } from 'antd-mobile'; +import { NavBar, Picker } from 'antd-mobile'; import { useNavigate } from 'react-router'; import icon_arr_r from '../assets/icon_arr_s_r.svg'; +import { railTypes } from '../utils/constant'; +import { useState } from 'react'; export default function MeasureSave() { const navigate = useNavigate(); const back = () => navigate(-1); + const [railPickerVisible, setRailPickerVisible] = useState(false); + const [railId, setRailId] = useState<(number | string | null)[]>([1]); + return ( -
- - 测量参数 - -
-
-
- 测量名称 - -
-
- 轨型 - 60轨 - arr + <> +
+ + 测量参数 + +
+
+
+ 测量名称 + +
+
setRailPickerVisible(true)}> + 轨型 + {railTypes.find(r => r.id === railId[0])?.name || ""} + arr +
+
确定
-
确定
-
+ ({ ...t, label: t.name, value: t.id }))]} + visible={railPickerVisible} + onClose={() => { + setRailPickerVisible(false); + }} + value={railId} + onConfirm={v => { + setRailId(v); + }} + /> + ); }