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

frontend/src/layout/components/Main/TaskTemplate/TaskSyllabus/index.vue

@@ -5,6 +5,7 @@ import { type ConnectArg, Jsplumb } from '@/layout/components/Main/TaskTemplate/
 import { type IRawStepTask, useAgentsStore } from '@/stores'
 import { computed, ref, nextTick, watch, onMounted } from 'vue'
 import { AnchorLocations } from '@jsplumb/browser-ui'
+import { Loading } from '@element-plus/icons-vue'
 import MultiLineTooltip from '@/components/MultiLineTooltip/index.vue'
 import Bg from './Bg.vue'
 import BranchButton from './components/BranchButton.vue'
@@ -37,6 +38,22 @@ const collaborationProcess = computed(() => {
   return agentsStore.agentRawPlan.data?.['Collaboration Process'] ?? []
 })
 
+// 检测是否正在填充详情（有步骤但没有 AgentSelection）
+const isFillingDetails = computed(() => {
+  const process = agentsStore.agentRawPlan.data?.['Collaboration Process'] || []
+  return process.length > 0 && process.some(step => !step.AgentSelection || step.AgentSelection.length === 0)
+})
+
+// 计算填充进度
+const completedSteps = computed(() => {
+  const process = agentsStore.agentRawPlan.data?.['Collaboration Process'] || []
+  return process.filter(step => step.AgentSelection && step.AgentSelection.length > 0).length
+})
+
+const totalSteps = computed(() => {
+  return agentsStore.agentRawPlan.data?.['Collaboration Process']?.length || 0
+})
+
 // 编辑状态管理
 const editingTaskId = ref<string | null>(null)
 const editingContent = ref('')
@@ -258,6 +275,13 @@ defineExpose({
       任务大纲
     </div>
 
+    <!-- 加载详情提示 -->
+    <div v-if="isFillingDetails" class="detail-loading-hint">
+      <el-icon class="is-loading"><Loading /></el-icon>
+      <span>正在生成任务协作流程...</span>
+      <span class="progress">{{ completedSteps }}/{{ totalSteps }}</span>
+    </div>
+
     <div
       v-loading="agentsStore.agentRawPlan.loading"
       class="flex-1 w-full overflow-y-auto relative"
@@ -556,6 +580,40 @@ defineExpose({
   }
 }
 
+// 加载详情提示样式
+.detail-loading-hint {
+  position: fixed;
+  top: 80px;
+  right: 20px;
+  background: var(--el-bg-color);
+  border: 1px solid var(--el-border-color);
+  border-radius: 8px;
+  padding: 12px 16px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  z-index: 1000;
+  animation: slideInRight 0.3s ease-out;
+
+  .progress {
+    color: var(--el-color-primary);
+    font-weight: bold;
+    margin-left: 4px;
+  }
+}
+
+@keyframes slideInRight {
+  from {
+    opacity: 0;
+    transform: translateX(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
 // 输入框样式
 :deep(.el-input__wrapper) {
   background: transparent;