canrd-main / canrd-erp-front · Files

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>
  );

};