|
|
@ -22,6 +22,8 @@ export default function MeasureSave() { |
|
|
|
const [batch, setBatch] = useState(''); |
|
|
|
const [mile, setMile] = useState(10); |
|
|
|
const [meter, setMeter] = useState(10); |
|
|
|
const [turnoutNum, setTurnoutNum] = useState(1); |
|
|
|
const [sleeperNum, setSleeperNum] = useState(1); |
|
|
|
const [railPickerVisible, setRailPickerVisible] = useState(false); |
|
|
|
const [dataSourcePickerVisible, setDataSourcePickerVisible] = useState(false); |
|
|
|
const [lineClassPickerVisible, setLineClassPickerVisible] = useState(false); |
|
|
@ -47,6 +49,14 @@ export default function MeasureSave() { |
|
|
|
if (/^\d*$/.test(evt.target.value)) { |
|
|
|
setMeter(+evt.target.value); |
|
|
|
} |
|
|
|
} else if (evt.target.name === 'turnoutNum') { |
|
|
|
if (/^\d*$/.test(evt.target.value)) { |
|
|
|
setTurnoutNum(+evt.target.value); |
|
|
|
} |
|
|
|
} else if (evt.target.name === 'sleeperNum') { |
|
|
|
if (/^\d*$/.test(evt.target.value)) { |
|
|
|
setSleeperNum(+evt.target.value); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
const onSaveBtnClick = () => { |
|
|
@ -84,6 +94,8 @@ export default function MeasureSave() { |
|
|
|
stationCode: stationCode[0], |
|
|
|
lineClassify: lineClassCode[0], |
|
|
|
dataSource: dataSourceCode[0], |
|
|
|
turnoutNum: turnoutNum.toFixed(), |
|
|
|
sleeperNum: sleeperNum.toFixed(), |
|
|
|
unitType: unitType[0], |
|
|
|
mileage: `${mile}+${meter.toString().padStart(3, '0')}`, |
|
|
|
radius: '', |
|
|
@ -132,25 +144,6 @@ export default function MeasureSave() { |
|
|
|
onChange={onInputChange} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div className="h-12 flex items-center border-b border-[#eee]"> |
|
|
|
<span>里程</span> |
|
|
|
<input |
|
|
|
type="text" |
|
|
|
name="mile" |
|
|
|
value={mile} |
|
|
|
className="w-14 h-8 mx-1 border border-[#eee] rounded outline-none text-center ml-auto" |
|
|
|
onChange={onInputChange} |
|
|
|
/> |
|
|
|
<span>公里+</span> |
|
|
|
<input |
|
|
|
type="text" |
|
|
|
name="meter" |
|
|
|
value={meter} |
|
|
|
className="w-14 h-8 mx-1 border border-[#eee] rounded outline-none text-center" |
|
|
|
onChange={onInputChange} |
|
|
|
/> |
|
|
|
<span>米</span> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
className="h-12 flex items-center border-b border-[#eee]" |
|
|
|
onClick={() => setDataSourcePickerVisible(true)} |
|
|
@ -161,6 +154,51 @@ export default function MeasureSave() { |
|
|
|
</span> |
|
|
|
<img src={icon_arr_r} alt="arr" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
{dataSourceCode[0] === 'DCDC' ? ( |
|
|
|
<> |
|
|
|
<div className="h-12 flex items-center border-b border-[#eee]"> |
|
|
|
<span>道岔号</span> |
|
|
|
<input |
|
|
|
type="number" |
|
|
|
name="turnoutNum" |
|
|
|
value={turnoutNum} |
|
|
|
className="border-0 outline-none self-stretch text-right flex-1 ml-4" |
|
|
|
onChange={onInputChange} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div className="h-12 flex items-center border-b border-[#eee]"> |
|
|
|
<span>枕木号</span> |
|
|
|
<input |
|
|
|
type="number" |
|
|
|
name="sleeperNum" |
|
|
|
value={sleeperNum} |
|
|
|
className="border-0 outline-none self-stretch text-right flex-1 ml-4" |
|
|
|
onChange={onInputChange} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</> |
|
|
|
) : ( |
|
|
|
<div className="h-12 flex items-center border-b border-[#eee]"> |
|
|
|
<span>里程</span> |
|
|
|
<input |
|
|
|
type="number" |
|
|
|
name="mile" |
|
|
|
value={mile} |
|
|
|
className="w-14 h-8 mx-1 border border-[#eee] rounded outline-none text-center ml-auto" |
|
|
|
onChange={onInputChange} |
|
|
|
/> |
|
|
|
<span>公里+</span> |
|
|
|
<input |
|
|
|
type="number" |
|
|
|
name="meter" |
|
|
|
value={meter} |
|
|
|
className="w-14 h-8 mx-1 border border-[#eee] rounded outline-none text-center" |
|
|
|
onChange={onInputChange} |
|
|
|
/> |
|
|
|
<span>米</span> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
<div |
|
|
|
className="h-12 flex items-center border-b border-[#eee]" |
|
|
|
onClick={() => setStationPickerVisible(true)} |
|
|
|