|
@@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<el-upload class="hc-upload-border" drag :action="action" :headers="getTokenHeader()" :data="uploadData" :accept="accept" :file-list="fileListData" :disabled="uploadDisabled"
|
|
<el-upload class="hc-upload-border" drag :action="action" :headers="getTokenHeader()" :data="uploadData" :accept="accept" :file-list="fileListData" :disabled="uploadDisabled"
|
|
- :on-preview="uploadPreview" :on-success="uploadSuccess" :on-exceed="uploadExceed" :on-error="uploadError" :before-upload="beforeUpload"
|
|
|
|
- :on-progress="uploadprogress" :limit="1" ref="upload">
|
|
|
|
|
|
+ :on-preview="uploadPreview" :on-success="uploadSuccess" :on-exceed="uploadExceed" :on-error="uploadError" :before-upload="beforeUpload" :on-change="onChangeToolFile"
|
|
|
|
+ :on-progress="uploadprogress" ref="upload">
|
|
<div class="hc-upload-loading" v-loading="uploadDisabled" :element-loading-text="loadingText">
|
|
<div class="hc-upload-loading" v-loading="uploadDisabled" :element-loading-text="loadingText">
|
|
<HcIcon name="backup" ui="text-5xl mt-4"/>
|
|
<HcIcon name="backup" ui="text-5xl mt-4"/>
|
|
<div class="el-upload__text">拖动文件到这里 或 <em>点击这里选择文件</em> 并上传</div>
|
|
<div class="el-upload__text">拖动文件到这里 或 <em>点击这里选择文件</em> 并上传</div>
|
|
@@ -27,7 +27,10 @@ const props = defineProps({
|
|
type: Object,
|
|
type: Object,
|
|
default: () => ({})
|
|
default: () => ({})
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+ uploadData:{
|
|
|
|
+ type: Array,
|
|
|
|
+ default: () => ([])
|
|
|
|
+ }
|
|
})
|
|
})
|
|
|
|
|
|
//变量
|
|
//变量
|
|
@@ -57,7 +60,7 @@ onMounted(()=> {
|
|
})
|
|
})
|
|
|
|
|
|
//事件
|
|
//事件
|
|
-const emit = defineEmits(['change'])
|
|
|
|
|
|
+const emit = defineEmits(['change','progress','finished'])
|
|
|
|
|
|
//上传前
|
|
//上传前
|
|
const beforeFileNum = ref(0)
|
|
const beforeFileNum = ref(0)
|
|
@@ -73,14 +76,14 @@ const beforeUpload = async (file) => {
|
|
const upload=ref('')
|
|
const upload=ref('')
|
|
//超出限制时
|
|
//超出限制时
|
|
const uploadExceed = (files) => {
|
|
const uploadExceed = (files) => {
|
|
-
|
|
|
|
- window?.$message?.warning('只能上传一个文件,请删除原文件再上传');
|
|
|
|
-
|
|
|
|
-// const file = files[0]
|
|
|
|
-// file.uid = genFileId()
|
|
|
|
-// upload.value.handleStart(file)
|
|
|
|
}
|
|
}
|
|
|
|
+//文件改变
|
|
|
|
|
|
|
|
+const onChangeToolFile = (files,fileList) => {
|
|
|
|
+ fileListData.value = [files]
|
|
|
|
+ fileList.splice(0, 1)
|
|
|
|
+
|
|
|
|
+}
|
|
//上传中
|
|
//上传中
|
|
const loadingText = ref('上传中...')
|
|
const loadingText = ref('上传中...')
|
|
const uploadprogress = () => {
|
|
const uploadprogress = () => {
|