准备

1

src/views/teamDetail/components/courseList.vue

@@ -108,7 +108,9 @@
                 " @click="exportCourse">导出</el-button>
       </el-form-item>
     </save-form>
-    <div class="btnWraps"></div>
+    <div class="btnWraps" style="margin-bottom:20px;">
+      <el-button type="primary" @click="transCourse">课程转换</el-button>
+    </div>
 
     <div style="font-size: 14px; padding-bottom: 10px">
       总出勤率：<span style="color: #f85043; font-weight: 600">{{
@@ -128,6 +130,7 @@
       <el-table
         :data="tableList"
         :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+        @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection"
                          width="55"
@@ -831,6 +834,7 @@ export default {
         if (res.code == 200) {
           this.tableList = res.data.rows;
           this.rules.total = res.data.total;
+
         }
       });
 
@@ -1175,6 +1179,22 @@ export default {
         },
       };
     },
+    transCourse(){
+      if (this.activeCourseList.length < 1) {
+        this.$message.error("请至少选择一节课");
+        return;
+      }
+      let arr = [];
+      this.activeCourseList.forEach(item=>{
+        arr.push(item.courseScheduleType)
+      })
+      arr = [...new Set(arr)]
+      if(arr.length > 1){
+        this.$message.error("请选择同一种课程类型");
+        return;
+      }
+
+    }
   },
   filters: {
     studentCallName: (value) => {

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

@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <el-dialog title="课程转化" width="800px" :visible.sync="transVisible">
+      <el-table :data="tableList" v-if="transVisible">
+        <el-table-column
+          align="center"
+          property="userName"
+          label="学员姓名"
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          property="phone"
+          label="手机号"
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          property="subjectName"
+          label="学员声部"
+        ></el-table-column>
+      </el-table>
+      <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>
+export default {
+  data() {
+    return {
+      tableList:[],
+      transVisible:false,
+      rules: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+    };
+  },
+  mounted(){},
+  methods:{
+    openDialog(){
+      this.transVisible = true
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+</style>>