<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane label="课后作业" name="first" lazy ><afterWork v-if="activeName=='first'" v-permission="'exercisesSituation/queryTeacherServeHomeworkDetail'" :detail='detail' /></el-tab-pane>
      <el-tab-pane label="课外训练" name="second" lazy ><outWork  v-if="activeName=='second'" v-permission="'exercisesSituation/queryTeacherServeExtraDetail'" :detail='detail' /> </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import afterWork from './afterWork'
import outWork from './outWork'
export default {
  props:['detail'],
  components:{afterWork,outWork},
  data() {
    return {
      activeName: "first",
    };
  },
  mounted(){
  }
};
</script>
<style lang="scss" scoped>
</style>
