/*
 * @Note:
 * @Author: 2058827620@qq.com
 * @Date: 2022-04-03 17:02:15
 */

import { ProForm, ModalForm, ProFormSelect, ProFormText, ProFormTextArea, ProFormInstance } from '@ant-design/pro-components';
import { Divider } from 'antd';
import { useEffect, useRef } from 'react';
import FilesManager from '@/components/FilesManage/index';

export default ({ modalOpenState, onModalOpenState, onSubmit }) => {
  const restFormRef = useRef<ProFormInstance>();

  return (
    <>
      <ModalForm
        title="投资人-转挂"
        formRef={restFormRef}
        submitter={{
          searchConfig: {
            resetText: '重置',
          },
          resetButtonProps: {
            onClick: () => {
              restFormRef.current?.resetFields();
            },
          },
        }}
        onFinish={async (e) => {
          await onSubmit(e)
          restFormRef.current?.resetFields();
        }}
        open={modalOpenState}
        onOpenChange={onModalOpenState}
      >
        <div className='text-red-600	'>
          <div>A：需要转挂的投资人</div>
          <div>B：转挂该投资人名下</div>
          <div>该操作把A转挂到B名下</div>
        </div>
        <Divider>A：需要转挂的投资人</Divider>
        <ProForm.Group>
          <ProFormText
            rules={[{ required: true, message: '请输入' }]}
            width="md"
            name="userNameSource"
            label="用户名(A)"
            placeholder="请输入"
          />
          <ProFormText
            rules={[{ required: true, message: '请输入' }]}
            width="md"
            name="phoneSource"
            label="手机号(A)"
            placeholder="请输入"
          />
        </ProForm.Group>
        <Divider>B：把A转挂该投资人名下</Divider>
        <ProForm.Group>
          <ProFormText
            rules={[{ required: true, message: '请输入' }]}
            width="md"
            name="userNameTarget"
            label="用户名(B)"
            placeholder="请输入"
          />
          <ProFormText
            rules={[{ required: true, message: '请输入' }]}
            width="md"
            name="phoneTarget"
            label="手机号(B)"
            placeholder="请输入"
          />
        </ProForm.Group>
        <ProFormTextArea
          rules={[{ required: true, message: '请输入' }]}
          width="md"
          name="remark"
          label="备注"
          placeholder="请输入"
        />
      </ModalForm>
    </>
  );
};

