From 7f493b801497d707b4177212dc7b18956410021b Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 29 Aug 2025 16:44:27 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=B5=B0=E6=9F=A5=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=EF=BC=8C=E4=BF=AE=E6=94=B9sidebar=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/xt-chat/chat-view/index.vue    |  2 +-
 .../xt-chat/chat-view/useChatHandler.tsx      | 32 +++++---
 src/components/xt-chat/xt-bubble/style.scss   | 11 +++
 src/layouts/Basic.vue                         | 27 +------
 src/layouts/components/siderBar/index.vue     | 81 ++++++++++++-------
 src/router/routes/modules/agent.ts            | 11 ++-
 src/stores/modules/side-bar/index.ts          | 16 ++--
 src/utils/user.ts                             |  1 -
 src/views/agent/chat/index.vue                |  2 +-
 src/views/agent/index/index.vue               |  4 +-
 .../history-conversation-drawer/index.vue     |  2 +-
 11 files changed, 109 insertions(+), 80 deletions(-)

diff --git a/src/components/xt-chat/chat-view/index.vue b/src/components/xt-chat/chat-view/index.vue
index 3d3b113..440f4a8 100644
--- a/src/components/xt-chat/chat-view/index.vue
+++ b/src/components/xt-chat/chat-view/index.vue
@@ -171,7 +171,7 @@ export default {
               onSubmit={handleSubmit}
               onCancel={handleCancel}
             />
-            <p class="cts !color-#939499 text-12px !lh-20px my-4px">内容由AI生成，仅供参考</p>
+            <p class="cts !color-#939499 !text-12px !lh-20px my-4px">内容由AI生成，仅供参考</p>
           </div>
         </section>
 
diff --git a/src/components/xt-chat/chat-view/useChatHandler.tsx b/src/components/xt-chat/chat-view/useChatHandler.tsx
index 71f50e7..cbeec27 100644
--- a/src/components/xt-chat/chat-view/useChatHandler.tsx
+++ b/src/components/xt-chat/chat-view/useChatHandler.tsx
@@ -113,12 +113,16 @@ export default function useChatHandler(options: UseChatHandlerOptions): UseChatH
         const isShow = conversationList.value[conversationList.value.length - 1].run_id === item.run_id;
         return (
           <div class="flex items-center">
-            <Tooltip title="复制" onClick={() => onCopy(content)}>
-              <IconCopy size={16} class="color-#737478 cursor-pointer mr-12px" />
+            <Tooltip title="复制" onClick={() => onCopy(content)} align={{ offset: [0, 4] }} >
+              <div class="action-box">
+                <IconCopy size={16} class="color-#737478" />
+              </div>
             </Tooltip>
             {isShow && (
-              <Tooltip title="重新生成" onClick={() => handleRemoteRefresh(item)}>
-                <IconRefresh size={16} class="color-#737478 cursor-pointer" />
+              <Tooltip title="重新生成" onClick={() => handleRemoteRefresh(item)} align={{ offset: [0, 4] }}>
+                <div class="action-box ml-12px">
+                  <IconRefresh size={16} class="color-#737478 " />
+                </div>
               </Tooltip>
             )}
           </div>
@@ -353,17 +357,23 @@ export default function useChatHandler(options: UseChatHandlerOptions): UseChatH
         <div class="flex items-center">
           {!extra_data && (
             // ? (
-            //   <Tooltip title="下载" onClick={onDownload}>
-            //     <IconDownload size={16} class="color-#737478 cursor-pointer mr-12px" />
-            //   </Tooltip>
+              // <Tooltip title="下载" onClick={onDownload} align={{ offset: [0, 4] }}>
+              //   <div class="action-box">
+              //     <IconDownload size={16} class="color-#737478 mr-12px" />
+              //   </div>
+              // </Tooltip>
             // ) :
-            <Tooltip title="复制" onClick={() => onCopy(_targetTask.content.output)}>
-              <IconCopy size={16} class="color-#737478 cursor-pointer mr-12px" />
+            <Tooltip title="复制" onClick={() => onCopy(_targetTask.content.output)} align={{ offset: [0, 4] }}>
+              <div class="action-box">
+                <IconCopy size={16} class="color-#737478" />
+              </div>
             </Tooltip>
           )}
           {isShow && (
-            <Tooltip title="重新生成" onClick={() => onRefresh(teamRunTaskId)}>
-              <IconRefresh size={16} class="color-#737478 cursor-pointer" />
+            <Tooltip title="重新生成" onClick={() => onRefresh(teamRunTaskId)} align={{ offset: [0, 4] }}>
+              <div class="action-box ml-12px">
+                <IconRefresh size={16} class="color-#737478 " />
+              </div>
             </Tooltip>
           )}
         </div>
diff --git a/src/components/xt-chat/xt-bubble/style.scss b/src/components/xt-chat/xt-bubble/style.scss
index af644f2..63cda5a 100644
--- a/src/components/xt-chat/xt-bubble/style.scss
+++ b/src/components/xt-chat/xt-bubble/style.scss
@@ -127,6 +127,17 @@
         }
       }
     }
+
+    .action-box {
+      cursor: pointer;
+      padding: 2px;
+      border-radius: 2px;
+      transition: all 0.2s;
+      line-height: normal;
+      &:hover {
+        background-color: #f2f3f5;
+      }
+    }
   }
 
   .xt-bubble-header {
diff --git a/src/layouts/Basic.vue b/src/layouts/Basic.vue
index 6b8d78f..1ef395e 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -23,9 +23,6 @@ const route = useRoute();
 
 useResponsive(true);
 
-const showSider = computed(() => {
-  return !route.meta?.hideSidebar;
-});
 const isHomeRoute = computed(() => {
   return route.name === 'Home';
 });
@@ -43,20 +40,10 @@ const layoutPageClass = computed(() => {
   return result;
 });
 
-const siderWidth = computed(() => {
-  return showSider.value ? sidebarStore.sidebarWidth : 0;
-});
-
-const collapsed = computed(() => {
-  return sidebarStore.menuCollapse;
-});
 
 onMounted(() => {
   checkHasInviteCode();
 });
-const setCollapsed = (val) => {
-  appStore.updateSettings({ menuCollapse: val });
-};
 
 const checkHasInviteCode = () => {
   const inviteCode = getQueryParam('invite_code');
@@ -74,21 +61,11 @@ const checkHasInviteCode = () => {
       <Navbar />
     </Layout.Header>
     <Layout class="flex layout-content-wrap">
-      <Layout.Sider
-        v-if="showSider"
-        v-model="collapsed"
-        :width="siderWidth"
-        collapsible
-        trigger
-        @collapse="setCollapsed"
-        class="layout-sider"
-      >
-        <SiderBar />
-      </Layout.Sider>
+      <SiderBar />
       <Layout
         class="layout-content"
         :style="{
-          paddingLeft: `${siderWidth}px`,
+          paddingLeft: `${sidebarStore.sidebarWidth}px`,
         }"
       >
         <Layout.Content :class="layoutPageClass" class="!min-h-initial">
diff --git a/src/layouts/components/siderBar/index.vue b/src/layouts/components/siderBar/index.vue
index 3d1555f..45d9668 100644
--- a/src/layouts/components/siderBar/index.vue
+++ b/src/layouts/components/siderBar/index.vue
@@ -1,5 +1,5 @@
 <script lang="tsx">
-import { Dropdown, Menu } from 'ant-design-vue';
+import { Dropdown, Menu, Layout } from 'ant-design-vue';
 import type { RouteMeta, RouteRecordRaw } from 'vue-router';
 import { useRoute } from 'vue-router';
 import SvgIcon from '@/components/svg-icon/index.vue';
@@ -20,6 +20,7 @@ export default defineComponent({
     const route = useRoute();
 
     const sidebarStore = useSidebarStore();
+    const appStore = useAppStore();
 
     const currentMenuList = ref<typeMenuItem[]>([]);
     const currentMenuModInfo = ref<typeMenuItem>({});
@@ -29,6 +30,13 @@ export default defineComponent({
     const isHomeRoute = computed(() => currentRouteName.value === 'Home');
     const showAiSearch = computed(() => !route.meta?.hideAiSearch);
 
+    const collapsed = computed(() => {
+      return sidebarStore.menuCollapse;
+    });
+
+    const setCollapsed = (val) => {
+      appStore.updateSettings({ menuCollapse: val });
+    };
     const getCollapseMenuKey = (routeName: string): string => {
       let _key: string;
       for (let i = 0; i < currentMenuList.value.length; i++) {
@@ -113,8 +121,9 @@ export default defineComponent({
     };
 
     const initMenuList = () => {
-      const groupMenuList = MENU_LIST?.[currentRouteGroup.value as string];
+      const groupMenuList = MENU_LIST?.[currentRouteGroup.value as string] ?? [];
       currentMenuList.value = cloneDeep(groupMenuList);
+      sidebarStore.setCurrentMenuList(groupMenuList);
     };
     const initCollapse = () => {
       getCollapseMenuKey(currentRouteName.value);
@@ -144,37 +153,47 @@ export default defineComponent({
     });
 
     return () => (
-      <Menu class={`siderBar-wrap p-16px w-full h-full flex flex-col ${sidebarStore.menuCollapse ? 'menu-fold' : ''}`}>
-        {showAiSearch.value && (
-          <>
-            <Menu.Item class={`menu-item !mb-0 ${isHomeRoute.value ? 'active' : ''}`} onClick={handleUserHome}>
-              <img src={icon1} width={18} height={18} />
-              {!sidebarStore.menuCollapse && (
-                <span class="cts label">{isHomeRoute.value ? '开始工作' : '智能搜索'}</span>
-              )}
-            </Menu.Item>
-            <div class="line w-full h-1px bg-#211F24 my-12px"></div>
-          </>
-        )}
-        <div class="flex flex-col flex-1">
-          <div class="menu-list flex-1">{renderMenuList()}</div>
-          <div class="flex justify-end items-center">
-            <div
-              class="flex fold-btn items-center cursor-pointer"
-              onClick={() => {
-                sidebarStore.setMenuCollapse();
-              }}
-            >
-              {sidebarStore.menuCollapse ? (
-                <icon-menu-unfold size={16} class="color-#55585F icon mr-4px" />
-              ) : (
-                <icon-menu-fold size={16} class="color-#55585F icon mr-4px" />
-              )}
-              {!sidebarStore.menuCollapse && <span class="cts !color-#55585F flex-shrink-0">收起</span>}
+      <Layout.Sider
+        v-model={collapsed.value}
+        width={sidebarStore.sidebarWidth}
+        collapsible
+        trigger
+        onCollapse={setCollapsed}
+      >
+        <Menu
+          class={`siderBar-wrap p-16px w-full h-full flex flex-col ${sidebarStore.menuCollapse ? 'menu-fold' : ''}`}
+        >
+          {showAiSearch.value && (
+            <>
+              <Menu.Item class={`menu-item !mb-0 ${isHomeRoute.value ? 'active' : ''}`} onClick={handleUserHome}>
+                <img src={icon1} width={18} height={18} />
+                {!sidebarStore.menuCollapse && (
+                  <span class="cts label">{isHomeRoute.value ? '开始工作' : '智能搜索'}</span>
+                )}
+              </Menu.Item>
+              <div class="line w-full h-1px bg-#211F24 my-12px"></div>
+            </>
+          )}
+          <div class="flex flex-col flex-1">
+            <div class="menu-list flex-1">{renderMenuList()}</div>
+            <div class="flex justify-end items-center">
+              <div
+                class="flex fold-btn items-center cursor-pointer"
+                onClick={() => {
+                  sidebarStore.setMenuCollapse();
+                }}
+              >
+                {sidebarStore.menuCollapse ? (
+                  <icon-menu-unfold size={16} class="color-#55585F icon mr-4px" />
+                ) : (
+                  <icon-menu-fold size={16} class="color-#55585F icon mr-4px" />
+                )}
+                {!sidebarStore.menuCollapse && <span class="cts !color-#55585F flex-shrink-0">收起</span>}
+              </div>
             </div>
           </div>
-        </div>
-      </Menu>
+        </Menu>
+      </Layout.Sider>
     );
   },
 });
diff --git a/src/router/routes/modules/agent.ts b/src/router/routes/modules/agent.ts
index 3617ce0..6aba4ee 100644
--- a/src/router/routes/modules/agent.ts
+++ b/src/router/routes/modules/agent.ts
@@ -15,6 +15,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       requireLogin: true,
       roles: ['*'],
       id: MENU_GROUP_IDS.AGENT,
+      group: 'agent'
     },
     children: [
       {
@@ -26,7 +27,9 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requiresAuth: false,
           requireLogin: true,
           hideFooter: true,
-          isAgentRoute: true
+          isAgentRoute: true,
+          group: 'agent',
+          hideAiSearch: true,
         },
       },
       {
@@ -41,6 +44,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           id: MENU_GROUP_IDS.AGENT,
           isAgentRoute: true,
           hideInMenu: true,
+          group: 'agent',
+          hideAiSearch: true,
         },
       },
           
@@ -55,7 +60,9 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         hideFooter: true,
         id: MENU_GROUP_IDS.AGENT,
         isAgentRoute: true,
-                  hideInMenu: true,
+        hideInMenu: true,
+        group: 'agent',
+        hideAiSearch: true,
       },
     },
     ],
diff --git a/src/stores/modules/side-bar/index.ts b/src/stores/modules/side-bar/index.ts
index c97a386..a882f71 100644
--- a/src/stores/modules/side-bar/index.ts
+++ b/src/stores/modules/side-bar/index.ts
@@ -2,6 +2,7 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-23 22:13:30
  */
+// import { useRoute } from 'vue-router';
 import { defineStore } from 'pinia';
 import router from '@/router';
 import type { RouteLocationNormalized } from 'vue-router';
@@ -11,7 +12,7 @@ import { getTaskUnread, patchTaskRead } from '@/api/all/common';
 
 interface sidebarState {
   activeMenuKey: string | number | null;
-  // menuList: any[];
+  currentMenuList: any[];
   unreadInfo: number[];
   menuCollapse: boolean;
 }
@@ -21,12 +22,17 @@ let unreadInfoTimer: number | null = null;
 export const useSidebarStore = defineStore('sidebar', {
   state: (): sidebarState => ({
     activeMenuKey: null, // 激活的菜单id
-    // menuList: [], // 菜单信息 
+    currentMenuList: [], // 菜单信息 
     unreadInfo: [], // 未读消息
     menuCollapse: false, // 菜单是否折叠
   }),
   getters: {
+    showSider(): boolean {
+      const route = router.currentRoute.value;
+      return !route.meta?.hideSidebar && this.currentMenuList.length > 0;
+    },
     sidebarWidth(): number {
+      if (!this.showSider) return 0;
       return this.menuCollapse ? 74 : 138;
     },
   },
@@ -43,9 +49,9 @@ export const useSidebarStore = defineStore('sidebar', {
     clearMenuCollapse() {
       this.menuCollapse = false;
     },
-    // clearUserNavbarMenuList() {
-    //   this.menuList = [];
-    // },
+    setCurrentMenuList(val: any[]) {
+      this.currentMenuList = val;
+    },
     // navbar菜单列表由企业对应权限决定
     // getUserNavbarMenuList() {
     //   const enterpriseStore = useEnterpriseStore();
diff --git a/src/utils/user.ts b/src/utils/user.ts
index 3f710b8..99fcf29 100644
--- a/src/utils/user.ts
+++ b/src/utils/user.ts
@@ -60,7 +60,6 @@ export function handleUserLogout() {
   userStore.clearUserInfo(); // 清除用户信息
   userStore.clearToken(); // 清除token
   enterpriseStore.clearUserEnterpriseInfo(); // 清除企业信息
-  // sidebarStore.clearUserNavbarMenuList(); // 清除navbar菜单信息
   // userStore.clearUserAllowAccessRoutes(); // 清除权限路由列表
   sidebarStore.stopUnreadInfoPolling(); // 清除未读消息
   sidebarStore.clearActiveMenuKey(); // 清除active菜单id
diff --git a/src/views/agent/chat/index.vue b/src/views/agent/chat/index.vue
index a1cfd59..205cd93 100644
--- a/src/views/agent/chat/index.vue
+++ b/src/views/agent/chat/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="px-4px h-full flex flex-col overflow-y-auto">
+  <div class="pl-16px h-full flex flex-col overflow-y-auto">
     <div class="back-wap cursor-pointer mb-17px mt--3px !w-fit" @click="goChatIndex">
       <icon-left size="16" class="color-#737478 mr-4px" />
       <span class="cs">返回空间</span>
diff --git a/src/views/agent/index/index.vue b/src/views/agent/index/index.vue
index 75efe6b..5a09ef0 100644
--- a/src/views/agent/index/index.vue
+++ b/src/views/agent/index/index.vue
@@ -1,12 +1,12 @@
 <template>
-  <div class="agent-wrap relative h-full">
+  <div class="agent-wrap relative h-full pl-16px">
     <a-input
       v-model="query.name"
       @press-enter="getData()"
       placeholder="搜索智能体"
       size="large"
       allow-clear
-      class="absolute right-0 top--10px  !w-400px"
+      class="absolute right-0 top-4px  !w-400px"
     >
       <template #prefix>
         <icon-search @click="getData()" />
diff --git a/src/views/home/components/history-conversation-drawer/index.vue b/src/views/home/components/history-conversation-drawer/index.vue
index 3f6e5e2..6399795 100644
--- a/src/views/home/components/history-conversation-drawer/index.vue
+++ b/src/views/home/components/history-conversation-drawer/index.vue
@@ -90,7 +90,7 @@ export default {
     return () => (
       <Drawer width={240} rootClassName="ct-history-conversation-drawer" v-model:open={open.value} onClose={onClose}>
         <header class="header h-40px px-12px flex justify-between items-center">
-          <span class="text-16px font-400 color-#211F24 font-family-medium">历史对话</span>
+          <span class="text-12px font-400 color-#211F24 font-family-medium">历史对话</span>
           <icon-close size={16} class="color-#211F24 cursor-pointer" onClick={onClose} />
         </header>
         {dataSource.value.length === 0 ? (