import { postOrderErpOrderStagesImport } from '@/services/request';
import { VerticalAlignBottomOutlined } from '@ant-design/icons';
import { ModalForm } from '@ant-design/pro-components';
import { Button, Form, message } from 'antd';
import { RcFile } from 'antd/es/upload';
import { useState } from 'react';
import App from './uploadApp';

// const waitTime = (time: number = 100) => {
//   return new Promise((resolve) => {
//     setTimeout(() => {
//       resolve(true);
//     }, time);
//   });
// };

export default ({ toReload }) => {
  const [form] = Form.useForm<{ name: string; company: string }>();
  const [uploadFile, setUploadFile] = useState({});
  // function setUploadFileWay(value) {
  //   setUploadFile(value)
  // }
  return (
    <ModalForm<{
      name: string;
      company: string;
    }>
      title="新建表单"
      trigger={
        <Button
          type="primary"
          onClick={() => {
            setUploadFile({});
          }}
        >
          <VerticalAlignBottomOutlined />
          导入
        </Button>
      }
      form={form}
      autoFocusFirstInput
      modalProps={{
        destroyOnClose: true,
      }}
      submitTimeout={2000}
      onFinish={async () => {
        if (!(uploadFile instanceof File)) {
          return false;
        }
        const formData = new FormData();
        formData.append('file', uploadFile as RcFile);
        const res = await postOrderErpOrderStagesImport({
          data: formData,
          headers: {
            'Content-Type':
              'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq',
          },
        });
        if (res) {
          message.success('提交成功');
          toReload();
          return true;
        }
      }}
    >
      <App uploadFile={setUploadFile}></App>
    </ModalForm>
  );
};