<template>
  <div class="el-scrollbar__wrap wrap-white padding-20">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane v-for="item in tabList" :label="item.label" :name="item.value"style="height: calc(100vh - 210px)" lazy>
        <component :is="item.value" :i="item.value" :index="activeName"></component>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import RosterList from './tabs/RosterList'
  export default {
    components: {
      RosterList
    },
    data () {
      return {
        activeName: 'rosterList',
        tabList: [{
          label: '在职',
          value: 'rosterList'
        }]
      }
    },
    created () {
      if (this.$route.query.activeName) {
        this.activeName = this.$route.query.activeName
      }
    },
    methods: {
    }
  }
</script>
