globalConfig.vue 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <div class="m-container">
  3. <h2>
  4. 学员详情
  5. </h2>
  6. <div class="m-core">
  7. <!-- navMenu -->
  8. <el-tabs v-model="activeIndex" type="card" @tab-click="handleClick">
  9. <el-tab-pane label="基本信息" name="1">
  10. </el-tab-pane>
  11. <el-tab-pane label="乐团&课程" name="2">
  12. </el-tab-pane>
  13. <el-tab-pane label="VIP课" name="3">
  14. </el-tab-pane>
  15. <el-tab-pane label="上课记录" name="4">
  16. <studentRecord />
  17. </el-tab-pane>
  18. <el-tab-pane label="扣费记录" name="5">
  19. </el-tab-pane>
  20. <el-tab-pane label="学员订单" name="6">
  21. </el-tab-pane>
  22. <el-tab-pane label="学员提现" name="7">
  23. </el-tab-pane>
  24. </el-tabs>
  25. </div>
  26. </div>
  27. </template>
  28. <script>
  29. export default {
  30. components: {
  31. },
  32. name: 'globalConfig',
  33. data () {
  34. return {
  35. activeIndex: '6'
  36. }
  37. },
  38. methods: {
  39. handleClick (val) {
  40. this.activeIndex = val.name;
  41. }
  42. }
  43. }
  44. </script>
  45. <style lang="scss">
  46. </style>