From 9bb226da96d8fd1a125c73f1d7b4bab740498321 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Fri, 13 Sep 2024 17:37:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5debug=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ai-chat/index.vue         | 68 +++++++++------------
 ui/src/views/application-workflow/index.vue |  2 +-
 2 files changed, 31 insertions(+), 39 deletions(-)

diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
index 2ce1fb07b..d63ce84db 100644
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@@ -1,6 +1,10 @@
 <template>
   <div ref="aiChatRef" class="ai-chat" :class="log ? 'chart-log' : ''">
-    <div v-if="inputFieldList.length > 0" class="mb-16" style="padding: 0 24px">
+    <div
+      v-if="inputFieldList.length > 0 || apiInputFieldList.length > 0"
+      class="mb-16"
+      style="padding: 0 24px"
+    >
       <el-card shadow="always" class="dialog-card">
         <div class="flex align-center cursor w-full" @click="showUserInput = !showUserInput">
           <el-icon class="mr-8 arrow-icon" :class="showUserInput ? 'rotate-90' : ''"
@@ -9,16 +13,25 @@
           用户输入
         </div>
         <el-collapse-transition>
-          <DynamicsForm
-            class="mt-16"
-            v-show="showUserInput"
-            v-model="form_data"
-            :model="form_data"
-            label-position="left"
-            require-asterisk-position="right"
-            :render_data="inputFieldList"
-            ref="dynamicsFormRef"
-          />
+          <div v-show="showUserInput" class="mt-16">
+            <DynamicsForm
+              v-model="form_data"
+              :model="form_data"
+              label-position="left"
+              require-asterisk-position="right"
+              :render_data="inputFieldList"
+              ref="dynamicsFormRef"
+            />
+            <DynamicsForm
+              v-if="debug"
+              v-model="api_form_data"
+              :model="api_form_data"
+              label-position="left"
+              require-asterisk-position="right"
+              :render_data="apiInputFieldList"
+              ref="dynamicsFormRef2"
+            />
+          </div>
         </el-collapse-transition>
       </el-card>
     </div>
@@ -57,32 +70,7 @@
             </el-card>
           </div>
         </div>
-        <div v-if="inputFieldList.length > 0 || apiInputFieldList.length > 0">
-          <div class="avatar">
-            <img v-if="data.avatar" :src="data.avatar" height="30px" />
-            <LogoIcon v-else height="30px" />
-          </div>
-          <div class="content">
-            <el-card shadow="always" class="dialog-card">
-              <DynamicsForm
-                v-model="form_data"
-                :model="form_data"
-                label-position="left"
-                require-asterisk-position="right"
-                :render_data="inputFieldList"
-                ref="dynamicsFormRef"
-              />
-              <DynamicsForm
-                v-model="api_form_data"
-                :model="api_form_data"
-                label-position="left"
-                require-asterisk-position="right"
-                :render_data="apiInputFieldList"
-                ref="dynamicsFormRef2"
-              />
-            </el-card>
-          </div>
-        </div>
+
         <template v-for="(item, index) in chatList" :key="index">
           <!-- 问题 -->
           <div class="item-content mb-16 lighter">
@@ -262,7 +250,11 @@ const props = defineProps({
   chatId: {
     type: String,
     default: ''
-  } // 历史记录Id
+  }, // 历史记录Id
+  debug: {
+    type: Boolean,
+    default: false
+  }
 })
 
 const emit = defineEmits(['refresh', 'scroll'])
diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index c3f3f6377..f9ba4a4cc 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -138,7 +138,7 @@
           </div>
         </div>
         <div class="scrollbar-height">
-          <AiChat :data="detail"></AiChat>
+          <AiChat :data="detail" :debug="true"></AiChat>
         </div>
       </div>
     </el-collapse-transition>