From 93caadaadb5472f4c368528f7f777d973bc55719 Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期日, 06 三月 2022 09:00:47 +0800 Subject: [PATCH] 开启TopNav没有子菜单情况隐藏侧边栏 --- src/components/TopNav/index.vue | 39 ++++++++++++++++++--------------------- 1 files changed, 18 insertions(+), 21 deletions(-) diff --git a/src/components/TopNav/index.vue b/src/components/TopNav/index.vue index aa139d4..344f658 100644 --- a/src/components/TopNav/index.vue +++ b/src/components/TopNav/index.vue @@ -40,6 +40,7 @@ const store = useStore(); const route = useRoute(); +const router = useRouter(); // 涓婚棰滆壊 const theme = computed(() => store.state.settings.theme); @@ -69,7 +70,7 @@ for (let item in router.children) { if (router.children[item].parentPath === undefined) { if(router.path === "/") { - router.children[item].path = "/redirect/" + router.children[item].path; + router.children[item].path = "/" + router.children[item].path; } else { if(!isHttp(router.children[item].path)) { router.children[item].path = router.path + "/" + router.children[item].path; @@ -86,52 +87,48 @@ // 榛樿婵�娲荤殑鑿滃崟 const activeMenu = computed(() => { const path = route.path; - let activePath = defaultRouter.value; + let activePath = path; if (path !== undefined && path.lastIndexOf("/") > 0) { const tmpPath = path.substring(1, path.length); activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/")); + store.dispatch('app/toggleSideBarHide', false); } else if ("/index" == path || "" == path) { if (!isFrist.value) { isFrist.value = true; } else { activePath = "index"; } + store.dispatch('app/toggleSideBarHide', true); + } else if(!route.children) { + activePath = path; + store.dispatch('app/toggleSideBarHide', true); } - let routes = activeRoutes(activePath); - if (routes.length === 0) { - activePath = currentIndex.value || defaultRouter.value - activeRoutes(activePath); - } + activeRoutes(activePath); return activePath; }) -// 榛樿婵�娲荤殑璺敱 -const defaultRouter = computed(() => { - let router; - Object.keys(routers.value).some((key) => { - if (!routers.value[key].hidden) { - router = routers.value[key].path; - return true; - } - }); - return router; -}) + function setVisibleNumber() { const width = document.body.getBoundingClientRect().width / 3; visibleNumber.value = parseInt(width / 85); } + function handleSelect(key, keyPath) { currentIndex.value = key; + const route = routers.value.find(item => item.path === key); if (isHttp(key)) { // http(s):// 璺緞鏂扮獥鍙f墦寮� window.open(key, "_blank"); - } else if (key.indexOf("/redirect") !== -1) { - // /redirect 璺緞鍐呴儴鎵撳紑 - router.push({ path: key.replace("/redirect", "") }); + } else if (!route || !route.children) { + // 娌℃湁瀛愯矾鐢辫矾寰勫唴閮ㄦ墦寮� + router.push({ path: key }); + store.dispatch('app/toggleSideBarHide', true); } else { // 鏄剧ず宸︿晶鑱斿姩鑿滃崟 activeRoutes(key); + store.dispatch('app/toggleSideBarHide', false); } } + function activeRoutes(key) { let routes = []; if (childrenMenus.value && childrenMenus.value.length > 0) { -- Gitblit v1.9.3