fix: 修复工作流工具执行详情的节点顺序混乱的问题

Author: wangliang181230

ui/src/components/execution-detail-card/index.vue

@@ -1133,8 +1133,9 @@
                 </el-radio-group>
                 <template
                   v-for="(cLoop, cIndex) in Object.values(
-                    data.loop_node_data?.[currentLoopNode] || [],
-                  ).sort((x: any, y: any) => (x.index || 0) - (y.index || 0))"
+                    data.loop_node_data?.[currentLoopNode] || []).sort(
+                      (x: any, y: any) => (x.index || 0) - (y.index || 0)
+                  )"
                   :key="cIndex"
                 >
                   <ExecutionDetailCard :data="cLoop" :type="type"></ExecutionDetailCard>
@@ -1411,7 +1412,13 @@
                 {{ $t('aiChat.executionDetails.title') }}
               </h5>
               <div class="p-8-12 border-t-dashed lighter">
-                <template v-for="(cLoop, cIndex) in data.details" :key="cIndex">
+                <template
+                  v-for="(cLoop, cIndex) in Object.values(
+                    data.details ?? {}).sort(
+                      (a: any, b: any) => (a?.index ?? 0) - (b?.index ?? 0)
+                  )"
+                  :key="cLoop?.index ?? cIndex"
+                >
                   <ExecutionDetailCard :data="cLoop" :type="type"></ExecutionDetailCard>
                 </template>
               </div>