fix: 修复情报页切换tab时,面包屑导航栏没有随之切换路由的问题
This commit is contained in:
@@ -354,7 +354,7 @@ export default {
|
||||
},
|
||||
breadcrumb () {
|
||||
const breadcrumb = []
|
||||
this.generateBreadcrumb(breadcrumb, this.$store.getters.menuList)
|
||||
this.generateBreadcrumb(breadcrumb, this.$store.getters.menuList, this.$store.state.headerMenuByTab)
|
||||
if (breadcrumb) {
|
||||
// panel菜单是否可以点击跳转:一级菜单不可点击,二级菜单可以点击
|
||||
if (breadcrumb[0] && breadcrumb[1] && breadcrumb[1].route &&
|
||||
@@ -414,6 +414,26 @@ export default {
|
||||
if (newVal && Object.keys(newVal).length > 0) {
|
||||
this.chartTimeFilter = newVal
|
||||
}
|
||||
},
|
||||
'$store.state.headerMenuByTab': function (newVal) {
|
||||
if (newVal) {
|
||||
const find = this.$store.getters.menuList.find(d => d.code === 'locationIntelligence')
|
||||
if (find) {
|
||||
const children = find.children
|
||||
const item = children.find(d => d.code === newVal)
|
||||
if (this.breadcrumb[0].code === find.code) {
|
||||
const obj = {
|
||||
code: item.code,
|
||||
value: item.i18n ? this.$t(item.i18n) : item.name,
|
||||
route: item.route,
|
||||
type: 1,
|
||||
clickable: true
|
||||
}
|
||||
this.breadcrumb[1] = obj
|
||||
}
|
||||
}
|
||||
this.chartTimeFilter = newVal
|
||||
}
|
||||
}
|
||||
},
|
||||
async mounted () {
|
||||
@@ -457,7 +477,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
generateBreadcrumb (breadcrumb, menus) {
|
||||
generateBreadcrumb (breadcrumb, menus, tab) {
|
||||
const menu = menus.find(m => m.route === this.route)
|
||||
if (menu) {
|
||||
breadcrumb.unshift({
|
||||
|
||||
@@ -83,7 +83,8 @@ const panel = {
|
||||
p90: null
|
||||
}
|
||||
},
|
||||
chartTabList: null // chartTabs组件的tab状态点击列表,初始化为null方便原有逻辑计算
|
||||
chartTabList: null, // chartTabs组件的tab状态点击列表,初始化为null方便原有逻辑计算
|
||||
headerMenuByTab: 'locationMap'
|
||||
},
|
||||
mutations: {
|
||||
setShowRightBox (state, flag) {
|
||||
@@ -228,6 +229,9 @@ const panel = {
|
||||
},
|
||||
setChartTabList (state, list) {
|
||||
state.chartTabList = list
|
||||
},
|
||||
setHeaderMenuByTab (state, data) {
|
||||
state.headerMenuByTab = data
|
||||
}
|
||||
},
|
||||
getters: {
|
||||
@@ -311,6 +315,9 @@ const panel = {
|
||||
},
|
||||
getScoreBase (state) {
|
||||
return state.scoreBase
|
||||
},
|
||||
getHeaderMenuByTab (state) {
|
||||
return state.headerMenuByTab
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
@@ -342,6 +349,9 @@ const panel = {
|
||||
},
|
||||
dispatchChartTabList (store, list) {
|
||||
store.commit('setChartTabList', list)
|
||||
},
|
||||
dispatchHeaderMenuByTab (store, data) {
|
||||
store.commit('setHeaderMenuByTab', data)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1373,6 +1373,7 @@ export default {
|
||||
watch: {
|
||||
async activeTab (n) {
|
||||
this.initFlag = true
|
||||
this.$store.state.headerMenuByTab = n
|
||||
if (n === 'traceTracking') {
|
||||
// 切换到轨迹追踪tab时,先移除地图上已有的图层和事件绑定、人型图标。基站予以保留
|
||||
this.unbindHexagonEvents()
|
||||
|
||||
Reference in New Issue
Block a user