From f8620151719d1d00aa039aeaa9e6aae2e337255f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=98=E6=B0=91=E5=BA=B7?= <m18571841023@163.com>
Date: Wed, 25 Jun 2025 14:59:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=AF=E4=BF=A1=E4=BB=A3=E7=A0=81=E5=BA=93-A?=
 =?UTF-8?q?I=E5=A4=A7=E6=A8=A1=E5=9E=8B=E6=80=9D=E8=80=83=E8=BF=87?=
 =?UTF-8?q?=E7=A8=8B=E6=8E=A5=E5=8F=A3=E6=94=B9=E9=80=A0=E5=8F=8A=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Jyh/AI/Home/index.vue | 47 +++++++++++++++++++++++++++------
 1 file changed, 39 insertions(+), 8 deletions(-)

diff --git a/src/views/Jyh/AI/Home/index.vue b/src/views/Jyh/AI/Home/index.vue
index b164a08..b6a6d0a 100644
--- a/src/views/Jyh/AI/Home/index.vue
+++ b/src/views/Jyh/AI/Home/index.vue
@@ -20,7 +20,15 @@
                     <i v-if="step.status === 1" style="font-size: 16px;margin-right: 8px" class="icon icon-right"></i>
                     <i v-else style="font-size: 16px;margin-right: 8px" class="icon icon-right"></i>
                     <span class="step-name span1">{{ step.name }}</span>
-                    <span style="margin-left: 8px" :class="['step-status', step.status === 1 ? 'green' : 'red']">{{ step.status === 1 ? '成功' : '失败' }}</span>
+                    <span v-if="step.status === 1 || step.status === '成功'" style="margin-left: 8px" class="step-status green">成功</span>
+                    <span v-else-if="step.status === 0 || step.status === '失败'" style="margin-left: 8px" class="step-status red">失败</span>
+                    <span v-else style="margin-left: 8px" class="step-status">{{ step.status }}</span>
+                  </div>
+                  <div v-for="(item, index) in msg.steps" :key="index" class="think-step flex align-center" style="margin-left: 24px">
+                    <span class="step-name span1">{{ item.name }}</span>
+                    <span v-if="item.status === 1 || item.status === '成功'" style="margin-left: 8px" class="step-status green">成功</span>
+                    <span v-else-if="item.status === 0 || item.status === '失败'" style="margin-left: 8px" class="step-status red">失败</span>
+                    <span v-else style="margin-left: 8px" class="step-status">{{ item.status }}</span>
                   </div>
                 </div>
               </div>
@@ -355,8 +363,9 @@ const getAIAnswer = async (content) => {
       const {text,type,id,table_name=[], states={}} = row;
       messages.value[messages.value.length - 1].id = id;
       // 处理思考过程
-      const thinkProcess = processThinkStates(states);
+      const { thinkProcess,steps } = processThinkStates(states);
       messages.value[messages.value.length - 1].thinkProcess = thinkProcess;
+      messages.value[messages.value.length - 1].steps = steps;
       messages.value[messages.value.length - 1].thinkExpanded = true;
 
       if(type==='text') {
@@ -417,12 +426,34 @@ const thinkStepsOrder = ['意图分析', 'sql有效性判断', 'sql执行'];
 // 处理思考状态
 const processThinkStates = (states) => {
   debugger
-  return thinkStepsOrder.map(stepName => {
-    return {
-      name: stepName,
-      status: states[stepName] || 0 // 默认为0(失败)
-    };
-  });
+  let arr = [];
+  let steps = []
+  let arStates = {...states}
+  // if(arStates.steps) {
+  //   Object.keys(arStates.steps).map(i=>{
+  //     arr.push({
+  //       name: i,
+  //       status: arStates.steps[i]
+  //     })
+  //   })
+  //   delete arStates.steps
+  // }
+  Object.keys(arStates).map(i=>{
+    if(i==='steps') {
+      Object.keys(arStates[i]).map(j=>{
+        steps.push({
+          name: j,
+          status: arStates[i][j]
+        })
+      })
+    } else {
+      arr.push({
+        name: i,
+        status: arStates[i]
+      })
+    }
+  })
+  return {thinkProcess:arr,steps}
 };