From 0175cda6150656bc74b34c6f6c71edd1e1fc653c Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期四, 04 二月 2021 18:22:54 +0800
Subject: [PATCH] treee, 修复tab切换时树的选中状态.添加区域
---
src/pages/shuohuangMonitorAnalyze/components/leftNav.vue | 41 ++++++++++++++++++++++++++++++++---------
1 files changed, 32 insertions(+), 9 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/leftNav.vue b/src/pages/shuohuangMonitorAnalyze/components/leftNav.vue
index 0653bbd..15ceb0c 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/leftNav.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/leftNav.vue
@@ -9,32 +9,33 @@
@open="handleOpen"
@close="handleClose"
:collapse="isCollapse"
+ :default-active="activeIndex"
@select="handleSelect"
>
- <el-menu-item index="1">
- <i class="el-icon-menu"></i>
+ <el-menu-item index="guideIndex">
+ <i class="iconfont iconshouye"></i>
<span slot="title">棣栭〉</span>
</el-menu-item>
<el-menu-item index="searchForVideoAnalyze">
- <i class="el-icon-menu"></i>
+ <i class="iconfont iconshipin2"></i>
<span slot="title">瑙嗛鍒嗘瀽妫�绱�</span>
</el-menu-item>
<el-menu-item index="taskManage">
- <i class="el-icon-menu"></i>
+ <i class="iconfont iconrenwu1"></i>
<span slot="title">浠诲姟绠＄悊</span>
</el-menu-item>
<el-menu-item index="memberManage">
- <i class="el-icon-menu"></i>
+ <i class="iconfont iconrenyuanguanli"></i>
<span slot="title">浜哄憳绠＄悊</span>
</el-menu-item>
<el-menu-item index="configManage">
- <i class="el-icon-menu"></i>
+ <i class="iconfont iconicon-test4"></i>
<span slot="title">閰嶇疆绠＄悊</span>
</el-menu-item>
<el-submenu index="6">
<template slot="title">
- <i class="el-icon-menu"></i>
+ <i class="iconfont iconcunchu"></i>
<span slot="title">杞偍绠＄悊</span>
</template>
<el-menu-item index="transferMemo">瑙嗛杞偍璁板綍</el-menu-item>
@@ -42,7 +43,7 @@
</el-submenu>
<el-submenu index="7">
<template slot="title">
- <i class="el-icon-menu"></i>
+ <i class="iconfont iconkeshihua"></i>
<span slot="title">鍙鍖栧ぇ灞�</span>
</template>
<el-menu-item index="7-1">浠诲姟澶у睆</el-menu-item>
@@ -68,10 +69,24 @@
data () {
return {
publicPath: process.env.BASE_URL,
+ activeIndex: 'guideIndex'
+ }
+ },
+ mounted(){
+ console.log('mounted')
+ window.onbeforeunload = () => {
+ debugger
+ console.log('beforeunload')
+ sessionStorage.setItem('leftNavAct', this.activeIndex);
+ }
+ if(!!sessionStorage.getItem('leftNavAct')){
+ this.activeIndex = sessionStorage.getItem('leftNavAct');
+ this.$emit('menuChange',this.activeIndex);
}
},
methods: {
handleSelect(index,indePath){
+ this.activeIndex = index;
this.$emit('menuChange',index);
},
handleOpen () {
@@ -87,6 +102,7 @@
<style lang="scss">
.left-nav {
background: #fff;
+ height: 100vh;
h1 {
display: flex;
align-items: center;
@@ -95,6 +111,9 @@
border-bottom: 1px solid #eee;
color: rgb(0, 150, 250);
}
+ .iconfont{
+ padding-right: 10px;
+ }
.el-menu-vertical-demo:not(.el-menu--collapse){
width: 250px;
}
@@ -102,6 +121,10 @@
.el-submenu__title {
text-align: left;
}
- height: 100vh;
+ .el-menu-item.is-active{
+ color:#409EFF;
+ background-color: #ecf0fc;
+ }
+
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0