修改朔黄前端分析

zhangzengfei

2021-06-17 bae0368f502f524fc739003fe751fb0eb06c5859

 src/pages/shuohuangMonitorAnalyze/components/leftNav.vue

@@ -40,6 +40,7 @@
        </template>
        <el-menu-item index="transferMemo">视频转储记录</el-menu-item>
        <el-menu-item index="transferDeviceManage">转储设备管理</el-menu-item>
        <el-menu-item index="lkgManage">LKG数据管理</el-menu-item>
      </el-submenu>
      <el-submenu index="7">
        <template slot="title">
@@ -66,33 +67,33 @@
      type: Function
    }
  },
  data () {
  data() {
    return {
      publicPath: process.env.BASE_URL,
      activeIndex: 'guideIndex'
    }
  },
  mounted(){
  mounted() {
    console.log('mounted')
    window.onbeforeunload = () => {
      // debugger
      console.log('beforeunload')
      sessionStorage.setItem('leftNavAct', this.activeIndex);
    }
    if(!!sessionStorage.getItem('leftNavAct')){
    if (!!sessionStorage.getItem('leftNavAct')) {
      this.activeIndex = sessionStorage.getItem('leftNavAct');
      this.$emit('menuChange',this.activeIndex);
      this.$emit('menuChange', this.activeIndex);
    }
  },
  methods: {
    handleSelect(index,indePath){
    handleSelect(index, indePath) {
      this.activeIndex = index;
      this.$emit('menuChange',index);
      this.$emit('menuChange', index);
    },
    handleOpen () {
    handleOpen() {

    },
    handleClose () {
    handleClose() {

    }
  }
@@ -111,20 +112,19 @@
    border-bottom: 1px solid #eee;
    color: rgb(0, 150, 250);
  }
  .iconfont{
  .iconfont {
    padding-right: 10px;
  }
  .el-menu-vertical-demo:not(.el-menu--collapse){
  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 250px;
  }
  .el-menu-item,
  .el-submenu__title {
    text-align: left;
  }
  .el-menu-item.is-active{
    color:#409EFF;
  .el-menu-item.is-active {
    color: #409eff;
    background-color: #ecf0fc;
  }
  
}
</style>