ImportExpressBillModal.tsx
1.53 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
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) {
return true;
} else {
message.error('导入失败');
}
messageApi.destroy();
}}
>
<ProFormUploadDragger max={1} label="上传快递单" name="express" />
</ModalForm>
{contextHolder}
</>
);
};