120 lines
3.4 KiB
JavaScript
120 lines
3.4 KiB
JavaScript
import React,{useEffect,useState,useMemo} from 'react';
|
|
import { Form, Button, Input, Row, Col, DatePicker, Upload,message,Image,Modal,Radio } from 'antd';
|
|
import { formItemLayout, btnItemLayout } from '../../../../../components/crud/FormLayoutProps';
|
|
import apiurl from '../../../../../service/apiurl';
|
|
import NormalSelect from '../../../../../components/Form/NormalSelect';
|
|
import { httppost2 } from '../../../../../utils/request';
|
|
|
|
import moment from 'moment';
|
|
const ModalForm = ({ mode, record,onEdit,onSave,onSimilarSave }) => {
|
|
console.log("record",record);
|
|
const [form] = Form.useForm();
|
|
const [dmList, setDmList] = useState([])
|
|
const [codeList, setCodeList] = useState([])
|
|
const [dmCode,setDmCode] = useState('')
|
|
|
|
const onFinish = (values) => {
|
|
debugger
|
|
if (mode === 'edit') {
|
|
onEdit(apiurl.gcaqjc.sjtjcx.sjlr.wyjc.edit,{...record,...values})
|
|
}
|
|
if (mode === 'save') {
|
|
onSave(apiurl.gcaqjc.sjtjcx.sjlr.wyjc.save,values)
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const getDmList = async () => {
|
|
try {
|
|
const res = await httppost2(apiurl.gcaqjc.sjtjcx.sycx.list)
|
|
setDmList(res.data.map(s=>({label:s.profileName,value:s.profileCode})));
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
}
|
|
|
|
const getStationCode = async () => {
|
|
try {
|
|
const res = await httppost2(apiurl.gcaqjc.sjtjcx.wycx.list)
|
|
setCodeList(res.data.map(s=>({label:s.stationCode,value:s.stationCode,profileCode:s.profileCode})));
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
}
|
|
|
|
|
|
useEffect(()=>{
|
|
getDmList()
|
|
getStationCode()
|
|
}, [])
|
|
|
|
return (
|
|
<>
|
|
<Form
|
|
form={form}
|
|
{...formItemLayout}
|
|
onFinish={onFinish}
|
|
initialValues={record}
|
|
>
|
|
<Form.Item
|
|
label="监测时间"
|
|
name="tm"
|
|
getValueFromEvent={(e,dateString) => dateString}
|
|
getValueProps={(value) => ({ value: value ? moment(value) : undefined })}
|
|
rules={[{required: true}]}
|
|
>
|
|
<DatePicker disabled={mode==='view'||mode==='edit'} format={'YYYY-MM-DD HH:mm:ss'} style={{width:'100%'}} allowClear showTime />
|
|
</Form.Item>
|
|
<Form.Item
|
|
label="测点编号"
|
|
rules={[{ required: true }]}
|
|
name="stationCode"
|
|
|
|
>
|
|
<NormalSelect
|
|
disabled={mode==='view'||mode==='edit'}
|
|
allowClear
|
|
style={{ width: "100%" }}
|
|
options={codeList}
|
|
/>
|
|
</Form.Item>
|
|
<Form.Item
|
|
label="X方向表面位移(mm)"
|
|
name="x"
|
|
>
|
|
<Input disabled={mode==='view'} style={{width:'100%'}} allowClear />
|
|
</Form.Item>
|
|
<Form.Item
|
|
label="Y方向表面位移(mm)"
|
|
name="y"
|
|
>
|
|
<Input disabled={mode==='view'} style={{width:'100%'}} allowClear />
|
|
</Form.Item>
|
|
<Form.Item
|
|
label="H方向表面位移(mm)"
|
|
name="h"
|
|
>
|
|
<Input disabled={mode==='view'} style={{width:'100%'}} allowClear />
|
|
</Form.Item>
|
|
{
|
|
mode==='view'?null:(
|
|
<>
|
|
<Form.Item {...btnItemLayout}>
|
|
<Button type="primary" htmlType="submit">
|
|
{mode === 'save' ? '保存' :
|
|
mode === "similarSave" ? "保存" :
|
|
'修改'}
|
|
</Button>
|
|
</Form.Item>
|
|
</>
|
|
)
|
|
}
|
|
</Form>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default ModalForm;
|