<template>
  <div style="background-color: #fff;padding: 20px;" class="boxMinHeight">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="考勤分" name="1">
        <attendance_rating v-if="activeName==1"></attendance_rating>
      </el-tab-pane>
      <el-tab-pane label="日志分" name="2">
        <log_rank :isEntrance="true" v-if="activeName==2"></log_rank>
      </el-tab-pane>
      <el-tab-pane label="任务分" name="3">
        <task_rank v-if="activeName==3"></task_rank>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import attendance_rating from '@/views/ranking/attendance_rating';
import log_rank from '@/views/ranking/log_rank';
import task_rank from '@/views/ranking/task_rank';
export default {
  name: 'each_rank',
  components: {
    attendance_rating,log_rank,task_rank
  },
  data() {
    return {
      activeName:'1'
    };
  },
  methods:{
    handleClick(){

    }
  },
  created() {
    if(this.$route.query.index){
      this.activeName=this.$route.query.index
    }
  }
};
</script>

<style>

</style>
