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