canrd-main / canrd-erp-front · Files

import { InboxOutlined } from '@ant-design/icons';

import { Upload } from 'antd';
import React from 'react';

import './uploadApp.less';

const App: React.FC = ({ uploadFile }) => {

  const { Dragger } = Upload;

  const props = {
    name: 'file',
    multiple: true,
    maxCount: 1,
    onChange: (info) => {
      uploadFile(info.file.originFileObj);
    },
  };

  return (

    <>
      <Dragger {...props}>
        <p className="ant-upload-drag-icon">
          <InboxOutlined />
        </p>
        <p className="ant-upload-text">
          Click or drag file to this area to upload
        </p>
        <p className="ant-upload-hint">
          Support for a single or bulk upload. Strictly prohibited from
          uploading company data or other banned files.
        </p>
      </Dragger>
      <a
        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=2035527699&OSSAccessKeyId=LTAIZCPI7OaWud0m&Signature=npHyEhfRd6LugJ0St8OkvRmLYtQ%3D"
        className="modul-a"
      >
        下载模板
      </a>
    </>

  );

};

export default App;