From a64a5fe6d85beac087aedaed2fd7dee93623b090 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Thu, 16 Oct 2025 16:25:43 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=A1=8C=E9=9D=A2=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=20SQLBot=20=E5=B5=8C=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/layout/components/DesktopSetting.vue    | 17 +++++++++++++++++
 .../src/layout/components/Header.vue            |  2 +-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/layout/components/DesktopSetting.vue b/core/core-frontend/src/layout/components/DesktopSetting.vue
index 6ec3f4aab7..695b2ea25e 100644
--- a/core/core-frontend/src/layout/components/DesktopSetting.vue
+++ b/core/core-frontend/src/layout/components/DesktopSetting.vue
@@ -15,6 +15,14 @@ import { useAppearanceStoreWithOut } from '@/store/modules/appearance'
 import { msgCountApi } from '@/api/msg'
 import { computed, ref, onMounted } from 'vue'
 import { useEmitt } from '@/hooks/web/useEmitt'
+import logo_sqlbot from '@/assets/svg/logo_sqlbot.svg'
+
+defineProps({
+  sqlbotEnabled: {
+    type: Boolean,
+    default: false
+  }
+})
 
 const aiBaseUrl = ref('https://maxkb.fit2cloud.com/ui/chat/2ddd8b594ce09dbb?mode=embed')
 const showToolbox = ref(false)
@@ -29,6 +37,7 @@ const redirectUser = () => {
   const kidPath = sysMenu.matched[0].children[0].path
   push(`${sysMenu.path}/${kidPath}`)
 }
+
 const initShowToolbox = () => {
   showToolbox.value = permissionStore.getRouters.some(route => route.path === '/toolbox')
 }
@@ -49,6 +58,9 @@ const initAiBase = async () => {
 const handleAiClick = () => {
   useEmitt().emitter.emit('aiComponentChange')
 }
+const handleSQLBotClick = () => {
+  push('/sqlbot/index')
+}
 onMounted(() => {
   initShowToolbox()
   initAiBase()
@@ -60,6 +72,11 @@ onMounted(() => {
 
 <template>
   <ToolboxCfg v-if="showToolbox" />
+  <el-tooltip effect="dark" content="SQLBot" placement="bottom">
+    <el-icon style="margin: 0 10px" class="ai-icon copilot-icon" v-if="sqlbotEnabled">
+      <Icon name="copilot"><logo_sqlbot @click="handleSQLBotClick" class="svg-icon" /></Icon>
+    </el-icon>
+  </el-tooltip>
   <el-tooltip effect="dark" :content="$t('data_export.export_center')" placement="bottom">
     <el-icon
       style="margin-left: 10px"
diff --git a/core/core-frontend/src/layout/components/Header.vue b/core/core-frontend/src/layout/components/Header.vue
index 6b3e863acc..a347947930 100644
--- a/core/core-frontend/src/layout/components/Header.vue
+++ b/core/core-frontend/src/layout/components/Header.vue
@@ -213,7 +213,7 @@ onMounted(() => {
       <div v-if="showOverlay && appearanceStore.getShowAi" class="overlay"></div>
     </div>
     <div v-else class="operate-setting">
-      <desktop-setting />
+      <desktop-setting :sqlbot-enabled="sqlbotEnabled" />
     </div>
   </el-header>
 </template>