更新打包

src/utils/searchArray.js

@@ -460,10 +460,10 @@ export const vipGroupStatus = [
     value: "1",
     text: "报名中"
   },
-  {
-    value: "5",
-    text: "报名结束"
-  },
+  // {
+  //   value: "5",
+  //   text: "报名结束"
+  // },
   {
     value: "2",
     text: "进行中"
@@ -475,11 +475,11 @@ export const vipGroupStatus = [
   {
     value: "3",
     text: "取消"
-  },
-  {
-    value: "6",
-    text: "暂停"
   }
+  // {
+  //   value: "6",
+  //   text: "暂停"
+  // }
 ];
 
 // 课程状态

src/views/studentManager/components/studentLive.vue

@@ -0,0 +1,278 @@
+
+<template>
+  <div class="studentvip">
+    <!-- 搜索类型 -->
+    <save-form :inline="true" class="searchForm" :model="searchForm" @submit="onSearch" ref="searchForm"
+      save-key="studentDetail-studentVip">
+      <el-form-item>
+        <el-input placeholder="课程名称" clearable @keyup.enter.native="(e) => {
+          e.target.blur();
+          $refs.searchForm.save();
+          onSearch();
+        }
+          " v-model.trim="searchForm.vipGroupName"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button native-type="submit" type="danger">搜索</el-button>
+      </el-form-item>
+    </save-form>
+
+    <div class="tableWrap">
+      <el-table :header-cell-style="{ background: '#EDEEF0', color: '#444' }" :data="tableList">
+        <el-table-column label="课程组编号" align="center" prop="vipGroupId">
+          <template slot-scope="scope">
+            <!-- <div @click="gotoVip(scope.row.vipGroupId)" class="groupId">
+              <copy-text>{{ scope.row.vipGroupId }}</copy-text>
+            </div> -->
+            <copy-text>{{ scope.row.vipGroupId }}</copy-text>
+          </template>
+        </el-table-column>
+        <el-table-column label="课程组名称" align="center" prop="vipGroupName">
+          <template slot-scope="scope">
+            <!-- class="vipGroupName" -->
+            <div>
+              <!-- <el-button type="text" @click="gotoVip(scope.row.vipGroupName)">
+              </el-button> -->
+              <copy-text width='110px'>{{ scope.row.vipGroupName }}</copy-text>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="课程组状态" align="center">
+          <template slot-scope="scope">{{
+            scope.row.vipGroupStatus | vipCourseStatus
+          }}</template>
+        </el-table-column>
+        <el-table-column label="指导老师" align="center" prop="teacherName"></el-table-column>
+        <el-table-column label="乐团主管" align="center" prop="eduTeacherName"></el-table-column>
+        <el-table-column label="开课时间" width="150" align="center" prop="courseStartDate">
+          <template slot-scope="scope">{{
+            scope.row.courseStartDate | dateForMinFormat
+          }}</template>
+        </el-table-column>
+        <el-table-column label="当前课次" align="center" prop="currentClassTimes">
+          <template slot-scope="scope">{{ scope.row.currentClassTimes }}/{{
+            scope.row.totalClassTimes
+          }}</template>
+        </el-table-column>
+      </el-table>
+      <pagination save-key="studentDetail-studentVip" sync :total.sync="pageInfo.total" :page.sync="pageInfo.page"
+        :limit.sync="pageInfo.limit" :page-sizes="pageInfo.page_size" @pagination="getCourseList" />
+
+      <el-dialog :title="dialogTitle" :visible.sync="dialogTableVisible">
+        <el-table :data="gridData" :header-cell-style="{ background: '#EDEEF0', color: '#444' }">
+          <el-table-column prop="courseDate" label="时间" align="center">
+            <template slot-scope="scope">{{
+              scope.row.courseDate | dateForMinFormat
+            }}</template>
+          </el-table-column>
+          <el-table-column prop="classGroupName" label="课程名称" align="center"></el-table-column>
+          <el-table-column label="课程类型" align="center">
+            <template slot-scope="scope">{{
+              scope.row.teachMode == "ONLINE" ? "线上" : "线下"
+            }}</template>
+          </el-table-column>
+          <el-table-column prop="courseStatus" align="center" label="课程状态">
+            <template slot-scope="scope">{{
+              scope.row.courseStatus | coursesStatus
+            }}</template>
+          </el-table-column>
+        </el-table>
+        <pagination :total="studentInfo.total" :page.sync="studentInfo.page" :limit.sync="studentInfo.limit"
+          :page-sizes="studentInfo.page_size" @pagination="onCourse" />
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+import pagination from "@/components/Pagination/index";
+import {
+  findStudentVipGroups,
+  findStudentVipGroupClass,
+  findStudentCourses,
+} from "@/api/studentManager";
+export default {
+  name: "studentvip",
+  components: { pagination },
+  data() {
+    return {
+      searchForm: {
+        studentId: null,
+        vipGroupName: null,
+      },
+      checkIndex: null, // 选中的课程
+      dialogTableVisible: false,
+      searchLsit: [],
+      tableList: [],
+      courseList: [],
+      pageInfo: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+      studentInfo: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+      dialogTitle: "",
+      gridData: [],
+      userId: "",
+      activeRow: null,
+    };
+  },
+  created() {
+    this.userId = this.$route.query.userId || null;
+  },
+  mounted() {
+    this.userId = this.$route.query.userId || null;
+    this.searchForm.studentId = this.$route.query.userId;
+    this.getCourseList();
+  },
+  activated() {
+    this.userId = this.$route.query.userId || null;
+    this.searchForm.studentId = this.$route.query.userId;
+    this.getCourseList();
+  },
+  methods: {
+    // onCheckCourse(item) {
+    //   this.checkIndex = item.id
+    //   this.getList()
+    // },
+    getCourseList() {
+      let params = this.searchForm;
+      params.rows = this.pageInfo.limit;
+      params.page = this.pageInfo.page;
+      params.groupType = 'LIVE'
+      findStudentVipGroupClass(params).then((res) => {
+        if (res.code == 200) {
+          this.tableList = res.data.rows;
+          this.pageInfo.total = res.data.total;
+        }
+      });
+    },
+    onCourse(row) {
+      if (row.vipGroupId) {
+        this.activeRow = row;
+      }
+      findStudentVipGroups({
+        vipGroupId: this.activeRow.vipGroupId,
+        studentId: this.userId,
+        page: this.studentInfo.page,
+        rows: this.studentInfo.limit,
+      }).then((res) => {
+        this.dialogTitle = this.activeRow.vipGroupName;
+        if (res.code == 200) {
+          this.studentInfo.total = res.data.total;
+          this.gridData = res.data.rows;
+          this.dialogTableVisible = true;
+        }
+      });
+    },
+    onSearch() {
+      this.pageInfo.page = 1;
+      this.getCourseList();
+    },
+    gotoVip(str) {
+      this.$router.push({
+        path: "/vipManager/vipList",
+        query: { search: str },
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.groupId {
+  color: var(--color-primary);
+}
+
+.vipGroupName {
+  width: 140px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.studentvip {
+  .topCard {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    margin-bottom: 30px;
+
+    .cardItem {
+      margin-right: 15px;
+      width: 300px;
+      height: 130px;
+      padding: 20px 24px;
+      box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);
+      box-sizing: border-box;
+      border-radius: 6px;
+
+      .top {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        margin-bottom: 23px;
+
+        .name {
+          font-size: 14px;
+          color: #323c47;
+          font-weight: 500;
+        }
+
+        .type {
+          font-size: 14px;
+          color: #aaa;
+        }
+      }
+
+      .bottom {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        text-align: center;
+
+        p {
+          font-size: 14px;
+          color: #444;
+        }
+
+        .title {
+          color: #aaa;
+          margin-bottom: 8px;
+        }
+      }
+    }
+
+    .cardItem.active {
+      background-color: var(--color-primary);
+
+      .name {
+        font-size: 14px;
+        color: #fff;
+        font-weight: 500;
+      }
+
+      .type {
+        font-size: 14px;
+        color: #fff;
+      }
+
+      .bottom {
+        p {
+          color: #fff;
+        }
+
+        .title {
+          color: #fff;
+        }
+      }
+    }
+  }
+}
+</style>

src/views/studentManager/index.vue

@@ -5,98 +5,42 @@
     </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"
-        >
+      <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"
-        >
+        <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"
-        >
+        <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"
-        >
+        <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"
-        >
+        <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"
-        >
+        <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"
-        >
+        <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"
-        >
+        <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"
-        >
+        <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"
-        >
+        <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"
-        >
+        <el-tab-pane label="回访记录" lazy v-if="permissionList.studentVisit" name="11">
           <studentVisit v-if="activeIndex == 11" />
         </el-tab-pane>
         <!-- studentVisit -->
@@ -110,6 +54,7 @@ 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";
@@ -124,6 +69,7 @@ export default {
     studentPayList,
     studentInfo,
     studentVip,
+    studentLive,
     studentOrder,
     studentCashout,
     studentOutList,
@@ -140,6 +86,7 @@ export default {
         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"),
@@ -147,7 +94,7 @@ export default {
         studentOutList: permission("/studentDetail/studentOutList"), //
         studentNetwork: permission("/studentDetail/studentNetwork"),
         studentLebao: permission("/studentDetail/studentLebao"),
-        studentVisit:permission("visit/queryPage/student"),
+        studentVisit: permission("visit/queryPage/student"),
       },
       studentName: "",
     };
@@ -184,5 +131,4 @@ export default {
   },
 };
 </script>
-<style lang="scss">
-</style>
+<style lang="scss"></style>

src/views/teacherManager/teacherDetail/components/live-course.vue

@@ -0,0 +1,173 @@
+<template>
+  <div class="courseInfo">
+    <save-form :inline="true" @submit="search" :model="searchList" ref="searchForm" save-key="teacherDetail-courseInfo1">
+      <el-form-item>
+        <el-input placeholder="直播课编号/名称" clearable @keyup.enter.native="e => {
+          e.target.blur();
+          $refs.searchForm.save();
+          search();
+        }
+          " v-model.trim="searchList.search"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-select v-model.trim="searchList.status" clearable placeholder="请选择课程状态">
+          <el-option v-for="(item, index) in vipGroupStatus" :key="index" :value="item.value"
+            :label="item.text"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="danger" native-type="search">搜索</el-button>
+      </el-form-item>
+    </save-form>
+    <div class="tableWrap">
+      <el-table :data="teamList" :header-cell-style="{ background: '#EDEEF0', color: '#444' }">
+        <el-table-column label="课程组编号" prop="id">
+          <template slot-scope="scope">
+            <copy-text>
+              {{ scope.row.id }}
+            </copy-text>
+          </template>
+        </el-table-column>
+        <el-table-column label="课程组名称" prop="name">
+          <template slot-scope="scope">
+            <copy-text>
+              {{ scope.row.name }}
+            </copy-text>
+          </template>
+        </el-table-column>
+        <el-table-column label="课程组状态">
+          <template slot-scope="scope">
+            {{ scope.row.status | formatterStatus }}
+          </template>
+        </el-table-column>
+        <el-table-column label="班级人数" prop="studentNum"> </el-table-column>
+        <el-table-column label="课程单价">
+          <template slot-scope="scope">
+            {{ scope.row.onlineClassesUnitPrice }}
+          </template>
+        </el-table-column>
+        <el-table-column label="当前课次">
+          <template slot-scope="scope">
+            <p>
+              {{
+                scope.row.currentClassTimes + "/" + scope.row.totalClassTimes
+              }}
+            </p>
+          </template>
+        </el-table-column>
+        <el-table-column label="开课时间">
+          <template slot-scope="scope">
+            {{ scope.row.courseStartDate | formatterTime }}
+          </template>
+        </el-table-column>
+        <el-table-column label="截止时间">
+          <template slot-scope="scope">
+            {{ scope.row.coursesExpireDate | formatTimer }}
+          </template>
+        </el-table-column>
+        <el-table-column label="创建时间">
+          <template slot-scope="scope">
+            {{ scope.row.createTime | formatterTime }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination save-key="teacherDetail-courseInfo1" sync :total.sync="pageInfo.total" :page.sync="pageInfo.page"
+        :limit.sync="pageInfo.limit" :page-sizes="pageInfo.page_size" @pagination="getList" />
+    </div>
+  </div>
+</template>
+<script>
+// import { getTeacherVipClass } from '@/api/teacherManager'
+import { getVipList } from "@/api/vipSeting";
+import pagination from "@/components/Pagination/index";
+import { vipGroupStatus } from "@/utils/searchArray";
+export default {
+  name: "courseInfo1",
+  components: {
+    pagination
+  },
+  data() {
+    return {
+      searchList: {
+        status: "",
+        search: ""
+      },
+      teamList: [],
+      organId: null,
+      vipGroupStatus: null,
+      teacherId: this.$route.query.teacherId,
+      pageInfo: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 1, // 总条数
+        page_size: [10, 20, 40, 50] // 选择限制显示条数
+      }
+    };
+  },
+  activated() {
+    this.teacherId = this.$route.query.teacherId;
+    this.vipGroupStatus = vipGroupStatus;
+    this.getList();
+  },
+  mounted() {
+    this.teacherId = this.$route.query.teacherId;
+    this.vipGroupStatus = vipGroupStatus;
+    this.getList();
+  },
+  methods: {
+    getList() {
+      getVipList({
+        rows: this.pageInfo.limit,
+        page: this.pageInfo.page,
+        teacherId: this.teacherId,
+        status: this.searchList.status || null,
+        search: this.searchList.search || null,
+        groupType: "LIVE"
+      }).then(res => {
+        if (res.code == 200) {
+          this.teamList = res.data.rows;
+          this.pageInfo.total = res.data.total;
+        }
+      });
+    },
+    search() {
+      this.pageInfo.page = 1;
+      this.getList();
+    }
+  },
+  filters: {
+    formatterTime(val) {
+      let result;
+      if (val) {
+        result = val.split(" ")[0];
+      } else {
+        result = "";
+      }
+      return result;
+    },
+    formatterStatus(val) {
+      let arr = [
+        "未开始",
+        "报名中",
+        "进行中",
+        "取消",
+        "已结束",
+        "报名结束",
+        "暂停"
+      ];
+      return arr[val];
+    }
+  }
+};
+</script>
+<style lang="scss" scope>
+// .courseInfo {
+//   h4 {
+//     margin-bottom: 20px;
+//   }
+//   .tableMargin {
+//     margin-top: 20px;
+//   }
+// }
+</style>

src/views/teacherManager/teacherDetail/index.vue

@@ -12,120 +12,50 @@
             >{{ teacherInfos.operatingIndex }}%</span
           ></el-button
         > -->
-        <el-button
-          v-if="teacherInfos && permission('/serverIndexList')"
-          type="text"
-          @click="gotoAfterSchool"
-          >服务指标(每周):<span style="color:red"
-            >{{ teacherInfos.serviceIndex }}%</span
-          ></el-button
-        >
+        <el-button v-if="teacherInfos && permission('/serverIndexList')" type="text"
+          @click="gotoAfterSchool">服务指标(每周):<span style="color:red">{{ teacherInfos.serviceIndex }}%</span></el-button>
       </div>
     </h2>
     <div class="m-core">
       <!-- navMenu -->
-      <tab-router
-        v-model.trim="activeName"
-        type="card"
-        @tab-click="handleClick"
-      >
-        <el-tab-pane
-          label="基本信息"
-          lazy
-          v-if="permissionList.teacherInfo"
-          name="0"
-        >
-          <teacherInfo
-            v-if="activeName == 0 && teacherInfos"
-            :teacherInfo="teacherInfos"
-          />
+      <tab-router v-model.trim="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane label="基本信息" lazy v-if="permissionList.teacherInfo" name="0">
+          <teacherInfo v-if="activeName == 0 && teacherInfos" :teacherInfo="teacherInfos" />
         </el-tab-pane>
-        <el-tab-pane
-          label="乐团课"
-          lazy
-          v-if="permissionList.musicGroup"
-          name="1"
-        >
+        <el-tab-pane label="乐团课" lazy v-if="permissionList.musicGroup" name="1">
           <courseInfo v-if="activeName == 1" />
         </el-tab-pane>
-        <el-tab-pane
-          label="VIP课"
-          lazy
-          v-if="permissionList.VipCourse"
-          name="2"
-        >
+        <el-tab-pane label="VIP课" lazy v-if="permissionList.VipCourse" name="2">
           <courseInfo1 v-if="activeName == 2" />
         </el-tab-pane>
-        <el-tab-pane
-          label="网管课"
-          lazy
-          v-if="permissionList.teacherNetwork"
-          name="8"
-        >
+        <el-tab-pane label="直播课" lazy v-if="permissionList.LiveCourse" name="12">
+          <liveCourse v-if="activeName == 12" />
+        </el-tab-pane>
+        <el-tab-pane label="网管课" lazy v-if="permissionList.teacherNetwork" name="8">
           <teacherNetwork v-if="activeName == 8" />
         </el-tab-pane>
-        <el-tab-pane
-          label="对外课"
-          lazy
-          v-if="permissionList.outCourseList"
-          name="3"
-        >
+        <el-tab-pane label="对外课" lazy v-if="permissionList.outCourseList" name="3">
           <outCourseList v-if="activeName == 3" />
         </el-tab-pane>
-        <el-tab-pane
-          label="课表详情"
-          lazy
-          v-if="permissionList.teacherRecord"
-          name="4"
-        >
+        <el-tab-pane label="课表详情" lazy v-if="permissionList.teacherRecord" name="4">
           <teacherRecord v-if="activeName == 4" />
         </el-tab-pane>
-        <el-tab-pane
-          label="请假记录"
-          lazy
-          v-if="permissionList.leaveRecord"
-          name="5"
-        >
+        <el-tab-pane label="请假记录" lazy v-if="permissionList.leaveRecord" name="5">
           <leaveRecord v-if="activeName == 5" />
         </el-tab-pane>
-        <el-tab-pane
-          label="上课结算列表"
-          lazy
-          v-if="permissionList.settlement"
-          name="6"
-        >
+        <el-tab-pane label="上课结算列表" lazy v-if="permissionList.settlement" name="6">
           <settlement v-if="activeName == 6" />
         </el-tab-pane>
-        <el-tab-pane
-          label="时间记录"
-          lazy
-          v-if="permissionList.timerList"
-          name="7"
-        >
+        <el-tab-pane label="时间记录" lazy v-if="permissionList.timerList" name="7">
           <timerList v-if="activeName == 7" />
         </el-tab-pane>
-        <el-tab-pane
-          label="学员"
-          lazy
-          v-if="permissionList.serveStudentList"
-          name="9"
-        >
+        <el-tab-pane label="学员" lazy v-if="permissionList.serveStudentList" name="9">
           <serveStudentList v-if="activeName == 9" />
         </el-tab-pane>
-        <el-tab-pane
-          label="月历课表"
-          lazy
-          v-if="permissionList.calendarList"
-          name="10"
-        >
+        <el-tab-pane label="月历课表" lazy v-if="permissionList.calendarList" name="10">
           <calendarList v-if="activeName == 10" />
         </el-tab-pane>
-        <el-tab-pane
-          label="周历课表"
-          lazy
-          v-if="permissionList.weeklyCalendar"
-          name="11"
-        >
+        <el-tab-pane label="周历课表" lazy v-if="permissionList.weeklyCalendar" name="11">
           <weeklyCalendar v-if="activeName == 11" />
         </el-tab-pane>
       </tab-router>
@@ -139,6 +69,7 @@ import teacherInfo from "@/views/teacherManager/teacherDetail/components/teacher
 import courseInfo from "@/views/teacherManager/teacherDetail/components/courseInfo";
 import courseInfo1 from "@/views/teacherManager/teacherDetail/components/courseInfo1";
 import courseInfo2 from "@/views/teacherManager/teacherDetail/components/courseInfo2";
+import liveCourse from "@/views/teacherManager/teacherDetail/components/live-course";
 import settlement from "@/views/teacherManager/teacherDetail/components/settlement";
 import timerList from "@/views/teacherManager/teacherDetail/components/timerList";
 import outCourseList from "@/views/teacherManager/teacherDetail/components/outCourseList";
@@ -162,7 +93,8 @@ export default {
     teacherNetwork,
     serveStudentList,
     calendarList,
-    weeklyCalendar
+    weeklyCalendar,
+    liveCourse
   },
   name: "teacherDetail",
   data() {
@@ -174,6 +106,7 @@ export default {
         teacherInfo: permission("/teacherDetail/teacherInfo"),
         musicGroup: permission("/teacherDetail/musicGroupCourse"),
         VipCourse: permission("/teacherDetail/VIPCourse"),
+        LiveCourse: permission("/teacherDetail/LiveCourse"),
         domeCourse: permission("/teacherDetail/domeCourse"),
         teacherRecord: permission("/teacherDetail/teacherRecord"),
         leaveRecord: permission("/teacherDetail/leaveRecord"),
@@ -188,7 +121,7 @@ export default {
       teacherInfos: null
     };
   },
-  activated() {},
+  activated() { },
 
   mounted() {
     this.teacherName = this.$route.query.teacherName;