Blame view

src/pages/Instalment/components/upload/uploadApp.tsx 938 Bytes
PurelzMgnead authored
1
import { InboxOutlined } from '@ant-design/icons';
PurelzMgnead authored
2
3
import { Upload } from 'antd';
import React from 'react';
PurelzMgnead authored
4
import './uploadApp.less';
PurelzMgnead authored
5
6

const App: React.FC = ({ uploadFile }) => {
PurelzMgnead authored
7
  const { Dragger } = Upload;
PurelzMgnead authored
8
PurelzMgnead authored
9
10
11
12
13
14
15
16
  const props = {
    name: 'file',
    multiple: true,
    maxCount: 1,
    onChange: (info) => {
      uploadFile(info.file.originFileObj);
    },
  };
PurelzMgnead authored
17
PurelzMgnead authored
18
  return (
PurelzMgnead authored
19
20
21
22
23
    <>
      <Dragger {...props}>
        <p className="ant-upload-drag-icon">
          <InboxOutlined />
        </p>
PurelzMgnead authored
24
        <p className="ant-upload-text">点击或者拖动文件到此处</p>
PurelzMgnead authored
25
26
      </Dragger>
      <a
PurelzMgnead authored
27
        href="https://order-erp.oss-cn-qingdao.aliyuncs.com/%E5%88%86%E6%9C%9F%E4%BB%98%E6%AC%BE-%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx?Expires=2036232762&OSSAccessKeyId=LTAIZCPI7OaWud0m&Signature=rtc7LNVK9g3flXQeHdeGOXFOocY%3D"
PurelzMgnead authored
28
29
30
31
32
        className="modul-a"
      >
        下载模板
      </a>
    </>
PurelzMgnead authored
33
  );
PurelzMgnead authored
34
35
};
PurelzMgnead authored
36
export default App;