import React, { useState, useRef, useEffect } from 'react';
|
import {
|
ProForm,
|
ProFormDigit,
|
ProFormText,
|
ProFormSelect,
|
ProFormDateTimePicker
|
} from '@ant-design/pro-components';
|
import { Form, Modal } from 'antd';
|
import { FormattedMessage, useIntl } from '@umijs/max';
|
import moment from 'moment';
|
import Http from '@/utils/http';
|
|
const Edit = (props) => {
|
const intl = useIntl();
|
const [form] = Form.useForm();
|
const { } = props;
|
|
useEffect(() => {
|
form.resetFields();
|
form.setFieldsValue({
|
...props.values
|
})
|
}, [form, props])
|
|
const handleCancel = () => {
|
props.onCancel();
|
};
|
|
const handleOk = () => {
|
form.submit();
|
}
|
|
const handleFinish = async (values) => {
|
props.onSubmit({ ...values });
|
}
|
|
return (
|
<>
|
<Modal
|
title={
|
Object.keys(props.values).length > 0
|
? intl.formatMessage({ id: 'page.edit', defaultMessage: '编辑' })
|
: intl.formatMessage({ id: 'page.add', defaultMessage: '添加' })
|
}
|
width={640}
|
forceRender
|
destroyOnClose
|
open={props.open}
|
onCancel={handleCancel}
|
onOk={handleOk}
|
>
|
<ProForm
|
form={form}
|
submitter={false}
|
onFinish={handleFinish}
|
layout="horizontal"
|
grid={true}
|
>
|
<ProFormDigit
|
name="id"
|
disabled
|
hidden={true}
|
/>
|
<ProForm.Group>
|
<ProFormText
|
name="uuid"
|
label="编号"
|
colProps={{ md: 12, xl: 12 }}
|
/>
|
<ProFormDigit
|
name="taskNo"
|
label="工作号"
|
colProps={{ md: 12, xl: 12 }}
|
fieldProps={{ precision: 0 }}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormDateTimePicker
|
name="startTime"
|
label="发生时间"
|
colProps={{ md: 12, xl: 12 }}
|
transform={(value) => moment(value).toISOString()}
|
/>
|
<ProFormDateTimePicker
|
name="endTime"
|
label="结束时间"
|
colProps={{ md: 12, xl: 12 }}
|
transform={(value) => moment(value).toISOString()}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormSelect
|
name="taskSts"
|
label="工作状态"
|
colProps={{ md: 12, xl: 12 }}
|
fieldProps={{ precision: 0 }}
|
showSearch
|
debounceTime={300}
|
request={async ({ keyWords }) => {
|
const resp = await Http.doPostForm('api/taskSts/query', { condition: keyWords });
|
return resp.data;
|
}}
|
/>
|
<ProFormSelect
|
name="taskCtg"
|
label="入出库类型"
|
colProps={{ md: 12, xl: 12 }}
|
fieldProps={{ precision: 0 }}
|
showSearch
|
debounceTime={300}
|
request={async ({ keyWords }) => {
|
const resp = await Http.doPostForm('api/taskCtg/query', { condition: keyWords });
|
return resp.data;
|
}}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormDigit
|
name="liftNo"
|
label="提升机号"
|
colProps={{ md: 12, xl: 12 }}
|
fieldProps={{ precision: 0 }}
|
/>
|
<ProFormDigit
|
name="plcNo"
|
label="plc"
|
colProps={{ md: 12, xl: 12 }}
|
fieldProps={{ precision: 0 }}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormText
|
name="locNo"
|
label="目标库位"
|
colProps={{ md: 12, xl: 12 }}
|
/>
|
<ProFormDigit
|
name="staNo"
|
label="目标站"
|
colProps={{ md: 12, xl: 12 }}
|
fieldProps={{ precision: 0 }}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormDigit
|
name="sourceStaNo"
|
label="源站"
|
colProps={{ md: 12, xl: 12 }}
|
fieldProps={{ precision: 0 }}
|
/>
|
<ProFormText
|
name="sourceLocNo"
|
label="源库位"
|
colProps={{ md: 12, xl: 12 }}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormText
|
name="barcode"
|
label="条码"
|
colProps={{ md: 12, xl: 12 }}
|
/>
|
<ProFormDigit
|
name="errCode"
|
label="异常码"
|
colProps={{ md: 12, xl: 12 }}
|
fieldProps={{ precision: 0 }}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormText
|
name="error"
|
label="异常"
|
colProps={{ md: 12, xl: 12 }}
|
/>
|
<ProFormSelect
|
name="status"
|
label="异常情况"
|
colProps={{ md: 12, xl: 12 }}
|
options={[
|
{ label: '未处理', value: 1 },
|
{ label: '已修复', value: 2 },
|
]}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormDateTimePicker
|
name="createTime"
|
label="添加时间"
|
colProps={{ md: 12, xl: 12 }}
|
transform={(value) => moment(value).toISOString()}
|
/>
|
<ProFormSelect
|
name="createBy"
|
label="添加人员"
|
colProps={{ md: 12, xl: 12 }}
|
fieldProps={{ precision: 0 }}
|
showSearch
|
debounceTime={300}
|
request={async ({ keyWords }) => {
|
const resp = await Http.doPostForm('api/user/query', { condition: keyWords });
|
return resp.data;
|
}}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormDateTimePicker
|
name="updateTime"
|
label="修改时间"
|
colProps={{ md: 12, xl: 12 }}
|
transform={(value) => moment(value).toISOString()}
|
/>
|
<ProFormSelect
|
name="updateBy"
|
label="修改人员"
|
colProps={{ md: 12, xl: 12 }}
|
fieldProps={{ precision: 0 }}
|
showSearch
|
debounceTime={300}
|
request={async ({ keyWords }) => {
|
const resp = await Http.doPostForm('api/user/query', { condition: keyWords });
|
return resp.data;
|
}}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormText
|
name="memo"
|
label="备注"
|
colProps={{ md: 12, xl: 12 }}
|
/>
|
<ProFormText
|
name="systemStatus"
|
label="系统状态数据"
|
colProps={{ md: 12, xl: 12 }}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormSelect
|
name="deviceId"
|
label="设备ID"
|
colProps={{ md: 12, xl: 12 }}
|
fieldProps={{ precision: 0 }}
|
showSearch
|
debounceTime={300}
|
request={async ({ keyWords }) => {
|
const resp = await Http.doPostForm('api/device/query', { condition: keyWords });
|
return resp.data;
|
}}
|
/>
|
</ProForm.Group>
|
|
</ProForm>
|
</Modal>
|
</>
|
)
|
}
|
|
export default Edit;
|
