From 3a7d0be91db6d97acdcc423dd4cb9d0630931fe4 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Fri, 16 May 2025 16:50:10 +0800
Subject: [PATCH 1/2] =?UTF-8?q?debug=20=E6=A0=B7=E5=BC=8F=E5=B0=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dialoguePanel/DialogueFlow.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/dialoguePanel/DialogueFlow.vue b/src/components/dialoguePanel/DialogueFlow.vue
index 8173268f..77e4cd11 100644
--- a/src/components/dialoguePanel/DialogueFlow.vue
+++ b/src/components/dialoguePanel/DialogueFlow.vue
@@ -58,7 +58,7 @@ watch(
                 v-if="props.flowdata.status === 'running'"
                 src="@/assets/images/loading.png"
                 alt=""
-                class="loading-animaIcon"
+                class="loading-animeIcon"
               />
               <img
                 v-if="props.flowdata.status === 'success'"
@@ -75,7 +75,7 @@ watch(
               <div v-if="!props.isWorkFlowDebug" class="loading-text">
                 {{ props.flowdata.title }}
               </div>
-              <div v-else class="-text">
+              <div v-else class="loading-text">
                 <div class="textTitle">
                   {{ StatusInfoTitle[props.flowdata.status] }}
                 </div>
@@ -328,6 +328,10 @@ watch(
   &-text {
     font-size: 16px;
     width: 100%;
+    display: flex;
+    align-items: center;
+    align-self: center;
+    justify-content: space-between;
     color: var(--o-text-color-primary);
   }
 }
-- 
Gitee


From 2adacbf1ef06567e0d189d3fe815b7653cbe9d34 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Fri, 16 May 2025 18:36:11 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=20=E6=A0=B7=E5=BC=8F=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dialoguePanel/DialogueFlow.vue | 93 ++++++++++---------
 1 file changed, 51 insertions(+), 42 deletions(-)

diff --git a/src/components/dialoguePanel/DialogueFlow.vue b/src/components/dialoguePanel/DialogueFlow.vue
index 77e4cd11..7af52815 100644
--- a/src/components/dialoguePanel/DialogueFlow.vue
+++ b/src/components/dialoguePanel/DialogueFlow.vue
@@ -126,46 +126,46 @@ watch(
               >
                 <template #title>
                   <div class="loading">
-                  <img
-                    v-if="secItem.status === 'running'"
-                    src="@/assets/images/loading.png"
-                    alt=""
-                    class="loading-animeIcon"
-                  />
-                  <img
-                    v-if="secItem.status === 'success'"
-                    src="@/assets/images/flow_success.png"
-                    alt=""
-                    class="loading-icon"
-                  />
-                  <img
-                    v-if="secItem.status === 'error'"
-                    src="@/assets/images/flow_fail.png"
-                    alt=""
-                    class="loading-icon"
-                  />
-                  <span class="title">{{ secItem.title }}</span>
-                  <span
-                    v-if="secItem.costTime"
-                    class="time"
-                    :class="`${secItem.status}Bg`"
-                  >
-                    {{ secItem.costTime.toFixed(3) }}s
-                  </span>
-                </div>
+                    <img
+                      v-if="secItem.status === 'running'"
+                      src="@/assets/images/loading.png"
+                      alt=""
+                      class="loading-animeIcon"
+                    />
+                    <img
+                      v-if="secItem.status === 'success'"
+                      src="@/assets/images/flow_success.png"
+                      alt=""
+                      class="loading-icon"
+                    />
+                    <img
+                      v-if="secItem.status === 'error'"
+                      src="@/assets/images/flow_fail.png"
+                      alt=""
+                      class="loading-icon"
+                    />
+                    <span class="title">{{ secItem.title }}</span>
+                    <span
+                      v-if="secItem.costTime"
+                      class="time"
+                      :class="`${secItem.status}Bg`"
+                    >
+                      {{ secItem.costTime.toFixed(3) }}s
+                    </span>
+                  </div>
                 </template>
                 <template #icon="{ isActive }">
-            <el-icon
-              class="el-collapse-item__arrow"
-              :class="{ 'is-active': activeNames.includes(item.id) }"
-            >
-              <img
-                src="@/assets/images/flow_arrow.png"
-                alt=""
-                class="o-collapse-icon"
-              />
-            </el-icon>
-          </template>
+                  <el-icon
+                    class="el-collapse-item__arrow"
+                    :class="{ 'is-active': activeNames.includes(item.id) }"
+                  >
+                    <img
+                      src="@/assets/images/flow_arrow.png"
+                      alt=""
+                      class="o-collapse-icon"
+                    />
+                  </el-icon>
+                </template>
                 <div
                   v-for="(desc, index) in secItem.data"
                   :key="index"
@@ -251,10 +251,10 @@ watch(
   }
 }
 .el-collapse-item__arrow.is-active {
-    transform: rotate(90deg);
-    top: 3px;
-    padding-left: 3px;
-  }
+  transform: rotate(90deg);
+  top: 3px;
+  padding-left: 3px;
+}
 .el-collapse-item__arrow {
   margin: 0px;
 }
@@ -298,6 +298,7 @@ watch(
   border-radius: 8px;
   border-top-left-radius: 0px;
   margin-left: 8px;
+  flex-wrap: nowrap; /* 水平排列 */
   @keyframes rotate-img {
     from {
       transform: rotate(0);
@@ -334,5 +335,13 @@ watch(
     justify-content: space-between;
     color: var(--o-text-color-primary);
   }
+  .time {
+    padding: 0px 12px;
+    margin-left: auto;
+  }
+}
+.totalTime {
+  padding: 0px 8px;
+  margin-left: auto;
 }
 </style>
-- 
Gitee