上传组件删除正在上传的文件修改

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

@@ -1,5 +1,6 @@
 <template>
     <el-upload
+        ref="uploadRef"
         :accept="accept" :action="action" :before-remove="delUploadData" :before-upload="beforeUpload"
         :data="uploadData"
         :disabled="isCanuploadVal" :file-list="fileListData" :headers="getTokenHeader()" :on-error="uploadError"
@@ -148,35 +149,51 @@ const uploadPreview = ({ url }) => {
         window.open(url, '_blank')
     }*/
 }
-
+const uploadRef = ref(null)
 //删除文件
-const delUploadData = async ({ id }) => {
+const delUploadData = async (res) => {
+    const { id, status } = res
+
     if (accept.value === 'application/pdf') {
-        loadingText.value = '删除中...'
-        uploadDisabled.value = true
-        const { error, code } = await wbsApi.delTabById({
-            ids: id,
-        })
-        uploadDisabled.value = false
-        if (!error && code === 200) {
-            window?.$message?.success('删除成功')
+        if (status === 'uploading') {
+            uploadRef.value.abort()
+            uploadDisabled.value = false
             return true
-        } else {
-            return false
+         } else {
+            loadingText.value = '删除中...'
+            uploadDisabled.value = true
+            const { error, code } = await wbsApi.delTabById({
+                ids: id,
+            })
+            uploadDisabled.value = false
+            if (!error && code === 200) {
+                window?.$message?.success('删除成功')
+                return true
+            } else {
+                return false
+            }
         }
+        
     } else {
-        loadingText.value = '删除中...'
-        uploadDisabled.value = true
-        const { error, code } = await wbsApi.removeBussFile({
-            ids: id,
-        })
-        uploadDisabled.value = false
-        if (!error && code === 200) {
-            window?.$message?.success('删除成功')
+        if (status === 'uploading') {
+            uploadRef.value.abort()
+            uploadDisabled.value = false
             return true
         } else {
-            return false
+            loadingText.value = '删除中...'
+            uploadDisabled.value = true
+            const { error, code } = await wbsApi.removeBussFile({
+                ids: id,
+            })
+            uploadDisabled.value = false
+            if (!error && code === 200) {
+                window?.$message?.success('删除成功')
+                return true
+            } else {
+                return false
+            }
         }
+      
     }
 }
 

src/views/data-fill/wbs.vue

@@ -526,7 +526,6 @@
             </div>
             <HcUpload
                 :datas="uploadData" :file-list="fileListData" :is-canupload="false" action="/api/blade-manager/exceltab/add-bussfile-node" accept="application/pdf" accept-tip="允许格式：pdf"
-                :typevalue="typevalue"
                 :disabled="!typevalue"
                 @change="uploadChange"
                 @close="uploadModalClose"