From 8920b7186785a3a4764e2ff5390ff117464dccd4 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Fri, 13 Sep 2024 17:25:47 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ai-chat/index.vue       | 29 +++++++++++++++++++++--
 ui/src/views/theme/index.vue              |  7 +-----
 ui/src/workflow/nodes/base-node/index.vue |  2 +-
 3 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
index 2f7e9f2bc..2ce1fb07b 100644
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@@ -1,5 +1,27 @@
 <template>
   <div ref="aiChatRef" class="ai-chat" :class="log ? 'chart-log' : ''">
+    <div v-if="inputFieldList.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' : ''"
+            ><CaretRight
+          /></el-icon>
+          用户输入
+        </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"
+          />
+        </el-collapse-transition>
+      </el-card>
+    </div>
     <el-scrollbar ref="scrollDiv" @scroll="handleScrollTop">
       <div ref="dialogScrollbar" class="ai-chat__content p-24 chat-width">
         <div class="item-content mb-16" v-if="!props.available || (props.data?.prologue && !log)">
@@ -240,7 +262,7 @@ const props = defineProps({
   chatId: {
     type: String,
     default: ''
-  }, // 历史记录Id
+  } // 历史记录Id
 })
 
 const emit = defineEmits(['refresh', 'scroll'])
@@ -264,6 +286,8 @@ const apiInputFieldList = ref<FormField[]>([])
 const form_data = ref<any>({})
 const api_form_data = ref<any>({})
 
+const showUserInput = ref(true)
+
 const isDisabledChart = computed(
   () => !(inputValue.value.trim() && (props.appId || props.data?.name))
 )
@@ -664,7 +688,7 @@ function chatMessage(chat?: any, problem?: string, re_chat?: boolean) {
     const obj = {
       message: chat.problem_text,
       re_chat: re_chat || false,
-      form_data: {...form_data.value, ...api_form_data.value}
+      form_data: { ...form_data.value, ...api_form_data.value }
     }
     // 对话
     applicationApi
@@ -985,6 +1009,7 @@ defineExpose({
   .dialog-card {
     border: none;
     border-radius: 8px;
+    box-sizing: border-box;
   }
 }
 
diff --git a/ui/src/views/theme/index.vue b/ui/src/views/theme/index.vue
index ac6fdb41b..e26a7ebd1 100644
--- a/ui/src/views/theme/index.vue
+++ b/ui/src/views/theme/index.vue
@@ -254,12 +254,7 @@ const themeForm = ref<any>({
   loginImage: '',
   title: 'MaxKB',
   slogan: '欢迎使用 MaxKB 智能知识库问答系统',
-  showUserManual: false,
-  userManualUrl: '',
-  showForum: false,
-  forumUrl: '',
-  showProject: false,
-  projectUrl: ''
+  ...defaultPlatformSetting
 })
 const themeRadio = ref('')
 const customColor = ref('')
diff --git a/ui/src/workflow/nodes/base-node/index.vue b/ui/src/workflow/nodes/base-node/index.vue
index d618d4a2a..f37ae82a3 100644
--- a/ui/src/workflow/nodes/base-node/index.vue
+++ b/ui/src/workflow/nodes/base-node/index.vue
@@ -54,7 +54,7 @@
         </MdEditor>
       </el-form-item>
       <div class="flex-between mb-8">
-        <h5 class="lighter">输入变量</h5>
+        <h5 class="lighter">全局变量</h5>
         <el-button link type="primary" @click="openAddDialog()">
           <el-icon class="mr-4"><Plus /></el-icon> 添加
         </el-button>