# 附件attach组件

附件、图片上传及管理应该是一个系统中必不可少,也是比较烦杂的点,为了减少这方面的处理精力,我对系统的附件进行了统一处理,仅仅只需传入数据的guid值。如下图所示。

菜单编辑窗口

# 附件列表list组件

这个仅仅是用来显示附件列表,无上传功能

# 属性

参数 说明 类型 默认值
showDelete 是否显示删除按钮 function undefined
getDataFunc 获取数据的函数 function undefined
deleteFunc 删除节点的函数 function undefined
card 是否以卡片模式显示,图片会显示缩略图 boolean false
type 附件对对应的type类型 string
guid 附件关联guid值 string

# 事件

事件名 说明 参数
deleted 删除附件后

# 方法

方法名 说明 参数
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

# 事件

事件名 说明 参数
deleted 删除附件后

# 方法

方法名 说明 参数
getData 获取数据, object
upload 上传已选择的附件
clear 清空附件数据及待上传附件
上次更新: 1/3/2021, 9:01:12 PM