上传附件限制修改

src/views/data-fill/components/HcUpload.vue

@@ -5,12 +5,12 @@
         :data="uploadData"
         :disabled="isCanuploadVal" :file-list="fileListData" :headers="getHeader()" :on-error="uploadError"
         :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" :class="autoUpload === false ? 'hc-upload-border1' : 'hc-upload-border'"
         drag multiple
         :auto-upload="autoUpload"
     >
         <template #trigger>
-            <div v-loading="uploadDisabled" :element-loading-text="loadingText" class="hc-upload-loading" @click="submitUpload">
+            <div v-loading="uploadDisabled" :element-loading-text="loadingText" class="hc-upload-loading h-full" @click.stop="beforesubmitUpload">
                 <HcIcon name="backup" ui="text-5xl mt-4" />
                 <div class="el-upload__text">拖动文件到这里 或 <em>点击这里选择文件</em></div>
             </div>
@@ -108,7 +108,15 @@ watch(() => [
     autoUpload.value = auto
     typevalue.value = type
 })
-
+watch(() => [
+    props.typevalue,
+    props.autoUpload,
+], ([ type, auto]) => {
+    typevalue.value = type
+    autoUpload.value = auto
+},
+{ immediate: true },
+)
 //渲染完成
 onMounted(() => {
     beforeFileNum.value = 0
@@ -226,12 +234,34 @@ const uploadRemove = () => {
     }
 }
 
-const submitUpload = () => {
+const beforesubmitUpload = () => {
     if (!typevalue.value && !autoUpload.value) {
         window.$message.warning('请先选择附件类型')
         return
+    } else {
+        const uploadInput = uploadRef.value.$el.querySelector('input[type=file]')
+        if (uploadInput) {
+            uploadInput.click()
+        }
     }
 
-  uploadRef.value.submit()
+
+
+}
+const submitUpload = ()=>{
+    if (!typevalue.value && !autoUpload.value) {
+        window.$message.warning('请先选择附件类型')
+        return
+    } 
+    uploadRef.value.submit()
 }
 </script>
+
+<style lang="scss">
+.hc-upload-border1 .el-upload-dragger{
+    padding: 0px;
+}
+.hc-upload-border1 .el-upload-dragger .el-upload__text{
+    padding: 40px;
+}
+</style>

src/views/data-fill/wbs.vue

@@ -2046,6 +2046,7 @@ const isCanadd = ref(true)
 const uploadData = ref({})
 const uploadModalClose = ()=>{
     uploadModal.value = false
+    typevalue.value = ''
  }