附件attach组件
附件、图片上传及管理应该是一个系统中必不可少,也是比较烦杂的点,为了减少这方面的处理精力,我对系统的附件进行了统一处理,仅仅只需传入数据的guid值。如下图所示。
附件列表list组件
这个仅仅是用来显示附件列表,无上传功能
属性
参数 | 说明 | 类型 | 默认值 |
showDelete | 是否显示删除按钮 | function | undefined |
getDataFunc | 获取数据的函数 | function | undefined |
deleteFunc | 删除节点的函数 | function | undefined |
card | 是否以卡片模式显示,图片会显示缩略图 | boolean | false |
type | 附件对对应的type类型 | string | |
guid | 附件关联guid值 | string | |
事件
方法
方法名 | 说明 | 参数 |
reload | 刷新数据 | |
getDataOnce | 获取数据,只获取一次 | object |
getData | 获取数据, | object |
query | 查询数据 | object |
resetQuery | 重置查询 | |
add | 添加数据项 | object |
clear | 清空数据 | |
附件上传列表uploadList组件
上面的列表组件结合上传组件
属性
参数 | 说明 | 类型 | 默认值 |
showUpload | 是否显示删除按钮 | function | undefined |
showDelete | 是否显示删除按钮 | boolean | true |
getDataFunc | 获取数据的函数 | function | undefined |
deleteFunc | 删除节点的函数 | function | undefined |
autoUpload | 是否自动上传 | boolean | false |
url | 上传的url | string | |
name | 上传的name值 | string | file |
buttonText | 选择文件按钮文本 | string | 选择文件 |
limit | 最大允许上传数量 | number | |
multiple | 是否可上传多个 | boolean | false |
disabled | 是否禁用 | boolean | false |
limitSize | 限制附件大小 | number | 10*1024*1024 |
data | 上传时附带的数据 | object | |
imgCompress | 上传图片时是否启用压缩功能 | boolean | false |
guid | 附件关联的guid值 | string | |
isPublic | 是否是公开附件 | boolean | false |
type | 附件关联的type值 | string | |
limitType | 限制上传的类型 | string | |
card | 是否以卡片模式显示 | boolean | false |
事件
方法
方法名 | 说明 | 参数 |
getData | 获取数据, | object |
upload | 上传已选择的附件 | |
clear | 清空附件数据及待上传附件 | |