|
@@ -2,11 +2,10 @@
|
|
<el-upload
|
|
<el-upload
|
|
:accept="accept" :action="action" :before-remove="delUploadData" :before-upload="beforeUpload"
|
|
:accept="accept" :action="action" :before-remove="delUploadData" :before-upload="beforeUpload"
|
|
:data="uploadData"
|
|
:data="uploadData"
|
|
- :disabled="isCanuploadVal || !typevalue" :file-list="fileListData" :headers="getTokenHeader()" :on-error="uploadError"
|
|
|
|
|
|
+ :disabled="isCanuploadVal" :file-list="fileListData" :headers="getTokenHeader()" :on-error="uploadError"
|
|
:on-exceed="uploadExceed" :on-preview="uploadPreview" :on-progress="uploadprogress"
|
|
:on-exceed="uploadExceed" :on-preview="uploadPreview" :on-progress="uploadprogress"
|
|
:on-remove="uploadRemove" :on-success="uploadSuccess" class="hc-upload-border"
|
|
:on-remove="uploadRemove" :on-success="uploadSuccess" class="hc-upload-border"
|
|
drag multiple
|
|
drag multiple
|
|
- @click="clickUPload"
|
|
|
|
>
|
|
>
|
|
<div v-loading="uploadDisabled" :element-loading-text="loadingText" class="hc-upload-loading">
|
|
<div v-loading="uploadDisabled" :element-loading-text="loadingText" class="hc-upload-loading">
|
|
<HcIcon name="backup" ui="text-5xl mt-4" />
|
|
<HcIcon name="backup" ui="text-5xl mt-4" />
|
|
@@ -53,10 +52,7 @@ const props = defineProps({
|
|
type:String,
|
|
type:String,
|
|
default:'允许格式:jpg/png/pdf/excel/word, 文件大小 小于 60MB',
|
|
default:'允许格式:jpg/png/pdf/excel/word, 文件大小 小于 60MB',
|
|
},
|
|
},
|
|
- typevalue:{
|
|
|
|
- type:[String, Number],
|
|
|
|
- default:'',
|
|
|
|
- },
|
|
|
|
|
|
+
|
|
|
|
|
|
})
|
|
})
|
|
|
|
|
|
@@ -70,7 +66,7 @@ const accept = ref(props.accept)
|
|
const acceptTip = ref(props.acceptTip)
|
|
const acceptTip = ref(props.acceptTip)
|
|
const uploadDisabled = ref(false)
|
|
const uploadDisabled = ref(false)
|
|
const isCanuploadVal = ref(props.isCanupload)
|
|
const isCanuploadVal = ref(props.isCanupload)
|
|
-const typevalue = ref(props.typevalue)
|
|
|
|
|
|
+
|
|
|
|
|
|
//监听
|
|
//监听
|
|
watch(() => [
|
|
watch(() => [
|
|
@@ -80,15 +76,15 @@ watch(() => [
|
|
props.action,
|
|
props.action,
|
|
props.accept,
|
|
props.accept,
|
|
props.acceptTip,
|
|
props.acceptTip,
|
|
- props.typevalue,
|
|
|
|
-], ([fileList, datas, isCanupload, Action, Accept, Tip, type]) => {
|
|
|
|
|
|
+
|
|
|
|
+], ([fileList, datas, isCanupload, Action, Accept, Tip]) => {
|
|
uploadData.value = datas
|
|
uploadData.value = datas
|
|
fileListData.value = fileList
|
|
fileListData.value = fileList
|
|
isCanuploadVal.value = isCanupload
|
|
isCanuploadVal.value = isCanupload
|
|
action.value = Action
|
|
action.value = Action
|
|
accept.value = Accept
|
|
accept.value = Accept
|
|
acceptTip.value = Tip
|
|
acceptTip.value = Tip
|
|
- typevalue.value = type
|
|
|
|
|
|
+
|
|
})
|
|
})
|
|
|
|
|
|
//渲染完成
|
|
//渲染完成
|
|
@@ -189,13 +185,4 @@ const uploadRemove = () => {
|
|
emit('change', { type: 'del' })
|
|
emit('change', { type: 'del' })
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-const clickUPload = ()=>{
|
|
|
|
- console.log(111111111)
|
|
|
|
- if (!typevalue.value) {
|
|
|
|
- isCanuploadVal.value = true
|
|
|
|
- window.$message.warning('请先选择模板')
|
|
|
|
- return
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
</script>
|
|
</script>
|