import React, { useEffect } from 'react'; import { CMFlowGet, CMFlowPost } from '@/services/platform/flow'; import { Form, Modal, Input, Radio, Select, notification } from 'antd'; const { Option } = Select; const { TextArea } = Input; const ProcessConfig = props => { const { onSubumit, handleCancel, visible, processMsg } = props; const [form] = Form.useForm(); useEffect(() => { if (visible) { getFormData(); } }, [visible]); // 获取表单回显 const getFormData = () => { CMFlowGet({ flowId: processMsg.ID }).then(res => { if (res.code === 0) { form.setFieldsValue(res.data); } }); }; // 提交表单 const onFinish = () => { form.validateFields().then(validate => { if (validate) { console.log(validate); CMFlowPost({ ...validate, flowId: processMsg.ID }) .then(res => { if (res.code === 0) { notification.success({ message: '提示', duration: 3, description: '编辑成功', }); onSubumit(); } else { notification.error({ message: '提示', duration: 3, description: res.msg, }); } }) .catch(() => { notification.error({ message: '提示', duration: 3, description: '网络异常', }); }); } }); }; return ( <Modal title="流程配置" visible={visible} onOk={onFinish} onCancel={handleCancel} maskClosable={false} > <Form form={form} labelCol={{ span: 5 }} wrapperCol={{ span: 18 }} initialValues={{ remember: true }} > <Form.Item label="流程名称" name="name"> <Input disabled /> </Form.Item> <Form.Item label="流程结束" name="flowEndBehavior"> <Radio.Group> <Radio value={0}>不做任何事情</Radio> <Radio value={1}>直接关闭事件</Radio> <Radio value={2}>事件转为待审核</Radio> <Radio value={3}>重新处理事件</Radio> </Radio.Group> </Form.Item> <Form.Item label="前端页面" name="webPage"> <Select> <Option value="多表显示">多表显示</Option> <Option value="多表在办显示">多表在办显示</Option> <Option value="表堆叠显示">表堆叠显示</Option> <Option value="分派节点显示">分派节点显示</Option> </Select> </Form.Item> <Form.Item label="编码样式" name="coding12Checked"> <Radio.Group> <Radio value={false}>GIS-2021-0000001 (前缀长度 + 13 位)</Radio> <Radio value>GIS000000001 (始终 12 位)</Radio> </Radio.Group> </Form.Item> <Form.Item label="接口配置" name="interfaceConfig"> <TextArea /> </Form.Item> </Form> </Modal> ); }; export default ProcessConfig;