Commit 9a28220f by ningjihai

菜单修改

parent 903c29de
......@@ -270,6 +270,9 @@
background-color: rgba(33, 103, 217, 1);
}
}
.el-menu-item {
border-bottom: 2px solid transparent;
}
.el-menu-item.is-active {
border-bottom: 2px solid rgba(17, 200, 250, 1);
}
......
......@@ -95,7 +95,9 @@ function logout() {
appStore.setQueryData({
projectId: ''
})
window.location.replace(`${import.meta.env.BASE_URL}`)
sessionStorage.removeItem('subMenuPath')
sessionStorage.removeItem('submenuItems')
window.location.replace(`${import.meta.env.BASE_URL}`)
})
}).catch(() => { })
......
......@@ -26,7 +26,7 @@
<div v-if="submenuItems.length > 0" class="submenu-container">
<div class="submenu-wrapper">
<template v-for="(child, index) in submenuItems" :key="child.path + index">
<div v-if="!child.hidden" class="submenu-item" :class="[child.fullPath === route.fullPath ? 'active-submenu-item' : '']" >
<div v-if="!child.hidden" class="submenu-item" :class="[child.fullPath === route.fullPath ? 'active-submenu-item' : '']" @click="remberChild(child)">
<app-link :to="child.fullPath"> <!-- 使用完整路径 -->
<div class="submenu-link" >
<svg-icon :icon-class="child.meta.icon" />
......@@ -75,7 +75,7 @@ import useAppStore from '@/store/modules/app'
import useSettingsStore from '@/store/modules/settings'
import useUserStore from '@/store/modules/user'
import usePermissionStore from '@/store/modules/permission'
import { ref, computed } from 'vue'
import { ref, computed,onMounted } from 'vue'
import { getNormalPath } from '@/utils/ruoyi'
import { useRoute } from 'vue-router'
const route = useRoute()
......@@ -84,6 +84,8 @@ const appStore = useAppStore()
const userStore = useUserStore()
const settingsStore = useSettingsStore()
const permissionStore = usePermissionStore()
// 转换接口数据为组件需要的格式
const processedRouters = computed(() => {
return permissionStore.sidebarRouters
......@@ -95,14 +97,27 @@ const navType = computed(() => {
const type = navStatus.type === 'project' ? '2' : '1'
return type
})
onMounted(() => {
if(sessionStorage.getItem('subMenuPath')){
submenuItems.value = sessionStorage.getItem('submenuItems') ? JSON.parse(sessionStorage.getItem('submenuItems')) : []
}else{
submenuItems.value = []
}
})
function handleParentClick(children) {
submenuItems.value = children
}
function remberChild(child) {
sessionStorage.setItem('subMenuPath', JSON.stringify(child.fullPath))
sessionStorage.setItem('submenuItems', JSON.stringify(submenuItems.value))
}
function handleNoChildrenClick() {
sessionStorage.removeItem('subMenuPath')
submenuItems.value = []
sessionStorage.removeItem('submenuItems')
}
const activeMenuItem = ref(null)
function handleChild(child) {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论