dy-admin-manager/src/views/studentManager/index.vue

<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.studentLive" name="12">
          <studentLive v-if="activeIndex == 12" />
        </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>

        <el-tab-pane label="回访记录" lazy v-if="permissionList.studentVisit" name="11">
          <studentVisit v-if="activeIndex == 11" />
        </el-tab-pane>
        <!-- studentVisit -->
      </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 studentLive from "./components/studentLive.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 studentVisit from "./components/studentVisit";
import { permission } from "@/utils/directivePage";
export default {
  components: {
    teamAndcourse,
    studentRecord,
    studentPayList,
    studentInfo,
    studentVip,
    studentLive,
    studentOrder,
    studentCashout,
    studentOutList,
    studentNetwork,
    studentLebao,
    studentVisit,
  },
  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"),
        studentLive: permission("/studentDetail/studentLive"),
        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"),
        studentVisit: permission("visit/queryPage/student"),
      },
      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: "/studentManager/studentList",
      });
    },
    handleClick(val) {
      this.activeIndex = val.name;
      // this.acitveStatus[val.name - 1] = true
    },
  },
};
</script>
<style lang="scss"></style>