From ecb9ece90cb766214e682f33d4c670b2d09b8ca3 Mon Sep 17 00:00:00 2001
From: jinlin <jinlin>
Date: 星期三, 13 十二月 2023 18:03:56 +0800
Subject: [PATCH] 修改
---
web/src/views/layout/main-sidebar-sub-menu.vue | 146 +++++++++++++++++++++++++-----------------------
1 files changed, 75 insertions(+), 71 deletions(-)
diff --git a/web/src/views/layout/main-sidebar-sub-menu.vue b/web/src/views/layout/main-sidebar-sub-menu.vue
index e36c5f5..2ab80c1 100644
--- a/web/src/views/layout/main-sidebar-sub-menu.vue
+++ b/web/src/views/layout/main-sidebar-sub-menu.vue
@@ -1,80 +1,84 @@
<template>
- <div>
- <template v-for="navMenu in navMenus">
- <!-- 姝よ彍鍗曚笅杩樻湁瀛愯彍鍗� -->
- <el-submenu v-if="navMenu.children && navMenu.showMenu==1 && navMenu.children.length>=1"
- :key="key" :index="navMenu.id">
- <template slot="title">
- <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"><use :xlink:href="`#${navMenu.icon}`"></use></svg>
- <span> {{navMenu.name}}</span>
+ <div>
+ <template v-for="navMenu in navMenus">
+ <!-- 姝よ彍鍗曚笅杩樻湁瀛愯彍鍗� -->
+ <el-submenu v-if="navMenu.children && navMenu.showMenu==1 && navMenu.children.length>=1"
+ :key="key" :index="navMenu.id">
+ <template slot="title">
+ <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true">
+ <use :xlink:href="`#${navMenu.icon}`"></use>
+ </svg>
+ <span> {{navMenu.name}}</span>
+ </template>
+ <!-- 閫掑綊 -->
+ <subMmenu :navMenus="navMenu.children"></subMmenu>
+ </el-submenu>
+ <!-- 鏈�鍚庝竴绾ц彍鍗� -->
+ <el-menu-item v-else-if="navMenu.showMenu==1" :key="navMenu.id" :index="navMenu.id"
+ @click="gotoRouteHandle(navMenu.id)">
+ <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true">
+ <use :xlink:href="`#${navMenu.icon}`"></use>
+ </svg>
+ <span slot="title">{{navMenu.name}}</span>
+ </el-menu-item>
</template>
- <!-- 閫掑綊 -->
- <subMmenu :navMenus="navMenu.children"></subMmenu>
- </el-submenu>
- <!-- 鏈�鍚庝竴绾ц彍鍗� -->
- <el-menu-item v-else-if="navMenu.showMenu==1" :key="navMenu.id" :index="navMenu.id" @click="gotoRouteHandle(navMenu.id)">
- <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"><use :xlink:href="`#${navMenu.icon}`"></use></svg>
- <span slot="title">{{navMenu.name}}</span>
- </el-menu-item>
- </template>
- </div>
+ </div>
</template>
<script>
- export default {
- name: 'subMmenu',
- props:{
- navMenus:{
- type: Array,
- default: () => []
- }
-
- },
- // created() {
- // this.filterByKeyword()
- // },
- // props: [
- // 'navMenus'
- // ],
- computed: {
- key() {
- return this.$route.name !== undefined? this.$route.name + +new Date(): this.$route + +new Date()
- }
- },
- methods: {
- // 閫氳繃menuId涓庡姩鎬�(鑿滃崟)璺敱杩涜鍖归厤璺宠浆鑷虫寚瀹氳矾鐢�
- tabRemoveHandle(tabName) {
- if (tabName === 'home') {
- return false
- }
- console.log(this.$store.state.contentTabs,'this.$store.state.contentTabs 1')
- this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name !== tabName)
- console.log(this.$store.state.contentTabs,'this.$store.state.contentTabs 2')
- if (this.$store.state.contentTabs.length <= 0) {
- this.$store.state.sidebarMenuActiveName = this.$store.state.contentTabsActiveName = 'home'
- return false
- }
- },
- gotoRouteHandle(menuId) {
- var route = window.SITE_CONFIG['dynamicMenuRoutes'].filter(item => item.meta.menuId === menuId)[0]
- if (route) {
- console.log(route,'route')
- let tab = this.$store.state.contentTabs.filter(item => item.name === menuId)[0]
- if (tab)
- {
- if (route.path==='map-network-diagram-edit'
- ||route.path==='map-network-diagram-view'
- ||route.path==='map-flowChart-edit'){
- this.tabRemoveHandle(tab.name)
+ export default {
+ name: 'subMmenu',
+ props: {
+ navMenus: {
+ type: Array,
+ default: () => []
}
- }
- console.log(route.meta.params, 'params: route.meta.params')
- this.$nextTick(() => {
- console.log(route.meta.params,"route.meta.params")
- this.$router.push({name: route.name, query: route.meta.params, params: route.meta.params})
- })
+
+ },
+ // created() {
+ // this.filterByKeyword()
+ // },
+ // props: [
+ // 'navMenus'
+ // ],
+ computed: {
+ key() {
+ return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
+ }
+ },
+ methods: {
+ // 閫氳繃menuId涓庡姩鎬�(鑿滃崟)璺敱杩涜鍖归厤璺宠浆鑷虫寚瀹氳矾鐢�
+ tabRemoveHandle(tabName) {
+ if (tabName === 'home') {
+ return false
+ }
+ console.log(this.$store.state.contentTabs, 'this.$store.state.contentTabs 1')
+ this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name !== tabName)
+ console.log(this.$store.state.contentTabs, 'this.$store.state.contentTabs 2')
+ if (this.$store.state.contentTabs.length <= 0) {
+ this.$store.state.sidebarMenuActiveName = this.$store.state.contentTabsActiveName = 'home'
+ return false
+ }
+ },
+ gotoRouteHandle(menuId) {
+ var route = window.SITE_CONFIG['dynamicMenuRoutes'].filter(item => item.meta.menuId === menuId)[0]
+ if (route) {
+ console.log(route, 'route')
+ let tab = this.$store.state.contentTabs.filter(item => item.name === menuId)[0]
+ if (tab) {
+ if (route.path === 'map-network-diagram-edit'
+ || route.path === 'map-network-diagram-view'
+ || route.path === 'map-flowChart-edit') {
+ this.tabRemoveHandle(tab.name)
+ }
+ }
+ console.log(route.meta.params, 'params: route.meta.params')
+ this.$nextTick(() => {
+ console.log(route.meta.params, "route.meta.params")
+ this.$router.push({name: route.name, query: route.meta.params, params: route.meta.params})
+ })
+ }
+ }
}
- }
}
- }
</script>
--
Gitblit v1.9.1