|
@@ -11,6 +11,7 @@
|
|
:http-request="httpRequest"
|
|
:http-request="httpRequest"
|
|
:limit="props.limit"
|
|
:limit="props.limit"
|
|
:multiple="props.limit > 1"
|
|
:multiple="props.limit > 1"
|
|
|
|
+ :accept="props.accept"
|
|
:on-error="excelUploadError"
|
|
:on-error="excelUploadError"
|
|
:on-exceed="handleExceed"
|
|
:on-exceed="handleExceed"
|
|
:on-preview="handlePreview"
|
|
:on-preview="handlePreview"
|
|
@@ -20,9 +21,9 @@
|
|
class="upload-file-uploader"
|
|
class="upload-file-uploader"
|
|
name="file"
|
|
name="file"
|
|
>
|
|
>
|
|
- <el-button v-if="!disabled" type="primary">
|
|
|
|
|
|
+ <el-button v-if="!disabled" :type="props.butType" :plain="props.plain">
|
|
<Icon icon="ep:upload-filled" />
|
|
<Icon icon="ep:upload-filled" />
|
|
- 选取文件
|
|
|
|
|
|
+ {{ props.txt }}
|
|
</el-button>
|
|
</el-button>
|
|
<template v-if="isShowTip && !disabled" #tip>
|
|
<template v-if="isShowTip && !disabled" #tip>
|
|
<div style="font-size: 12px">
|
|
<div style="font-size: 12px">
|
|
@@ -49,12 +50,16 @@ const emit = defineEmits(['update:modelValue'])
|
|
|
|
|
|
const props = defineProps({
|
|
const props = defineProps({
|
|
modelValue: propTypes.oneOfType<string | string[]>([String, Array<String>]).isRequired,
|
|
modelValue: propTypes.oneOfType<string | string[]>([String, Array<String>]).isRequired,
|
|
|
|
+ accept: propTypes.string.def('.xlsx, .xls, .ppt, .pdf, .txt, .doc'), // 文件类型, 例如['png', 'jpg', 'jpeg']
|
|
fileType: propTypes.array.def(['doc', 'xls', 'ppt', 'txt', 'pdf']), // 文件类型, 例如['png', 'jpg', 'jpeg']
|
|
fileType: propTypes.array.def(['doc', 'xls', 'ppt', 'txt', 'pdf']), // 文件类型, 例如['png', 'jpg', 'jpeg']
|
|
fileSize: propTypes.number.def(5), // 大小限制(MB)
|
|
fileSize: propTypes.number.def(5), // 大小限制(MB)
|
|
limit: propTypes.number.def(5), // 数量限制
|
|
limit: propTypes.number.def(5), // 数量限制
|
|
autoUpload: propTypes.bool.def(true), // 自动上传
|
|
autoUpload: propTypes.bool.def(true), // 自动上传
|
|
drag: propTypes.bool.def(false), // 拖拽上传
|
|
drag: propTypes.bool.def(false), // 拖拽上传
|
|
- isShowTip: propTypes.bool.def(true), // 是否显示提示
|
|
|
|
|
|
+ isShowTip: propTypes.bool.def(true), //
|
|
|
|
+ txt: propTypes.string.def('选取文件'), //
|
|
|
|
+ butType: propTypes.any.def('primary'), //
|
|
|
|
+ plain: propTypes.bool.def(false), //
|
|
disabled: propTypes.bool.def(false) // 是否禁用上传组件 ==> 非必传(默认为 false)
|
|
disabled: propTypes.bool.def(false) // 是否禁用上传组件 ==> 非必传(默认为 false)
|
|
})
|
|
})
|
|
|
|
|
|
@@ -167,7 +172,7 @@ const emitUpdateModelValue = () => {
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.upload-file-uploader {
|
|
.upload-file-uploader {
|
|
- margin-bottom: 5px;
|
|
|
|
|
|
+ // margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
|
|
:deep(.upload-file-list .el-upload-list__item) {
|
|
:deep(.upload-file-list .el-upload-list__item) {
|