feat:任务执行结果性能优化

frontend/src/layout/components/Main/Task.vue

@@ -84,6 +84,9 @@ function resetTextareaHeight() {
 }
 
 async function handleSearch() {
+  // 用于标记大纲是否成功加载
+  let outlineLoaded = false
+
   try {
     triggerOnFocus.value = false
     if (!searchValue.value) {
@@ -93,17 +96,102 @@ async function handleSearch() {
     emit('search-start')
     agentsStore.resetAgent()
     agentsStore.setAgentRawPlan({ loading: true })
-    const data = await api.generateBasePlan({
+
+    // 获取大纲
+    const outlineData = await api.generateBasePlan({
       goal: searchValue.value,
       inputs: []
     })
-    data['Collaboration Process'] = changeBriefs(data['Collaboration Process'])
-    agentsStore.setAgentRawPlan({ data })
 
+    // 处理简报数据格式
+    outlineData['Collaboration Process'] = changeBriefs(outlineData['Collaboration Process'])
+
+    // 立即显示大纲
+    agentsStore.setAgentRawPlan({ data: outlineData, loading: false })
+    outlineLoaded = true
     emit('search', searchValue.value)
+
+    // 并行填充所有步骤的详情
+    const steps = outlineData['Collaboration Process'] || []
+
+    // 带重试的填充函数
+    const fillStepWithRetry = async (step: any, retryCount = 0): Promise<void> => {
+      const maxRetries = 2 // 最多重试2次
+
+      try {
+        if (!step.StepName) {
+          console.warn('步骤缺少 StepName，跳过填充详情')
+          return
+        }
+
+        // 使用现有的 fillStepTask API 填充每个步骤的详情
+        const detailedStep = await api.fillStepTask({
+          goal: searchValue.value,
+          stepTask: {
+            StepName: step.StepName,
+            TaskContent: step.TaskContent,
+            InputObject_List: step.InputObject_List,
+            OutputObject: step.OutputObject
+          }
+        })
+
+        // 更新该步骤的详情到 store
+        updateStepDetail(step.StepName, detailedStep)
+      } catch (error) {
+        console.error(
+          `填充步骤 ${step.StepName} 详情失败 (尝试 ${retryCount + 1}/${maxRetries + 1}):`,
+          error
+        )
+
+        // 如果未达到最大重试次数，延迟后重试
+        if (retryCount < maxRetries) {
+          console.log(`正在重试步骤 ${step.StepName}...`)
+          // 延迟1秒后重试，避免立即重试导致同样的问题
+          await new Promise(resolve => setTimeout(resolve, 1000))
+          return fillStepWithRetry(step, retryCount + 1)
+        } else {
+          console.error(`步骤 ${step.StepName} 在 ${maxRetries + 1} 次尝试后仍然失败`)
+        }
+      }
+    }
+
+    // // 为每个步骤并行填充详情（选人+过程）
+    // const fillPromises = steps.map(step => fillStepWithRetry(step))
+    // // 等待所有步骤填充完成（包括重试）
+    // await Promise.all(fillPromises)
+
+    // 串行填充所有步骤的详情（避免字段混乱）
+    for (const step of steps) {
+      await fillStepWithRetry(step)
+    }
   } finally {
     triggerOnFocus.value = true
-    agentsStore.setAgentRawPlan({ loading: false })
+    // 如果大纲加载失败，确保关闭loading
+    if (!outlineLoaded) {
+      agentsStore.setAgentRawPlan({ loading: false })
+    }
+  }
+}
+
+// 辅助函数：更新单个步骤的详情
+function updateStepDetail(stepId: string, detailedStep: any) {
+  const planData = agentsStore.agentRawPlan.data
+  if (!planData) return
+
+  const collaborationProcess = planData['Collaboration Process']
+  if (!collaborationProcess) return
+
+  const index = collaborationProcess.findIndex((s: any) => s.StepName === stepId)
+  if (index !== -1 && collaborationProcess[index]) {
+    // 保持响应式更新 - 使用 Vue 的响应式系统
+    Object.assign(collaborationProcess[index], {
+      AgentSelection: detailedStep.AgentSelection || [],
+      TaskProcess: detailedStep.TaskProcess || [],
+      Collaboration_Brief_frontEnd: detailedStep.Collaboration_Brief_frontEnd || {
+        template: '',
+        data: {}
+      }
+    })
   }
 }
 
@@ -215,8 +303,6 @@ onMounted(() => {
     :deep(.el-autocomplete .el-textarea .el-textarea__inner) {
       overflow-y: auto !important;
       min-height: 56px !important;
-      // overflow-y: hidden;
-      // background-color: black;
     }
   }