Blame view

src/pages/Order/OrderList/ImportExpressBillModal copy.tsx 1.57 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import { RESPONSE_CODE } from '@/constants/enum';
import { postOrderImportImportWeightAndVolume } from '@/services';
import { ModalForm, ProFormUploadDragger } from '@ant-design/pro-components';
import { Button, Form, message } from 'antd';

export default () => {
  const [form] = Form.useForm();
  const [messageApi, contextHolder] = message.useMessage();
  return (
    <>
      <ModalForm
        title="导入重量、体积"
        trigger={<Button type="primary">导入重量、体积</Button>}
        form={form}
        autoFocusFirstInput
        modalProps={{
          destroyOnClose: true,
        }}
        submitTimeout={2000}
        onFinish={async (values) => {
          console.log(values);
          const formData = new FormData();
          formData.append('file', values.express[0].originFileObj);
          messageApi.open({
            type: 'loading',
            content: '正在导入...',
            duration: 0,
          });
          const res = await postOrderImportImportWeightAndVolume({
            data: formData,
            headers: {
              'Content-Type':
                'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq',
            },
          });
          if (res.result === RESPONSE_CODE.SUCCESS) {
            message.error('导入成功');
          } else {
            message.error('导入失败');
          }
          messageApi.destroy();
          return true;
        }}
      >
        <ProFormUploadDragger max={1} label="上传快递单" name="express" />
      </ModalForm>
      {contextHolder}
    </>
  );
};