<!--  -->
<template>
  <div class="m-container">
    <h2>
      <div class="squrt"></div>
      小课课耗统计
    </h2>
    <div class="m-core">
      <tab-router
        v-model.trim="activeIndex"
        type="card"
        @tab-click="handleClick"
      >
        <el-tab-pane label="实际课耗" lazy name="1"  v-permission="'studentCourseConsumer/queryCourseConsumer'">
          <actualList v-if="activeIndex === '1'" />
        </el-tab-pane>
        <el-tab-pane label="预计课耗" lazy name="2" v-permission="'studentCourseConsumer/queryPreCourseConsumer'">
          <preList v-if="activeIndex === '2'" />
        </el-tab-pane>
        <el-tab-pane label="课耗统计" lazy name="3"  v-permission="'studentCourseConsumer/queryCourseConsumerSum'">
          <statisticsList v-if="activeIndex === '3'" />
        </el-tab-pane>
      </tab-router>
    </div>
  </div>
</template>

<script>
import actualList from './components/actualList.vue';
import preList from './components/preList'
import statisticsList from './components/statisticsList'
// import theoryClass from './theoryClass';
// import auditionClass from './auditionClass';
export default {
  components: { actualList ,preList,statisticsList},
  data() {
    return {
      activeIndex: "1",
    };
  },
  methods: {
    handleClick(evt) {
      // this.changeHash(evt.name);
    },
  },
};
</script>
<style lang='scss' scoped>
</style>
