From cd54031dec2140b3f81e2365e3ebfca2ffd20663 Mon Sep 17 00:00:00 2001
From: yufei0306 <13417315+yufei0306@user.noreply.gitee.com>
Date: Mon, 15 Apr 2024 15:02:54 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B6=E9=83=A8=E5=88=86=E7=B1=BB--=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E5=9B=9E=E6=98=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/RouterSearch/index.vue    |  5 ++++
 src/layout/components/CategoryHeader.vue | 32 ++++++++++++++----------
 2 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/components/RouterSearch/index.vue b/src/components/RouterSearch/index.vue
index f33d32e36..0966638e6 100644
--- a/src/components/RouterSearch/index.vue
+++ b/src/components/RouterSearch/index.vue
@@ -35,6 +35,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useAppStore } from '@/store/modules/app'
 import { usePermissionStore } from '@/store/modules/permission'
 import { filterBreadcrumb } from '@/layout/components/Breadcrumb/src/helper'
 import { filter, treeToList } from '@/utils/tree'
@@ -46,6 +47,7 @@ defineProps({
     default: true
   }
 })
+const appStore = useAppStore()
 
 const permissionStore = usePermissionStore()
 const routersa = permissionStore.getRouters
@@ -123,6 +125,9 @@ const remoteMethod = (data) => {
 }
 
 const handleChange = (path) => {
+  if(path.split('/').length>1){
+    appStore.setCategoryRoutePath(`/${path.split('/')[1]}`)
+  }
   console.log(126,path)
   router.push({ path })
   console.log(128,11111)
diff --git a/src/layout/components/CategoryHeader.vue b/src/layout/components/CategoryHeader.vue
index fab1a7ddd..199f8c093 100644
--- a/src/layout/components/CategoryHeader.vue
+++ b/src/layout/components/CategoryHeader.vue
@@ -36,16 +36,23 @@ const getPath = (route) => {
     return routePath
   }
 }
+const refresh = ref(true)
 
 export default defineComponent({
   name: 'CategoryHeader',
   setup() {
     console.log('useRouter()',useRouter())
-    const { push } = useRouter()
     // backgroundColor="var(--left-menu-bg-color)"
     // textColor="var(--left-menu-text-color)"
-    return () => (
-      <ElMenu
+
+    const categoryRouters =  unref(routers).filter(item=>item.meta.hidden!=true&&item.path!='/')
+    console.log('categoryRouters==',categoryRouters)
+    //默认展开第一行
+    if(categoryRouters.length>0){
+      appStore.setCategoryRoutePath(categoryRouters[0].path)
+    }
+    return () => !refresh.value?(<span></span>):(
+      <ElMenu v-if={refresh.value}
         id={`${variables.namespace}-tool-header`}
         popperOffset={16}
         class={['categoryheader',
@@ -64,23 +71,22 @@ export default defineComponent({
         {{
             default: () => {
               const { renderMenuTitle } = useRenderMenuTitle()
-              const categoryRouters =  unref(routers).filter(item=>item.meta.hidden!=true&&item.path!='/')
-              console.log('categoryRouters==',categoryRouters)
-              //默认展开第一行
-              if(categoryRouters.length>0){
-                appStore.setCategoryRoutePath(categoryRouters[0].path)
-              }
+              
               
               {/* default: () => renderMenuTitle(onlyOneChild ? onlyOneChild?.meta : meta) */}
               return categoryRouters.map((v) => {
                 const meta = (v.meta ?? {}) as RouteMeta
                 const { onlyOneChild } = hasOneShowingChild(v.children, v)
-                const fullPath = isUrl(v.path) ? v.path : pathResolve('/', v.path) // getAllParentPath<AppRouteRecordRaw>(allRouters, v.path).join('/')
-
+                const fullPath = isUrl(v.path) ? v.path : pathResolve('/', v.path)
                 return (
-                  <ElMenuItem index={fullPath} onClick={()=>{
-                    console.log(v)
+                  <ElMenuItem index={fullPath} class={{
+                    'is-active': appStore.getCategoryRoutePath === fullPath
+                  }} onClick={()=>{
+                    refresh.value = false;
                     appStore.setCategoryRoutePath(v.path)
+                    nextTick(()=>{
+                      refresh.value = true
+                    })
                   }}>
                     {{
                       default: () => renderMenuTitle(meta.title?meta:onlyOneChild?.meta)