1

src/views/teamDetail/components/memberClassList.vue

@@ -111,7 +111,7 @@
         >
           <template slot-scope="scope" v-if="scope.row.lockFlag != 1">
             <div>
-              <el-button type="text" v-if="scope.row.preTotalClassTimes == 0"
+              <el-button type="text" v-if="scope.row.preTotalClassTimes == 0" @click="planCourse(scope.row)"
                 >预排课</el-button
               >
               <el-button type="text" v-else>取消排课</el-button>
@@ -144,6 +144,20 @@
         <el-button type="primary" @click="setStartTime">确 定</el-button>
       </div>
     </el-dialog>
+    <!--    /**
+    :classType="classType" // 调整类型
+        :teacherList="teacherList"
+        :musicGroupId="teamid"
+        :activeType="activeType" // 班级类型
+        :courseTypeList="courseTypeList" // 班级可排课类型
+        :cooperationList="cooperationList" // 助教列表
+        :detail="infoDetail" // activeRow
+        :studentSubmitedData="studentSubmitedData" 班级的学生信息
+        @close="infoVisible = false" // 显示隐藏
+        @submited="getList"  刷新列表 */ -->
+    <el-dialog title="班级排课"   width="1200px" :modal-append-to-body="false"  :visible.sync="courseVisible">
+        <memberClassSetting />
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -153,8 +167,11 @@ import {
   musicGroupSchoolTermCourseDetail,
 } from "@/api/buildTeam";
 import { classTimeList, musicClassTypeList } from "@/utils/searchArray";
+import memberClassSetting  from "./modals/member-class-setting.vue"
+import { getCourseType } from "@/utils/utils";
 import dayjs from "dayjs";
 export default {
+  components:{memberClassSetting},
   data() {
     return {
       musicClassTypeList,
@@ -173,6 +190,13 @@ export default {
       },
       lastDate: "",
       musicGroupSchoolTermCourseDetailId: "",
+      courseVisible:false,
+      teacherList:[],
+      courseTypeList:[],
+      cooperationList:[],
+      activeType:'',
+      teamid:''
+
     };
   },
   mounted() {
@@ -307,6 +331,15 @@ export default {
       this.lastDate = JSON.parse(JSON.stringify(this.form.startCourseDate));
       this.startVisible = true;
     },
+    planCourse(row){
+
+      this.setType(row.type);
+      this.courseVisible = true;
+    },
+        setType(type) {
+      this.courseTypeList = getCourseType(type);
+      // this.activeSoundList = this.soundList;
+    },
   },
 };
 </script>

src/views/teamDetail/components/modals/classroom-setting.vue

@@ -252,6 +252,7 @@ export default {
   },
   computed: {
     surplustime() {
+      console.log('计算剩余课时',this.form.classs)
       const _ = {};
       for (const key in this.form.classs) {
         if (this.form.classs.hasOwnProperty(key)) {

src/views/teamDetail/components/modals/member-class-setting.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    会员排课弹窗
+  </div>
+</template>
+<script>
+import courseItem from "./classroom-setting-item";
+export default {
+  components:{courseItem},
+  data(){
+    return{}
+  }
+}
+</script>
+<style lang="scss" scoped>
+
+</style>