From 91eb8733120d7a89e1b02db2fa7b56663dbf3760 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Fri, 11 Jul 2025 16:51:56 +0800
Subject: [PATCH] fix: change workspace

---
 ui/src/layout/layout-header/UserHeader.vue    |  15 ++-
 ui/src/router/modules/knowledge.ts            |   1 +
 ui/src/router/modules/model.ts                |   1 +
 .../component/DropdownMenu.vue                | 115 ++++++++++++------
 ui/src/views/chat/component/HistoryPanel.vue  |   9 +-
 ui/src/views/chat/embed/index.vue             |   3 -
 .../system-chat-user/authentication/index.vue |   4 +-
 .../system-setting/authentication/index.vue   |   3 +-
 8 files changed, 106 insertions(+), 45 deletions(-)

diff --git a/ui/src/layout/layout-header/UserHeader.vue b/ui/src/layout/layout-header/UserHeader.vue
index d74f00acc..acc7b8eb4 100644
--- a/ui/src/layout/layout-header/UserHeader.vue
+++ b/ui/src/layout/layout-header/UserHeader.vue
@@ -28,6 +28,7 @@
 </template>
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 import TopMenu from './top-menu/index.vue'
 import Avatar from './avatar/index.vue'
 import TopAbout from './top-about/index.vue'
@@ -35,15 +36,27 @@ import { EditionConst } from '@/utils/permission/data'
 import { hasPermission } from '@/utils/permission/index'
 import type { WorkspaceItem } from '@/api/type/workspace'
 import useStore from '@/stores'
+const router = useRouter()
+const route = useRoute()
+
 const { user } = useStore()
 const currentWorkspace = computed(() => {
   return user.workspace_list.find((w) => w.id == user.workspace_id)
 })
 
 function changeWorkspace(item: WorkspaceItem) {
+  const {
+    meta: { activeMenu },
+  } = route as any
   if (item.id === user.workspace_id) return
   user.setWorkspaceId(item.id || 'default')
-  window.location.reload()
+  if (activeMenu.includes('application')) {
+    router.push('/application')
+  } else if (activeMenu.includes('knowledge')) {
+    router.push('/knowledge')
+  } else {
+    window.location.reload()
+  }
 }
 </script>
 <style lang="scss" scoped>
diff --git a/ui/src/router/modules/knowledge.ts b/ui/src/router/modules/knowledge.ts
index b70ae5a9a..c63995ebc 100644
--- a/ui/src/router/modules/knowledge.ts
+++ b/ui/src/router/modules/knowledge.ts
@@ -12,6 +12,7 @@ const ModelRouter = {
       PermissionConst.KNOWLEDGE_READ.getWorkspacePermissionWorkspaceManageRole,
     ],
     group: 'workspace',
+    meta: { activeMenu: '/knowledge' },
     order: 2,
   },
   redirect: '/knowledge',
diff --git a/ui/src/router/modules/model.ts b/ui/src/router/modules/model.ts
index 21314cbe3..868d4e971 100644
--- a/ui/src/router/modules/model.ts
+++ b/ui/src/router/modules/model.ts
@@ -11,6 +11,7 @@ const ModelRouter = {
       PermissionConst.MODEL_READ.getWorkspacePermission,
       PermissionConst.MODEL_READ.getWorkspacePermissionWorkspaceManageRole,
     ],
+    meta: { activeMenu: '/model' },
     group: 'workspace',
     order: 4,
   },
diff --git a/ui/src/views/application-workflow/component/DropdownMenu.vue b/ui/src/views/application-workflow/component/DropdownMenu.vue
index d8cc76e6b..4c05fd48b 100644
--- a/ui/src/views/application-workflow/component/DropdownMenu.vue
+++ b/ui/src/views/application-workflow/component/DropdownMenu.vue
@@ -1,9 +1,16 @@
 <template>
   <div v-show="show" class="workflow-dropdown-menu border border-r-6 white-bg">
-    <el-tabs v-model="activeName" class="workflow-dropdown-tabs">
-      <div v-show="activeName === 'base'" style="display: flex; width: 100%; justify-content: center" class="mb-12 mt-12">
-        <el-input v-model="search_text" class="mr-12 ml-12"
-          :placeholder="$t('views.applicationWorkflow.searchBar.placeholder')">
+    <el-tabs v-model="activeName" class="workflow-dropdown-tabs" @tab-change="handleClick">
+      <div
+        v-show="activeName === 'base'"
+        style="display: flex; width: 100%; justify-content: center"
+        class="mb-12 mt-12"
+      >
+        <el-input
+          v-model="search_text"
+          class="mr-12 ml-12"
+          :placeholder="$t('views.applicationWorkflow.searchBar.placeholder')"
+        >
           <template #suffix>
             <el-icon class="el-input__icon">
               <search />
@@ -18,25 +25,37 @@
             <template v-for="(node, index) in filter_menu_nodes" :key="index">
               <el-text type="info" size="small" class="color-secondary ml-12">{{
                 node.label
-                }}</el-text>
-              <div class="flex-wrap" style="gap: 12px; padding: 12px;">
+              }}</el-text>
+              <div class="flex-wrap" style="gap: 12px; padding: 12px">
                 <template v-for="(item, index) in node.list" :key="index">
                   <el-popover placement="right" :width="280" :show-after="500">
                     <template #reference>
-                      <div class="list-item flex align-center border border-r-6 p-8-12 cursor"
-                        style="width: calc(50% - 6px)" @click.stop="clickNodes(item)" @mousedown.stop="onmousedown(item)">
-                        <component :is="iconComponent(`${item.type}-icon`)" class="mr-8" :size="32" />
+                      <div
+                        class="list-item flex align-center border border-r-6 p-8-12 cursor"
+                        style="width: calc(50% - 6px)"
+                        @click.stop="clickNodes(item)"
+                        @mousedown.stop="onmousedown(item)"
+                      >
+                        <component
+                          :is="iconComponent(`${item.type}-icon`)"
+                          class="mr-8"
+                          :size="32"
+                        />
                         <div class="lighter">{{ item.label }}</div>
                       </div>
                     </template>
                     <template #default>
                       <div class="flex align-center mb-8">
-                        <component :is="iconComponent(`${item.type}-icon`)" class="mr-8" :size="32" />
+                        <component
+                          :is="iconComponent(`${item.type}-icon`)"
+                          class="mr-8"
+                          :size="32"
+                        />
                         <div class="lighter color-text-primary">{{ item.label }}</div>
                       </div>
                       <el-text type="info" size="small" class="color-secondary lighter">{{
                         item.text
-                        }}</el-text>
+                      }}</el-text>
                     </template>
                   </el-popover>
                 </template>
@@ -52,13 +71,23 @@
       <el-tab-pane :label="$t('views.tool.title')" name="tool">
         <LayoutContainer>
           <template #left>
-            <folder-tree :source="SourceTypeEnum.TOOL" :data="toolTreeData" :currentNodeKey="folder.currentFolder?.id"
-              @handleNodeClick="folderClickHandle" :shareTitle="$t('views.shared.shared_tool')"
-              :showShared="user.isEE()" class="p-8" :canOperation="false" />
+            <folder-tree
+              :source="SourceTypeEnum.TOOL"
+              :data="toolTreeData"
+              :currentNodeKey="folder.currentFolder?.id"
+              @handleNodeClick="folderClickHandle"
+              :shareTitle="$t('views.shared.shared_tool')"
+              :showShared="user.isEE()"
+              class="p-8"
+              :canOperation="false"
+            />
           </template>
           <el-scrollbar height="450">
-            <NodeContent :list="toolList" @clickNodes="(val: any) => clickNodes(toolLibNode, val, 'tool')"
-              @onmousedown="(val: any) => onmousedown(toolLibNode, val, 'tool')" />
+            <NodeContent
+              :list="toolList"
+              @clickNodes="(val: any) => clickNodes(toolLibNode, val, 'tool')"
+              @onmousedown="(val: any) => onmousedown(toolLibNode, val, 'tool')"
+            />
           </el-scrollbar>
         </LayoutContainer>
       </el-tab-pane>
@@ -66,14 +95,21 @@
       <el-tab-pane :label="$t('views.application.title')" name="application">
         <LayoutContainer>
           <template #left>
-            <folder-tree :source="SourceTypeEnum.APPLICATION" :data="applicationTreeData"
-              :currentNodeKey="folder.currentFolder?.id" @handleNodeClick="folderClickHandle" class="p-8"
-              :canOperation="false" />
+            <folder-tree
+              :source="SourceTypeEnum.APPLICATION"
+              :data="applicationTreeData"
+              :currentNodeKey="folder.currentFolder?.id"
+              @handleNodeClick="folderClickHandle"
+              class="p-8"
+              :canOperation="false"
+            />
           </template>
           <el-scrollbar height="450">
-            <NodeContent :list="applicationList"
+            <NodeContent
+              :list="applicationList"
               @clickNodes="(val: any) => clickNodes(applicationNode, val, 'application')"
-              @onmousedown="(val: any) => onmousedown(applicationNode, val, 'application')" />
+              @onmousedown="(val: any) => onmousedown(applicationNode, val, 'application')"
+            />
           </el-scrollbar>
         </LayoutContainer>
       </el-tab-pane>
@@ -90,7 +126,6 @@ import useStore from '@/stores'
 import NodeContent from './NodeContent.vue'
 import { SourceTypeEnum } from '@/enums/common'
 import sharedWorkspaceApi from '@/api/shared-workspace'
-import { CaretRight } from '@element-plus/icons-vue'
 import ApplicationApi from '@/api/application/application'
 const { user } = useStore()
 const search_text = ref<string>('')
@@ -209,10 +244,12 @@ async function getShareTool() {
 }
 
 async function getToolList() {
-  if (folder.currentFolder.id === "share") {
+  if (folder.currentFolder.id === 'share') {
     toolList.value = sharedToolList.value
   } else {
-    const res = await ToolApi.getToolList({ folder_id: folder.currentFolder?.id || user.getWorkspaceId() })
+    const res = await ToolApi.getToolList({
+      folder_id: folder.currentFolder?.id || user.getWorkspaceId(),
+    })
     toolList.value = res.data.tools
   }
 }
@@ -223,33 +260,41 @@ const applicationList = ref<any[]>([])
 function getApplicationFolder() {
   folder.asyncGetFolder(SourceTypeEnum.APPLICATION, {}, loading).then((res: any) => {
     applicationTreeData.value = res.data
-  folder.setCurrentFolder(res.data?.[0] || {})
+    folder.setCurrentFolder(res.data?.[0] || {})
   })
 }
 
 async function getApplicationList() {
-  const res = await ApplicationApi.getAllApplication({ folder_id: folder.currentFolder?.id || user.getWorkspaceId() })
+  const res = await ApplicationApi.getAllApplication({
+    folder_id: folder.currentFolder?.id || user.getWorkspaceId(),
+  })
   applicationList.value = res.data.filter((item) => item.resource_type === 'application')
 }
 
 function folderClickHandle(row: any) {
   folder.setCurrentFolder(row)
   if (activeName.value === 'tool') {
-    getToolList();
+    getToolList()
   } else {
     getApplicationList()
   }
 }
 
-onMounted(async () => {
-  if (user.isEE()) {
-    await getShareTool()
+async function handleClick(val: string) {
+  console.log(val)
+  if (val === 'tool') {
+    if (user.isEE()) {
+      await getShareTool()
+    }
+    await getToolFolder()
+    getToolList()
+  } else if (val === 'application') {
+    getApplicationFolder()
+    getApplicationList()
   }
-  await getToolFolder()
-  getToolList()
-  getApplicationFolder()
-  getApplicationList()
-})
+}
+
+onMounted(() => {})
 </script>
 <style lang="scss" scoped>
 .workflow-dropdown-menu {
diff --git a/ui/src/views/chat/component/HistoryPanel.vue b/ui/src/views/chat/component/HistoryPanel.vue
index 75de49885..a1cebb510 100644
--- a/ui/src/views/chat/component/HistoryPanel.vue
+++ b/ui/src/views/chat/component/HistoryPanel.vue
@@ -20,7 +20,12 @@
             </el-avatar>
             <LogoIcon v-else height="32px" />
           </div>
-          <h4 v-show="!isPcCollapse">{{ applicationDetail?.name }}</h4>
+          <h4
+            v-show="!isPcCollapse"
+            :style="{ color: applicationDetail?.custom_theme?.header_font_color }"
+          >
+            {{ applicationDetail?.name }}
+          </h4>
         </div>
         <el-button
           type="primary"
@@ -252,7 +257,7 @@ function refreshFieldTitle(chatId: string, abstract: string) {
 </style>
 <style lang="scss">
 .chat-pc-popper {
-  background: #ffffff!important;
+  background: #ffffff !important;
   .el-menu {
     background: var(--el-color-primary-light-06) !important;
   }
diff --git a/ui/src/views/chat/embed/index.vue b/ui/src/views/chat/embed/index.vue
index ba568e4d0..fb6748bc2 100644
--- a/ui/src/views/chat/embed/index.vue
+++ b/ui/src/views/chat/embed/index.vue
@@ -26,9 +26,6 @@
             iconName="app-mobile-open-history"
             style="font-size: 20px"
             class="ml-16 cursor"
-            :style="{
-              color: applicationDetail?.custom_theme?.header_font_color,
-            }"
             @click.prevent.stop="show = true"
           />
           <div class="mr-12 ml-16 flex">
diff --git a/ui/src/views/system-chat-user/authentication/index.vue b/ui/src/views/system-chat-user/authentication/index.vue
index 260bfb7ad..68ae18d9e 100644
--- a/ui/src/views/system-chat-user/authentication/index.vue
+++ b/ui/src/views/system-chat-user/authentication/index.vue
@@ -2,7 +2,7 @@
   <div class="authentication-setting p-16-24">
     <h4 class="mb-16">{{ $t('views.system.authentication.title') }}</h4>
 
-    <el-tabs v-model="activeName" class="mt-4" @tab-click="handleClick">
+    <el-tabs v-model="activeName" class="mt-4">
       <template v-for="(item, index) in tabList" :key="index">
         <el-tab-pane :label="item.label" :name="item.name">
           <component :is="item.component" />
@@ -50,7 +50,7 @@ const tabList = [
   // },
 ]
 
-function handleClick() {}
+
 
 onMounted(() => {
   // if (user.isExpire()) {
diff --git a/ui/src/views/system-setting/authentication/index.vue b/ui/src/views/system-setting/authentication/index.vue
index db6988a78..6711d329c 100644
--- a/ui/src/views/system-setting/authentication/index.vue
+++ b/ui/src/views/system-setting/authentication/index.vue
@@ -2,7 +2,7 @@
   <div class="authentication-setting p-16-24">
     <h4 class="mb-16">{{ $t('views.system.authentication.title') }}</h4>
 
-    <el-tabs v-model="activeName" class="mt-4" @tab-click="handleClick">
+    <el-tabs v-model="activeName" class="mt-4">
       <template v-for="(item, index) in tabList" :key="index">
         <el-tab-pane :label="item.label" :name="item.name">
           <component :is="item.component" />
@@ -55,7 +55,6 @@ const tabList = [
   },
 ]
 
-function handleClick() {}
 
 onMounted(() => {
   if (user.isExpire()) {