CalcCheckModal.jsx

import React, { useEffect } from 'react';
import { connect } from 'dva';
import {
  Row,
  Col,
  Form,
  Input,
  Button,
  Select,
  Switch,
  TreeSelect,
  message,
  Modal,
  Table,
  Alert,
} from 'antd';
import { dispatchHandle } from '@/utils/publicHandle';
import useUpdateEffect from '@/useHooks/useUpdateEffect';
import { render } from 'enzyme';

const CalcCheckModal = (props) => {
  const [form] = Form.useForm();
  const { dispatch } = props;
  const { TextArea } = Input;
  useUpdateEffect(() => {
    // dispatchHandle(dispatch, 'groupList/setModelsState', { userDetail: {} });
  }, [props.addVisible]);

  const validateConfirmPassword = (rule, value) => {
    const ruleName = rule.field;
    const name = 'password';
    const compareName = ruleName === name ? 'confirmPassword' : name;

    if (!value || form.getFieldValue(compareName) === value) {
      ruleName === 'confirmPassword' && form.validateFields([compareName]);
      return Promise.resolve();
    }
    return Promise.reject('密码两次输入不一致！');
  };

  const handleClose = () => {
    form.resetFields();
    props.handleClose();
  };
  const handleSubmit = (e) => {
    e.preventDefault();
  };

  const formItemLayout = {
    labelCol: { span: 4 },
    wrapperCol: { span: 18 },
  };
  const formTailLayout = {
    labelCol: { span: 8 },
    wrapperCol: { span: 12 },
  };
  const { addType, addVisible, currentModalType } = props;
  return (
    <Modal
      centered={true}
      width={800}
      title={currentModalType === 'pass' ? `通过` : `驳回`}
      visible={addVisible}
      onCancel={handleClose}
      closable={false}
    >
      <Form layout="vertical">
        <div span={24}>
          <div style={{ padding: 10, fontSize: 16, flex: 1 }}>
            <Alert
              message={
                currentModalType === 'pass'
                  ? '你确定要通过该单据的验收吗？'
                  : '你确定要驳回该单据的验收吗？'
              }
              type="info"
              showIcon
            />
          </div>
          <Form>
            <Form.Item name="a" label={currentModalType === 'pass' ? '备注' : '驳回意见'}>
              <TextArea rows="6" max={50} />
            </Form.Item>
          </Form>
        </div>
      </Form>
    </Modal>
  );
};

export default CalcCheckModal;