ac-file-list

react ac-file-list component for tinper-bee

附件管理组件 项目中需要引入tinper-bee的样式文件

依赖

• react >= 15.3.0
• react-dom >= 15.3.0
• prop-types >= 15.6.0

使用方法

    import Btns from 'ac-file-list';
    import 'ac-file-list/build/FileList.css';

API

|参数|说明|类型|默认值| |:---|:-----|:----|:------| |id|必填，单据唯一标示|string|-| |disabled|上传按钮是否禁用|bool|false| |getListNow|组件渲染时，是否立即请求附件列表接口。例如：单据详情编辑时需要立即请求，新增时不需要|bool|false| |url|列表、上传、删除、详情(查询下载地址)接口地址|object|默认值往下看url配置| |uploadProps|上传参数，参考 bee-upload API|object|{}|

url配置

    {// {id} 替换为 props.id
        "list":  `https://ezone-u8c-daily.yyuap.com/cooperation/rest/v1/file/caep/{id}/files`,//文件列表
        "upload": `https://ezone-u8c-daily.yyuap.com/cooperation/rest/v1/file/caep/{id}/`,//上传
        "delete": `https://ezone-u8c-daily.yyuap.com/cooperation/rest/v1/file/{id}`,//下载 cooperation/rest/v1/file/5d639caaa957bd001936cec9  此处id为附件id
        "info":`https://ezone-u8c-daily.yyuap.com/cooperation/rest/v1/file/{id}/info/ `,//文件信息
    }

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/ac-file-list
$ cd ac-file-list
$ npm install
$ npm run dev