zhangzengfei
2021-07-07 0b737708e696c45720499759b5c31aced87fdbb6
src/pages/shuohuangMonitorAnalyze/components/leftNav.vue
@@ -12,7 +12,7 @@
      :default-active="activeIndex"
      @select="handleSelect"
    >
      <el-menu-item index="guideIndex">
      <el-menu-item index="guideIndex" v-show="isAdmin">
        <i class="iconfont iconshouye"></i>
        <span slot="title">首页</span>
      </el-menu-item>
@@ -20,15 +20,15 @@
        <i class="iconfont iconshipin2"></i>
        <span slot="title">视频分析检索</span>
      </el-menu-item>
      <el-menu-item index="taskManage">
      <el-menu-item index="taskManage" v-if="isAdmin">
        <i class="iconfont iconrenwu1"></i>
        <span slot="title">任务管理</span>
      </el-menu-item>
      <el-menu-item index="memberManage">
      <el-menu-item index="memberManage" v-if="isAdmin">
        <i class="iconfont iconrenyuanguanli"></i>
        <span slot="title">人员管理</span>
      </el-menu-item>
      <el-menu-item index="configManage">
      <el-menu-item index="configManage" v-if="isAdmin">
        <i class="iconfont iconicon-test4"></i>
        <span slot="title">配置管理</span>
      </el-menu-item>
@@ -40,8 +40,9 @@
        </template>
        <el-menu-item index="transferMemo">视频转储记录</el-menu-item>
        <el-menu-item index="transferDeviceManage">转储设备管理</el-menu-item>
        <el-menu-item index="lkgManage">LKJ数据管理</el-menu-item>
      </el-submenu>
      <el-submenu index="7">
      <el-submenu index="7" v-if="isAdmin">
        <template slot="title">
          <i class="iconfont iconkeshihua"></i>
          <span slot="title">可视化大屏</span>
@@ -66,33 +67,45 @@
      type: Function
    }
  },
  data () {
  computed: {
    isAdmin() {
      if (
        sessionStorage.getItem("userInfo") &&
        sessionStorage.getItem("userInfo") !== ""
      ) {
        let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username;
        return loginName === "admin" || loginName === "basic";
      }
      return false;
    },
  },
  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);
    }
  mounted() {
    // if (this.isAdmin) {
    //   if (!!sessionStorage.getItem('leftNavAct')) {
    //     console.log("leftNavAct")
    //     this.activeIndex = sessionStorage.getItem('leftNavAct');
    //   }
    // }
    this.activeIndex = this.isAdmin ? 'guideIndex' : 'searchForVideoAnalyze';
    this.$emit('menuChange', this.activeIndex);
  },
  methods: {
    handleSelect(index,indePath){
    handleSelect(index, indePath) {
      this.activeIndex = index;
      this.$emit('menuChange',index);
      sessionStorage.setItem('leftNavAct', this.activeIndex);
      this.$emit('menuChange', index);
    },
    handleOpen () {
    handleOpen() {
    },
    handleClose () {
    handleClose() {
    }
  }
@@ -111,20 +124,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>