From 854448fa5c104b953f2f043b31ab013ff60e4042 Mon Sep 17 00:00:00 2001
From: buaixuexideshitongxue <2936013465@qq.com>
Date: Tue, 11 Aug 2026 11:17:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20pdf=E5=A4=B1=E8=B4=A5=E7=9A=84=E6=97=B6?=
 =?UTF-8?q?=E5=80=99=E5=85=81=E8=AE=B8=E5=8E=8B=E7=BC=A9=E5=8C=85=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/file/upload.vue | 37 +++++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/src/components/file/upload.vue b/src/components/file/upload.vue
index 0b4aa27..e49dc3a 100644
--- a/src/components/file/upload.vue
+++ b/src/components/file/upload.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
     <el-upload
+        ref="uploadRef"
         :action="`${BASE_PATH}/file/upload`"
         :headers="{ Authorization: getToken() }"
         multiple
@@ -55,10 +56,13 @@ const props = defineProps({
 
 const emit = defineEmits(["update:files"]);
 
+const uploadRef = ref();
 const files = ref(props.files);
 const allowArchiveFallback = ref(false);
 const fallbackArchiveExts = ['zip', 'rar', '7z'];
 const archiveExts = [...fallbackArchiveExts, 'tar', 'gz', 'bz2', 'xz', 'iso', 'dmg'];
+const pdfResponseTimeout = 15000;
+const responseTimers = new Map();
 
 function getFileExt(file) {
   const name = (file?.name || file?.raw?.name || '').toLowerCase();
@@ -74,6 +78,31 @@ function enableArchiveFallback(file) {
   return true;
 }
 
+function clearResponseTimer(file) {
+  const timer = responseTimers.get(file?.uid);
+  if (timer) {
+    window.clearTimeout(timer);
+  }
+  responseTimers.delete(file?.uid);
+}
+
+function startPdfResponseTimer(file) {
+  if (getFileExt(file) !== 'pdf' || responseTimers.has(file?.uid)) {
+    return;
+  }
+  const timer = window.setTimeout(() => {
+    responseTimers.delete(file.uid);
+    uploadRef.value?.abort(file);
+    handleError(new Error('PDF保存响应超时'), file);
+  }, pdfResponseTimeout);
+  responseTimers.set(file.uid, timer);
+}
+
+onBeforeUnmount(() => {
+  responseTimers.forEach((timer) => window.clearTimeout(timer));
+  responseTimers.clear();
+});
+
 watch(
     () => props.files,
     (newValue) => {
@@ -134,11 +163,16 @@ function uploadProgress(progressEvent, file) {
 
   const filterFiles = files.value.filter((item) => file.uid === item.uid);
   if (filterFiles.length) {
-    filterFiles[0].percent = Math.min(99, parseInt(progressEvent.percent));
+    const percent = parseInt(progressEvent.percent);
+    filterFiles[0].percent = Math.min(99, percent);
+    if (percent >= 100) {
+      startPdfResponseTimer(file);
+    }
   }
 }
 
 function handleSuccess(data, file) {
+  clearResponseTimer(file);
   const filterFiles = files.value.filter((item) => file.uid === item.uid);
   if (data.code !== 200) {
     if (!enableArchiveFallback(file)) {
@@ -166,6 +200,7 @@ function handleSuccess(data, file) {
 }
 
 function handleError(e, file) {
+  clearResponseTimer(file);
   console.log(e, file);
   const fileIndex = files.value.findIndex((item) => file.uid === item.uid);
   if (fileIndex > -1) {