<template>
  <div class="m-container">
    <h2>
      学员详情
    </h2>
    <div class="m-core">
      <!-- navMenu -->
      <el-tabs v-model="activeIndex" type="card" @tab-click="handleClick">
        <el-tab-pane label="基本信息" name="1">
        </el-tab-pane>
        <el-tab-pane label="乐团&课程" name="2">
        </el-tab-pane>
        <el-tab-pane label="VIP课" name="3">
        </el-tab-pane>
        <el-tab-pane label="上课记录" name="4">
          <studentRecord />
        </el-tab-pane>
        <el-tab-pane label="扣费记录" name="5">
        </el-tab-pane>
        <el-tab-pane label="学员订单" name="6">
        </el-tab-pane>
        <el-tab-pane label="学员提现" name="7">
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
export default {
  components: {
  },
  name: 'globalConfig',
  data () {
    return {
      activeIndex: '6'
    }
  },
  methods: {
    handleClick (val) {
      this.activeIndex = val.name;
    }
  }
}
</script>
<style lang="scss">
</style>