AppGroupUpload
# 一、属性
# height
number
组件高度。
# uploadOption
object
上传弹窗配置项。
# uploadOption.tableId
string
业务表名称。
# uploadOption.valueId
string
业务取值字段。
默认值： 'id'
# uploadOption.findUrl
string
文件列表的查询地址。
默认值： '/master/archive/page'
# uploadOption.action
string
文件的上传地址。
默认值： '/master/file/multiUpload'
# uploadOption.dataSource
object
文件数据源。
提示
底层会从这个对象中，去取 valueId
# uploadOption.okLoading
boolean
上传加载状态。
默认值： false
提示
仅对上传地址有效
# uploadOption.saveUrl
string
修改文件相关数据时，需要使用的保存接口。
# uploadOption.downloadUrl
string | (record) => void
文件下载地址。
默认值： '/master/file/download/' + file.id
提示
downloadUrl 后面默认会跟文件id，即 downloadUrl + '?id=' + file.id。downloadUrl 如果是方法，不受此限制
# uploadOption.delUrl
string
文件删除地址。
默认值： '/master/file/batchdelete'
# uploadOption.accept
string
接受上传的文件类型。详见 input accept Attribute (opens new window)。
# uploadOption.multiple
boolean
是否支持多选文件，ie10+ 支持。开启后按住 ctrl 可选择多个文件。
默认值： true
# uploadOption.allowUpload
boolean
是否允许上传。
默认值： true
# uploadOption.onlyUpload
boolean
是否只需要上传，不显示已上传列表。
默认值： false
# uploadOption.group
array<string>
支持选择分组列表。
默认值： ['默认分组']
# uploadOption.groupSelected
string
默认选中的分组。
默认值： '默认分组'
# uploadOption.groupDisabled
boolean
是否禁用分组，不允许修改。
默认值： '默认分组'
# uploadOption.groupEditable
boolean
分组是否可编辑。
默认值： true
# uploadOption.hiddenDefaultGroup
boolean
是否隐藏默认分组。
默认值： false
# 二、事件
# uploadBefore
({ that, uploadOption, params, back }) => void
上传前的回调方法。
参数说明：
that: object: 当前组件的实例对象 不建议使用uploadOption: object: 上传弹窗配置对象params: object: 上传参数back: (continueExec) => void: 是否需要拦截后续代码时调用，默认继续执行。back(false)即可拦截。
提示
该方法可直接挂载至 uploadOption 下：
uploadOption: {
uploadBefore: ({ that, uploadOption, params, back }) => {}
}
2
3
# uploadAfter
({ that, uploadOption, res }) => void
上传前的回调方法。
参数说明：
that: object: 当前组件的实例对象 不建议使用uploadOption: object: 上传弹窗配置对象res: object: 接口响应数据
提示
该方法可直接挂载至 uploadOption 下：
uploadOption: {
uploadAfter: ({ that, uploadOption, res }) => {}
}
2
3
# uFindBefore
({ that, upload, back }) => void
查询列表数据之前的方法。
参数说明：
that: object: 当前组件的实例对象 不建议使用upload: object: 上传实例对象setBaseParams: (params) => void: 设置请求参数的方法
back: (continueExec) => void: 是否需要拦截后续代码时调用，默认继续执行。back(false)即可拦截。
提示
该方法可直接挂载至 uploadOption 下：
uploadOption: {
uFindBefore: ({ that, upload, back }) => {}
}
2
3
# uSaveBefore
({ that, uploadOption, data, back }) => void
保存列表数据之前的方法。
参数说明：
that: object: 当前组件的实例对象 不建议使用uploadOption: object: 上传弹窗配置项data: array: 待保存的数据back: (continueExec) => void: 是否需要拦截后续代码时调用，默认继续执行。back(false)即可拦截。
提示
该方法可直接挂载至 uploadOption 下：
uploadOption: {
uSaveBefore: ({ that, uploadOption, data, back }) => {}
}
2
3
# uDeleteBefore
({ that, uploadOption, records, back }) => void
删除列表数据之前的方法。
参数说明：
that: object: 当前组件的实例对象 不建议使用uploadOption: object: 上传弹窗配置项records: array: 待删除的数据back: (continueExec) => void: 是否需要拦截后续代码时调用，默认继续执行。back(false)即可拦截。
提示
该方法可直接挂载至 uploadOption 下：
uploadOption: {
uDeleteBefore: ({ that, upload, back }) => {}
}
2
3
# previewBefore
({ that, uploadOption, record, back }) => void
文件预览之前的方法。
参数说明：
that: object: 当前组件的实例对象 不建议使用uploadOption: object: 上传弹窗配置项record: object: 文件记录back: (continueExec) => void: 是否需要拦截后续代码时调用，默认继续执行。back(false)即可拦截。
提示
该方法可直接挂载至 uploadOption 下：
uploadOption: {
previewBefore: ({ that, upload, back }) => {}
}
2
3
# downloadBefore
({ that, uploadOption, record, back }) => void
文件下载之前的方法。
参数说明：
that: object: 当前组件的实例对象 不建议使用uploadOption: object: 上传弹窗配置项record: object: 文件记录back: (continueExec) => void: 是否需要拦截后续代码时调用，默认继续执行。back(false)即可拦截。
提示
该方法可直接挂载至 uploadOption 下：
uploadOption: {
previewBefore: ({ that, upload, back }) => {}
}
2
3