diff --git a/src/components/dialoguePanel/DialogueFlow.vue b/src/components/dialoguePanel/DialogueFlow.vue
index 8173268f582ac58e94b1a7ca2a76213592b0fe23..7af528157e7a1e99a2fda5dfce3a6428be4a1256 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>
@@ -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);
@@ -328,7 +329,19 @@ 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);
   }
+  .time {
+    padding: 0px 12px;
+    margin-left: auto;
+  }
+}
+.totalTime {
+  padding: 0px 8px;
+  margin-left: auto;
 }
 </style>