<template>
  <div class="el-scrollbar__wrap wrap-white padding-20">
    <el-tabs v-model="activeName">
      <el-tab-pane label="职务分类" name="positionCategory"style="height: calc(100vh - 210px)" lazy>
        <position-category
          i="positionCategory"
          :index="activeName"
        />
      </el-tab-pane>
      <el-tab-pane label="职务" name="position" style="height: calc(100vh - 210px)" lazy>
        <position
          i="position"
          :index="activeName"
        />
      </el-tab-pane>
      <el-tab-pane label="职位" name="jobPosition" style="height: calc(100vh - 210px)" lazy>
        <job-position
          i="jobPosition"
          :index="activeName"
        />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import positionCategory from './tabs/PositionCategoryList'
  import jobPosition from './tabs/JobPositionList'
  import position from './tabs/PositionList'
  export default {
    components: {
      positionCategory,
      jobPosition,
      position
    },
    data () {
      return {
        activeName: 'jobPosition'
      }
    },
    created () {
      if (this.$route.query.activeName) {
        this.activeName = this.$route.query.activeName
      }
    },
    methods: {
    }
  }
</script>
