<template>
  <div class="m-container">
    <h2>
      <el-page-header @back="onCancel" :content="studentName"></el-page-header>
    </h2>
    <div class="m-core">
      <!-- navMenu -->
      <tab-router
        v-model.trim="activeIndex"
        type="card"
        @tab-click="handleClick"
      >
        <el-tab-pane
          label="基本信息"
          lazy
          v-if="permissionList.studentInfo"
          name="1"
        >
          <studentInfo v-if="activeIndex == 1" />
        </el-tab-pane>
        <el-tab-pane
          label="乐团&课程"
          lazy
          v-if="permissionList.teamAndcourse"
          name="2"
        >
          <teamAndcourse v-if="activeIndex == 2" />
        </el-tab-pane>
        <el-tab-pane
          label="VIP课"
          lazy
          v-if="permissionList.studentVip"
          name="3"
        >
          <studentVip v-if="activeIndex == 3" />
        </el-tab-pane>
        <el-tab-pane
          label="对外课"
          lazy
          v-if="permissionList.studentOutList"
          name="4"
        >
          <studentOutList v-if="activeIndex == 4" />
        </el-tab-pane>
        <el-tab-pane
          label="网管课"
          lazy
          v-if="permissionList.studentNetwork"
          name="9"
        >
          <studentNetwork v-if="activeIndex == 9" />
        </el-tab-pane>
        <el-tab-pane
          label="课表详情"
          lazy
          v-if="permissionList.studentRecord"
          name="5"
        >
          <studentRecord v-if="activeIndex == 5" />
        </el-tab-pane>
        <el-tab-pane
          label="扣费记录"
          lazy
          v-if="permissionList.studentPayList"
          name="6"
        >
          <studentPayList v-if="activeIndex == 6" />
        </el-tab-pane>
        <el-tab-pane
          label="学员订单"
          lazy
          v-if="permissionList.studentOrder"
          name="7"
        >
          <studentOrder v-if="activeIndex == 7" />
        </el-tab-pane>
        <el-tab-pane
          label="学员提现"
          lazy
          v-if="permissionList.studentCashout"
          name="8"
        >
          <studentCashout v-if="activeIndex == 8" />
        </el-tab-pane>
          <el-tab-pane
          label="乐器列表"
          lazy
          v-if="permissionList.studentLebao"
          name="10"
        >
          <studentLebao v-if="activeIndex == 10" />
        </el-tab-pane>
      </tab-router>
    </div>
  </div>
</template>
<script>
import studentInfo from "./components/studentInfo.vue";
import teamAndcourse from "./components/teamAndcourse.vue";
import studentRecord from "./components/studentRecord.vue";
import studentPayList from "./components/studentPayList.vue";
import studentVip from "./components/studentVip.vue";
import studentOutList from "./components/studentOutList.vue";
import studentOrder from "./components/studentOrder.vue";
import studentCashout from "./components/studentCashout.vue";
import studentNetwork from "./components/studentNetwork.vue";
import studentLebao from "./components/studentLebao"
import { permission } from "@/utils/directivePage";
export default {
  components: {
    teamAndcourse,
    studentRecord,
    studentPayList,
    studentInfo,
    studentVip,
    studentOrder,
    studentCashout,
    studentOutList,
    studentNetwork,
    studentLebao
  },
  name: "studentDetail",
  data() {
    return {
      activeIndex: "1",
      // acitveStatus: [true, false, false, false, false, false, false]
      permissionList: {
        studentInfo: permission("/studentDetail/studentInfo"),
        teamAndcourse: permission("/studentDetail/teamAndcourse"),
        studentVip: permission("/studentDetail/studentVip"),
        studentRecord: permission("/studentDetail/studentRecord"),
        studentPayList: permission("/studentDetail/studentPayList"),
        studentOrder: permission("/studentDetail/studentOrder"),
        studentCashout: permission("/studentDetail/studentCashout"),
        studentOutList: permission("/studentDetail/studentOutList"), //
        studentNetwork: permission("/studentDetail/studentNetwork"),
        studentLebao:permission("/studentDetail/studentLebao"),
      },
      studentName: "",
    };
  },
  mounted() {
    if (this.$route.query.search) {
      this.Fsearch = this.$route.query.search;
    }
    if (this.$route.query.rules) {
      this.Frules = this.$route.query.rules;
    }
    this.studentName = this.$route.query.username;
  },
  activated() {
    if (this.$route.query.search) {
      this.Fsearch = this.$route.query.search;
    }
    if (this.$route.query.rules) {
      this.Frules = this.$route.query.rules;
    }
    this.studentName = this.$route.query.username;
  },
  methods: {
    onCancel() {
      this.$store.dispatch("delVisitedViews", this.$route);
      this.$router.push({
        path: "/business/studentList",
      });
    },
    handleClick(val) {
      this.activeIndex = val.name;
      // this.acitveStatus[val.name - 1] = true
    },
  },
};
</script>
<style lang="scss">
</style>
