| | |
| | | :default-active="activeMenu"
|
| | | mode="horizontal"
|
| | | @select="handleSelect"
|
| | | :ellipsis="false"
|
| | | >
|
| | | <template v-for="(item, index) in topMenus">
|
| | | <el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber"
|
| | |
| | | <script setup>
|
| | | import { constantRoutes } from "@/router"
|
| | | import { isHttp } from '@/utils/validate'
|
| | | import useAppStore from '@/store/modules/app'
|
| | | import useSettingsStore from '@/store/modules/settings'
|
| | | import usePermissionStore from '@/store/modules/permission'
|
| | |
|
| | | // 顶部栏初始数
|
| | | const visibleNumber = ref(null);
|
| | |
| | | // 隐藏侧边栏路由
|
| | | const hideList = ['/index', '/user/profile'];
|
| | |
|
| | | const store = useStore();
|
| | | const appStore = useAppStore()
|
| | | const settingsStore = useSettingsStore()
|
| | | const permissionStore = usePermissionStore()
|
| | | const route = useRoute();
|
| | | const router = useRouter();
|
| | |
|
| | | // 主题颜色
|
| | | const theme = computed(() => store.state.settings.theme);
|
| | | const theme = computed(() => settingsStore.theme);
|
| | | // 所有的路由信息
|
| | | const routers = computed(() => store.state.permission.topbarRouters);
|
| | | const routers = computed(() => permissionStore.topbarRouters);
|
| | |
|
| | | // 顶部显示菜单
|
| | | const topMenus = computed(() => {
|
| | |
| | | if (path !== undefined && path.lastIndexOf("/") > 0 && hideList.indexOf(path) === -1) {
|
| | | const tmpPath = path.substring(1, path.length);
|
| | | activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"));
|
| | | store.dispatch('app/toggleSideBarHide', false);
|
| | | if (!route.meta.link) {
|
| | | appStore.toggleSideBarHide(false);
|
| | | }
|
| | | } else if(!route.children) {
|
| | | activePath = path;
|
| | | store.dispatch('app/toggleSideBarHide', true);
|
| | | appStore.toggleSideBarHide(true);
|
| | | }
|
| | | activeRoutes(activePath);
|
| | | return activePath;
|
| | |
| | | } else if (!route || !route.children) {
|
| | | // 没有子路由路径内部打开
|
| | | router.push({ path: key });
|
| | | store.dispatch('app/toggleSideBarHide', true);
|
| | | appStore.toggleSideBarHide(true);
|
| | | } else {
|
| | | // 显示左侧联动菜单
|
| | | activeRoutes(key);
|
| | | store.dispatch('app/toggleSideBarHide', false);
|
| | | appStore.toggleSideBarHide(false);
|
| | | }
|
| | | }
|
| | |
|
| | |
| | | });
|
| | | }
|
| | | if(routes.length > 0) {
|
| | | store.commit("SET_SIDEBAR_ROUTERS", routes);
|
| | | permissionStore.setSidebarRouters(routes);
|
| | | }
|
| | | return routes;
|
| | | }
|