人员管理,任务管理接口调试,左侧导航图标更新

hanbaoshan

2021-01-15 fb9b3e1f1fcf57d213f6f68c09445e368bb70a4e

 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>
        <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: 'searchForVideoAnalyze'
    }
  },
  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>