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>