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