SEEC-Portal-Front/layouts/admin.vue

<template>
  <div>
    <navi></navi>
    <div class="person-container">
      <el-menu
        :default-active="activeIndex"
        class="el-menu-vertical-demo side-bar"
        @select="handleSelect">
        <el-menu-item index="1">
          <i class="el-icon-s-check"></i>
          <span slot="title">认证审核</span>
        </el-menu-item>
        <el-menu-item index="2">
          <i class="el-icon-data-analysis"></i>
          <span slot="title">平台统计</span>
        </el-menu-item>
        <el-menu-item index="3">
          <i class="el-icon-user"></i>
          <span slot="title">用户管理</span>
        </el-menu-item>
        <el-menu-item index="4" disabled>
          <i class="el-icon-menu"></i>
          <span slot="title">教务管理</span>
        </el-menu-item>
      </el-menu>
      <el-card class="main-card">
        <nuxt />
      </el-card>
    </div>
    <foot></foot>
  </div>
</template>
<script>
  import Navi from "~/components/Navi";
  import Foot from "~/components/Foot";

  export default{
    name: 'admin',
    components: {Navi, Foot},
    data(){
      return{
        activeIndex: "1"
      }
    },
    methods: {
      handleSelect(index){
        const routes=['/admin/checkApplications', '/admin/statistics', '/admin/userAdmin', '/admin/educationAdmin'];
        this.$router.push(routes[index-1]);
      }
    },
    mounted(){
      const routes=['/admin/checkApplications', '/admin/statistics', '/admin/userAdmin', '/admin/educationAdmin'];
      this.activeIndex = (1 + routes.indexOf(this.$router.app._route.path)) + "";
    }
  }
</script>

<style lang="scss" scoped>
  @import '~/assets/css/person.scss';
</style>