增加保存选项

src/pages/MeasureSave.tsx

@@ -3,7 +3,7 @@ import { useNavigate } from 'react-router';
 import icon_arr_r from '../assets/icon_arr_s_r.svg';
 import { ChangeEvent, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '../utils/hooks';
-import { XB_CODES } from '../utils/constant';
+import { DATA_SOURCE, LINE_CLASSIFY, XB_CODES } from '../utils/constant';
 import { SaveMeasureDTO } from '../services/apiTypes';
 import Bridge from '../utils/bridge';
 import { resetState } from '../store/features/measureSlice';
@@ -20,8 +20,12 @@ export default function MeasureSave() {
 
   const [name, setName] = useState('');
   const [railPickerVisible, setRailPickerVisible] = useState(false);
+  const [dataSourcePickerVisible, setDataSourcePickerVisible] = useState(false);
+  const [lineClassPickerVisible, setLineClassPickerVisible] = useState(false);
   // const [railId, setRailId] = useState<(number | string | null)[]>([1]);
   const [directionCode, setDirectionCode] = useState<string[]>([XB_CODES[0].value]);
+  const [dataSourceCode, setDataSourceCode] = useState<string[]>([DATA_SOURCE[0].value]);
+  const [lineClassCode, setLineClassCode] = useState<string[]>([LINE_CLASSIFY[0].value]);
 
   const onInputChange = (evt: ChangeEvent<HTMLInputElement>) => {
     setName(evt.target.value);
@@ -72,6 +76,26 @@ export default function MeasureSave() {
                 onChange={onInputChange}
               />
             </div>
+            <div
+              className="h-12 flex items-center border-b border-[#eee]"
+              onClick={() => setDataSourcePickerVisible(true)}
+            >
+              <span>数据来源</span>
+              <span className="ml-auto mr-4">
+                {DATA_SOURCE.find((r) => r.value === dataSourceCode[0])?.label || ''}
+              </span>
+              <img src={icon_arr_r} alt="arr" />
+            </div>
+            <div
+              className="h-12 flex items-center border-b border-[#eee]"
+              onClick={() => setLineClassPickerVisible(true)}
+            >
+              <span>线路分类</span>
+              <span className="ml-auto mr-4">
+                {LINE_CLASSIFY.find((r) => r.value === lineClassCode[0])?.label || ''}
+              </span>
+              <img src={icon_arr_r} alt="arr" />
+            </div>
             <div className="h-12 flex items-center " onClick={() => setRailPickerVisible(true)}>
               <span>行别</span>
               <span className="ml-auto mr-4">
@@ -99,6 +123,28 @@ export default function MeasureSave() {
           setDirectionCode(v as string[]);
         }}
       />
+      <Picker
+        columns={[DATA_SOURCE]}
+        visible={dataSourcePickerVisible}
+        onClose={() => {
+          setDataSourcePickerVisible(false);
+        }}
+        value={dataSourceCode}
+        onConfirm={(v) => {
+          setDataSourceCode(v as string[]);
+        }}
+      />
+      <Picker
+        columns={[LINE_CLASSIFY]}
+        visible={lineClassPickerVisible}
+        onClose={() => {
+          setLineClassPickerVisible(false);
+        }}
+        value={dataSourceCode}
+        onConfirm={(v) => {
+          setLineClassCode(v as string[]);
+        }}
+      />
     </>
   );
 }

src/utils/constant.ts

@@ -1670,8 +1670,8 @@ export const XB_CODES = [
 export const XB_CODES_MAP = {
   S: '上行',
   X: '下行',
-  D: '单行'
-}
+  D: '单行',
+};
 
 export const MILE_TYPES = [
   {
@@ -1686,8 +1686,8 @@ export const MILE_TYPES = [
 
 export const MILE_TYPES_MAP = {
   D: '大里程',
-  X: '小里程'
-}
+  X: '小里程',
+};
 
 //股别  type 1：直线 2：曲线
 export const RAIN_TYPES = [
@@ -1748,4 +1748,46 @@ export const standbyMinutes = [
     label: '30分钟',
     value: 30,
   },
+];
+
+export const DATA_SOURCE = [
+  {
+    value: 'GCZD',
+    label: '跟车指导',
+  },
+  {
+    value: 'DQGC',
+    label: '定期观测',
+  },
+  {
+    value: 'XLDC',
+    label: '线路调查',
+  },
+  {
+    value: 'DMYS',
+    label: '打磨验收',
+  },
+  {
+    value: 'PSPG',
+    label: '普速评估',
+  },
+  {
+    value: 'GSPG',
+    label: '高速评估',
+  },
+  {
+    value: 'DCDC',
+    label: '道岔调查',
+  },
+];
+
+export const LINE_CLASSIFY = [
+  {
+    value: 'PS',
+    label: '普速'
+  },
+  {
+    value: 'GT',
+    label: '高铁'
+  }
 ]