<template>
  <div class="el-scrollbar__wrap wrap-white padding-20">
    <el-tabs v-model="activeName">
      <el-tab-pane label="序列" name="rankSequence"style="height: calc(100vh - 210px)" lazy>
        <rank-sequence
          i="rankSequence"
          :index="activeName"
        />
      </el-tab-pane>
      <el-tab-pane label="职层" name="rankLevel" style="height: calc(100vh - 210px)" lazy>
        <rank-level
          i="rankLevel"
          :index="activeName"
        />
      </el-tab-pane>
      <el-tab-pane label="职级" name="rank" style="height: calc(100vh - 210px)" lazy>
        <rank
          i="rank"
          :index="activeName"
        />
      </el-tab-pane>
      <el-tab-pane label="体系表" name="rankSystemTable" style="height: calc(100vh - 210px)" lazy>
        <rank-system-table
          i="rankSystemTable"
          :index="activeName"
        />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import rankSystemTable from './tabs/RankSystemTableList'
  import rankSequence from './tabs/RankSequenceList'
  import rankLevel from './tabs/RankLevelList'
  import rank from './tabs/RankList'
  export default {
    components: {
      rankSystemTable,
      rankSequence,
      rankLevel,
      rank
    },
    data () {
      return {
        activeName: 'rankSystemTable'
      }
    },
    created () {
      if (this.$route.query.activeName) {
        this.activeName = this.$route.query.activeName
      }
    },
    methods: {
    }
  }
</script>
