fix: An error is displayed in the loop node of the execution details.

Author: wangdan-fit2cloud

ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailCard.vue

@@ -37,14 +37,10 @@
     </div>
     <el-collapse-transition>
       <div class="mt-12" v-if="data['show']">
-        <template v-if="data.status === 200">
+        <template v-if="data.status === 200 || data.type == WorkflowType.LoopNode">
           <!-- 开始 -->
           <template
-            v-if="
-              data.type === WorkflowType.Start ||
-              data.type === WorkflowType.Application ||
-              data.type === WorkflowType.LoopStartNode
-            "
+            v-if="data.type === WorkflowType.Start || data.type === WorkflowType.Application"
           >
             <div class="card-never border-r-6">
               <h5 class="p-8-12">
@@ -827,14 +823,41 @@
                   </template>
                 </el-radio-group>
                 <template
-                  v-for="(cLoop, cIndex) in Object.values(data.loop_node_data[currentLoopNode])"
+                  v-for="(cLoop, cIndex) in Object.values(
+                    data.loop_node_data?.[currentLoopNode] || [],
+                  )"
                   :key="cIndex"
                 >
                   <ExecutionDetailCard :data="cLoop"></ExecutionDetailCard>
                 </template>
               </template>
             </div>
           </div>
+          <!-- 循环开始 节点-->
+          <template v-if="data.type === WorkflowType.LoopStartNode">
+            <div class="card-never border-r-6">
+              <h5 class="p-8-12">
+                {{ $t('common.param.inputParam') }}
+              </h5>
+
+              <div class="p-8-12 border-t-dashed lighter">
+                <div class="mb-8">
+                  <span class="color-secondary">
+                    {{ $t('views.applicationWorkflow.nodes.loopStartNode.loopItem') }}:</span
+                  >
+
+                  {{ data.current_item }}
+                </div>
+                <div class="mb-8">
+                  <span class="color-secondary">
+                    {{ $t('views.applicationWorkflow.nodes.loopStartNode.loopIndex') }}:</span
+                  >
+
+                  {{ data.current_index }}
+                </div>
+              </div>
+            </div>
+          </template>
           <slot></slot>
         </template>
         <template v-else>

ui/src/styles/app.scss

@@ -317,7 +317,7 @@ h5 {
 }
 
 .border-r-6 {
-  border-radius: var();
+  border-radius: var(--app-border-radius-small);
 }
 .border-r-8 {
   border-radius: var(--app-border-radius-base);

ui/src/views/application-workflow/component/DropdownMenu.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-show="show" class="workflow-dropdown-menu border border-r-6 white-bg">
+  <div v-show="show" class="workflow-dropdown-menu border border-r-6 white-bg" :style="{ width: activeName === 'base' ? '400px':'640px' }">
     <el-tabs v-model="activeName" class="workflow-dropdown-tabs" @tab-change="handleClick">
       <div
         v-show="activeName === 'base'"
@@ -39,7 +39,7 @@
                         <component
                           :is="iconComponent(`${item.type}-icon`)"
                           class="mr-8"
-                          :size="32"
+                          :size="20"
                         />
                         <div class="lighter">{{ item.label }}</div>
                       </div>

ui/src/views/application-workflow/component/NodeContent.vue

@@ -22,16 +22,15 @@
             @click.stop="emit('clickNodes', item)"
             @mousedown.stop="emit('onmousedown', item)"
           >
-            <!--            <LogoIcon v-if="item.resource_type === 'application'" height="32px" />-->
             <el-avatar
               v-if="isAppIcon(item?.icon)"
               shape="square"
-              :size="32"
+              :size="20"
               style="background: none"
             >
               <img :src="resetUrl(item?.icon, resetUrl('./favicon.ico'))" alt="" />
             </el-avatar>
-            <el-avatar v-else class="avatar-green" shape="square" :size="32">
+            <el-avatar v-else class="avatar-green" shape="square" :size="20">
               <img src="@/assets/workflow/icon_tool.svg" style="width: 58%" alt="" />
             </el-avatar>
             <span class="ml-8 ellipsis" :title="item.name">{{ item.name }}</span>
@@ -41,16 +40,15 @@
         <template #default>
           <div class="flex-between">
             <div class="flex align-center">
-              <!--              <LogoIcon v-if="item.resource_type === 'application'" height="32px"/>-->
               <el-avatar
                 v-if="isAppIcon(item?.icon)"
                 shape="square"
-                :size="32"
+                :size="20"
                 style="background: none"
               >
                 <img :src="resetUrl(item?.icon, resetUrl('./favicon.ico'))" alt="" />
               </el-avatar>
-              <el-avatar v-else class="avatar-green" shape="square" :size="32">
+              <el-avatar v-else class="avatar-green" shape="square" :size="20">
                 <img src="@/assets/workflow/icon_tool.svg" style="width: 58%" alt="" />
               </el-avatar>
               <span class="font-medium ml-8 break-all" :title="item.name">{{ item.name }}</span>