feat:冗余代码清理

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

@@ -38,9 +38,9 @@ watch(
 )
 
 // 编辑逻辑
-const editMode = ref(false) //全局编辑开关
-const editMap = reactive<Record<string, boolean>>({}) //行级编辑状态
-const editBuffer = reactive<Record<string, string | undefined>>({}) //临时输入
+const editMode = ref(false)
+const editMap = reactive<Record<string, boolean>>({})
+const editBuffer = reactive<Record<string, string | undefined>>({})
 const showPopover = ref(false)
 function getProcessDescription(stepId: string, processId: string) {
   const step = collaborationProcess.value.find(s => s.Id === stepId)
@@ -201,7 +201,6 @@ async function handleTaskProcess() {
 // 重置执行结果
 function handleRefresh() {
   agentsStore.setExecutePlan([])
-  console.log('🔄 已重置执行结果')
 }
 
 // 添加滚动状态标识
@@ -241,10 +240,8 @@ function clear() {
   jsplumb.reset()
 }
 
-// 🆕 封装连线重绘方法
+//封装连线重绘方法
 const redrawInternalLines = (highlightId?: string) => {
-  console.log('🔄 TaskResult: 重新绘制连线', highlightId ? `高亮: ${highlightId}` : '')
-
   // 等待 DOM 更新完成
   nextTick(() => {
     // 清除旧连线
@@ -253,28 +250,25 @@ const redrawInternalLines = (highlightId?: string) => {
     // 等待 DOM 稳定后重新绘制
     setTimeout(() => {
       createInternalLine(highlightId)
-      console.log('✅ TaskResult: 连线重绘完成，任务数:', collaborationProcess.value.length)
     }, 100)
   })
 }
 
-// 🆕 监听 collaborationProcess 变化，自动重绘连线
+//监听 collaborationProcess 变化，自动重绘连线
 watch(
   () => collaborationProcess,
   () => {
-    console.log('🔍 TaskResult: collaborationProcess 发生变化，触发重绘')
     redrawInternalLines()
   },
   { deep: true }
 )
 
-// 🆕 组件挂载后初始化连线
+// 组件挂载后初始化连线
 onMounted(() => {
   // 初始化时绘制连线
   nextTick(() => {
     setTimeout(() => {
       createInternalLine()
-      console.log('✅ TaskResult: 初始化连线完成')
     }, 100)
   })
 })
@@ -328,7 +322,6 @@ onUnmounted(() => {
 })
 // 计算按钮类名
 const processBtnClass = computed(() => {
-  // 当刷新或执行按钮悬停时，过程按钮变圆形
   if (buttonHoverState.value === 'refresh' || buttonHoverState.value === 'execute') {
     return 'circle'
   }
@@ -336,20 +329,16 @@ const processBtnClass = computed(() => {
 })
 
 const executeBtnClass = computed(() => {
-  // 鼠标悬停在过程按钮或刷新按钮上时，执行按钮变圆形
   if (buttonHoverState.value === 'process' || buttonHoverState.value === 'refresh') {
     return 'circle'
   }
-  //如果有任务数据就显示椭圆形，否则显示圆形
   return agentsStore.agentRawPlan.data ? 'ellipse' : 'circle'
 })
 
 const refreshBtnClass = computed(() => {
-  // 当过程或执行按钮悬停时，刷新按钮变圆形
   if (buttonHoverState.value === 'process' || buttonHoverState.value === 'execute') {
     return 'circle'
   }
-  // 有执行结果就显示椭圆形，否则显示圆形
   return agentsStore.executePlan.length > 0 ? 'ellipse' : 'circle'
 })
 
@@ -359,9 +348,7 @@ const showProcessText = computed(() => {
 })
 
 const showExecuteText = computed(() => {
-  // 鼠标悬停在过程按钮上时，执行按钮不显示文字
   if (buttonHoverState.value === 'process') return false
-  // 其他情况：如果有任务数据就显示文字，否则不显示
   return agentsStore.agentRawPlan.data
 })
 
@@ -398,7 +385,7 @@ defineExpose({
     <div class="text-[18px] font-bold mb-[7px] flex justify-between items-center px-[20px]">
       <span class="text-[var(--color-text-title-header)]">执行结果</span>
       <div
-        class="flex items-center justify-end gap-[14px] task-button-group min-w-[175px]"
+        class="flex items-center justify-end gap-[10px] task-button-group w-[230px]"
         @mouseleave="handleButtonMouseLeave"
       >
         <!-- 刷新按钮 -->
@@ -758,7 +745,7 @@ defineExpose({
     }
   }
 
-  // ========== 新增：按钮交互样式 ==========
+  //按钮交互样式
   .task-button-group {
     display: flex;
     flex-direction: row-reverse;
@@ -766,7 +753,8 @@ defineExpose({
       display: inline-flex !important;
       align-items: center !important;
       justify-content: center !important;
-      transition: width 0.2s ease-out, padding 0.2s ease-out, border-radius 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out, filter 0.2s ease-out !important;
+      transition: width 0.2s ease-out, padding 0.2s ease-out, border-radius 0.2s ease-out,
+        transform 0.2s ease-out, box-shadow 0.2s ease-out, filter 0.2s ease-out !important;
       overflow: hidden !important;
       white-space: nowrap !important;
       border: 1px solid transparent !important;
@@ -812,6 +800,7 @@ defineExpose({
       width: 40px !important;
       height: 40px !important;
       min-width: 40px !important;
+      max-width: 40px !important;
       padding: 0 !important;
       border-radius: 50% !important;