From 1b489a01cd9522c5a84e6bec99f4d20c9446f524 Mon Sep 17 00:00:00 2001
From: Nixevol <guaotiantang@gmail.com>
Date: Mon, 18 May 2026 16:17:10 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=84=E7=90=86=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E8=BF=90=E8=A1=8C=E6=97=B6=E9=9A=90=E8=97=8F=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E5=8C=BA=E5=9F=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/project_context.md                  | 6 ++++++
 frontend/src/components/FileWorkflow.vue | 9 ++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/docs/project_context.md b/docs/project_context.md
index e831a40..91ba02a 100644
--- a/docs/project_context.md
+++ b/docs/project_context.md
@@ -1,5 +1,11 @@
 # 项目上下文记录
 
+## 2026-05-18：处理任务运行时隐藏上传区域
+
+- `frontend/src/components/FileWorkflow.vue` 新增 `taskInProgress` 计算状态；当存在活动任务或任务状态未完成/失败时，上传区和已选文件列表不再渲染。
+- 上传文件阶段仍保留已选文件和上传进度；后端处理任务开始后页面只显示处理进度卡片和日志，避免已完成上传列表继续占据首屏。
+- 已执行 `npm run build`，构建通过；未启动浏览器或 headless Chrome。
+
 ## 2026-05-18：修复主题按钮图标和折叠侧栏版本显示
 
 - `frontend/src/AppShell.vue` 的主题切换按钮现在根据 `themeName` 动态显示 `MoonOutline` 或 `SunnyOutline`，切换主题后图标和标题同步变化。
diff --git a/frontend/src/components/FileWorkflow.vue b/frontend/src/components/FileWorkflow.vue
index dd913c4..a101f71 100644
--- a/frontend/src/components/FileWorkflow.vue
+++ b/frontend/src/components/FileWorkflow.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="upload-page-body">
     <section
+      v-if="!taskInProgress"
       class="upload-zone"
       :class="{ dragover: isDragging, disabled: working }"
       role="button"
@@ -39,7 +40,7 @@
       />
     </section>
 
-    <div v-if="files.length > 0" class="file-list">
+    <div v-if="!taskInProgress && files.length > 0" class="file-list">
       <div class="file-list-header">
         <h4>已选择文件</h4>
         <n-button size="small" text :disabled="working" @click="clearFiles">
@@ -176,6 +177,12 @@ let timer: number | undefined;
 
 const logText = computed(() => taskStatus.value?.logs?.join('\n') || '等待任务开始');
 const processVisible = computed(() => Boolean(taskStatus.value || activeTask.value?.has_active));
+const taskInProgress = computed(() => {
+  if (activeTask.value?.has_active) {
+    return true;
+  }
+  return taskStatus.value ? !['completed', 'failed'].includes(taskStatus.value.status) : false;
+});
 const showUploadProgress = computed(() => working.value || uploadProgress.value > 0);
 const uploadedCount = computed(() => files.value.filter(item => item.status === 'uploaded').length);
 const errorCount = computed(() => files.value.filter(item => item.status === 'error').length);