tsg-web/src/views/sz/szzf/clyj/form.js

import React, { useEffect, useState, useMemo, useRef } from 'react';
import { Space, Table, Radio, DatePicker, Form, Select, Button, message, Upload, Input, Row, Col, Switch, Image } from 'antd';
import { DeleteOutlined, FileWordOutlined, FilePdfOutlined, FileZipOutlined, FileExcelOutlined } from '@ant-design/icons';
import { formItemLayout, btnItemLayout } from '../../../../components/crud/FormLayoutProps';

import apiurl from '../../../../service/apiurl';

// import "./index.less"
import moment from 'moment';
const { TextArea } = Input;

const options=[
  {label:'禁用',value:0},
  {label:'启用',value:1}
]
const ModalForm = ({ mode, record, onEdit, onSave, onCrudSuccess }) => {

  const [form] = Form.useForm();
  const [fileList, setFileList] = useState([]) //上传文件列表

  const [loading, setLoading] = useState(false)




  const onfinish = (values) => {
    onEdit(apiurl.szzf.clyj.edit, {...record,...values})
  }
  useEffect(() => {
    if(record){
      form.setFieldsValue(record)
    }
  }, [record, mode])



  return (
    <>
      <Form
        form={form}
        {...formItemLayout}
        onFinish={onfinish}
        initialValues={record}
      >
        <Row>
          <Col span={24}>
            <Form.Item
              label="节点"
              name="name"
              rules={[{ required: true }]}
            >
              <Input disabled style={{ width: '100%' }} allowClear />
            </Form.Item>
          </Col>
          <Col span={24}>
            <Form.Item
              label="状态"
              name="status"
              rules={[{ required: true }]}
            >
              <Radio.Group options={options}/>
            </Form.Item>
          </Col>
          <Col span={24}>
            <Form.Item
              label="法律名称"
              name="legalName"
              rules={[{ required: true }]}
            >
              <Input  style={{ width: '100%' }} allowClear />
            </Form.Item>
          </Col>
          <Col span={24}>
            <Form.Item
              label="法条内容"
              name="legalContent"
            >
              <Input  style={{ width: '100%' }} allowClear />
            </Form.Item>
          </Col>

          <Col span={24}>
            <Form.Item
              label="违法行为描述"
              name="violationDesc"
            >
              <TextArea rows={4}  />
            </Form.Item>
          </Col>
          <Col span={24}>
            <Form.Item
              label="处罚措施"
              name="penalties"
            >
              <TextArea rows={4} />
            </Form.Item>
          </Col>

        </Row>

        {
          mode === 'view' ? null : (
            <>
              <Form.Item {...btnItemLayout}>
                <Button type="primary" htmlType="submit">
                  {mode === 'save' ? '提交' : '修改'}
                </Button>
              </Form.Item>
            </>
          )
        }
      </Form>

    </>
  );
}

export default ModalForm;