准备创建班级

1

src/views/teamDetail/api.js

@@ -55,3 +55,11 @@ export const countStudentSubTotalCourseTimes = data => request2({
   method: 'get',
   requestType: 'form'
 })
+
+// 通过课程编号查询学生
+export const getCourseScheduleConvert = data => request2({
+  url: '/api-web/courseScheduleConvert/queryStudent',
+  params: data,
+  method: 'get',
+  requestType: 'form'
+})

src/views/teamDetail/components/courseList.vue

@@ -582,6 +582,7 @@
         @pagination="getCallName"
       />
     </el-dialog>
+    <transStart ref='transStart' :activeCourseList='activeCourseList'/>
   </div>
 </template>
 <script>
@@ -605,6 +606,7 @@ import { getSchool } from "@/api/systemManage";
 import cleanDeep from "clean-deep";
 import { Export } from "@/utils/downLoadFile";
 import { getMusicGroupCourseScheduleStatistics } from "../api";
+import transStart from './courseTransModals/transStart.vue'
 let that;
 export default {
   name: "tcourseList",
@@ -704,6 +706,7 @@ export default {
   },
   components: {
     pagination,
+    transStart
   },
   created() {
     that = this;
@@ -1193,7 +1196,7 @@ export default {
         this.$message.error("请选择同一种课程类型");
         return;
       }
-
+      this.$refs.transStart.openDialog()
     }
   },
   filters: {

src/views/teamDetail/components/courseTransModals/transStart.vue

@@ -1,10 +1,12 @@
 <template>
   <div>
     <el-dialog title="课程转化" width="800px" :visible.sync="transVisible">
-      <el-table :data="tableList" v-if="transVisible">
+      <div v-if="transVisible">
+        <p class="subtitle">已选择<span> {{courseConvertSum.courseNum}} </span>节<span>{{courseConvertSum.courseType | coursesType}} </span>进行转换,共 <span>{{courseConvertSum.studentNum}}</span>名学员</p>
+        <el-table :data="tableList"    :header-cell-style="{ background: '#EDEEF0', color: '#444' }">
         <el-table-column
           align="center"
-          property="userName"
+          property="name"
           label="学员姓名"
         ></el-table-column>
         <el-table-column
@@ -18,39 +20,78 @@
           label="学员声部"
         ></el-table-column>
       </el-table>
-      <pagination
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="transVisible = false">取 消</el-button>
+        <el-button type="primary" @click="gotoNext">下一步</el-button>
+      </div>
+      </div>
+
+      <!-- <pagination
         sync
         :total.sync="rules.total"
         :page.sync="rules.page"
         :limit.sync="rules.limit"
         :page-sizes="rules.page_size"
         @pagination="getList"
-      />
+      /> -->
     </el-dialog>
   </div>
 </template>
 <script>
+import { getCourseScheduleConvert } from "../../api";
 export default {
+  props: {
+    activeCourseList: {
+      type: Array,
+      default: [],
+    },
+  },
   data() {
     return {
-      tableList:[],
-      transVisible:false,
-      rules: {
-        // 分页规则
-        limit: 10, // 限制显示条数
-        page: 1, // 当前页
-        total: 0, // 总条数
-        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      tableList: [],
+
+      transVisible: false,
+      courseConvertSum: {
+        courseMinute: 0,
+        courseNum: 0,
+        courseType: "",
+        studentNum: 0,
       },
     };
   },
-  mounted(){},
-  methods:{
-    openDialog(){
-      this.transVisible = true
-    }
-  }
+  mounted() {},
+  methods: {
+    async openDialog() {
+      // 获取列表
+      try {
+        let courseIds = this.chioseCourse
+          .map((item) => {
+            return item.courseScheduleId;
+          })
+          .join(",");
+        const res = await getCourseScheduleConvert({ courseIds });
+        this.tableList = res.data.students;
+        this.courseConvertSum = { ...res.data.courseConvertSum };
+        this.transVisible = true;
+      } catch (e) {
+        console.log(e);
+      }
+    },
+    getList() {},
+    gotoNext(){},
+  },
+  computed: {
+    chioseCourse() {
+      return this.activeCourseList;
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
+  .subtitle {
+    margin-bottom: 20px;
+    span {
+      color: red;
+    }
+  }
 </style>>