|  | @@ -1,17 +1,17 @@
 | 
	
		
			
				|  |  |  <template>
 | 
	
		
			
				|  |  |    <div>
 | 
	
		
			
				|  |  |      <el-form :inline="true">
 | 
	
		
			
				|  |  | -      <el-form-item>
 | 
	
		
			
				|  |  | +      <!-- <el-form-item>
 | 
	
		
			
				|  |  |          <div class="newBand"
 | 
	
		
			
				|  |  |               @click="gotoPlan">新增</div>
 | 
	
		
			
				|  |  | -      </el-form-item>
 | 
	
		
			
				|  |  | -      <el-form-item label="选择合奏班">
 | 
	
		
			
				|  |  | -        <el-select v-model.trim="chioseMix"
 | 
	
		
			
				|  |  | +      </el-form-item> -->
 | 
	
		
			
				|  |  | +      <el-form-item label="课程类型">
 | 
	
		
			
				|  |  | +        <el-select v-model.trim="classScheduleType"
 | 
	
		
			
				|  |  |                     @change="chioseList">
 | 
	
		
			
				|  |  | -          <el-option v-for='(item,index) in maxClassList'
 | 
	
		
			
				|  |  | +          <el-option v-for='(item,index) in courseType'
 | 
	
		
			
				|  |  |                       :key="index"
 | 
	
		
			
				|  |  | -                     :value="item.id"
 | 
	
		
			
				|  |  | -                     :label="item.name"></el-option>
 | 
	
		
			
				|  |  | +                     :value="item.value"
 | 
	
		
			
				|  |  | +                     :label="item.label"></el-option>
 | 
	
		
			
				|  |  |          </el-select>
 | 
	
		
			
				|  |  |        </el-form-item>
 | 
	
		
			
				|  |  |        <el-form-item>
 | 
	
	
		
			
				|  | @@ -31,13 +31,22 @@
 | 
	
		
			
				|  |  |            </div>
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  | +      <el-table-column label="上课时间"
 | 
	
		
			
				|  |  | +                       align="center"
 | 
	
		
			
				|  |  | +                       width="180">
 | 
	
		
			
				|  |  | +        <template slot-scope="scope">
 | 
	
		
			
				|  |  | +          <div>
 | 
	
		
			
				|  |  | +            {{ scope.row.startClassTimeStr+ '-'+ scope.row.endClassTimeStr}}
 | 
	
		
			
				|  |  | +          </div>
 | 
	
		
			
				|  |  | +        </template>
 | 
	
		
			
				|  |  | +      </el-table-column>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  |        <el-table-column label="课程类型"
 | 
	
		
			
				|  |  |                         align="center"
 | 
	
		
			
				|  |  |                         width="180">
 | 
	
		
			
				|  |  |          <template slot-scope="scope">
 | 
	
		
			
				|  |  |            <div>
 | 
	
		
			
				|  |  | -            {{scope.row.type |coursesType }}
 | 
	
		
			
				|  |  | +            {{scope.row.courseScheduleType |coursesType }}
 | 
	
		
			
				|  |  |            </div>
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
	
		
			
				|  | @@ -45,11 +54,11 @@
 | 
	
		
			
				|  |  |                         align="center"
 | 
	
		
			
				|  |  |                         label="班级名称">
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column prop="name"
 | 
	
		
			
				|  |  | +      <!-- <el-table-column prop="classGroupName"
 | 
	
		
			
				|  |  |                         align="center"
 | 
	
		
			
				|  |  |                         label="课程名称">
 | 
	
		
			
				|  |  | -      </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column label="上课时间"
 | 
	
		
			
				|  |  | +      </el-table-column> -->
 | 
	
		
			
				|  |  | +      <!-- <el-table-column label="上课时间"
 | 
	
		
			
				|  |  |                         align="left"
 | 
	
		
			
				|  |  |                         width="180">
 | 
	
		
			
				|  |  |          <template slot-scope="scope">
 | 
	
	
		
			
				|  | @@ -57,10 +66,18 @@
 | 
	
		
			
				|  |  |              {{ scope.row.startClassTimeStr+ '-'+ scope.row.endClassTimeStr}}
 | 
	
		
			
				|  |  |            </div>
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  | +      </el-table-column> -->
 | 
	
		
			
				|  |  | +      <el-table-column>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  |        <el-table-column>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |      </el-table>
 | 
	
		
			
				|  |  | +    <pagination :total="rules.total"
 | 
	
		
			
				|  |  | +                :page.sync="rules.page"
 | 
	
		
			
				|  |  | +                :limit.sync="rules.limit"
 | 
	
		
			
				|  |  | +                :page-sizes="rules.page_size"
 | 
	
		
			
				|  |  | +                @pagination="getList" />
 | 
	
		
			
				|  |  |      <div class="btnWrap">
 | 
	
		
			
				|  |  |        <div class="setBtn"
 | 
	
		
			
				|  |  |             @click="gotoNext">下一步</div>
 | 
	
	
		
			
				|  | @@ -68,7 +85,8 @@
 | 
	
		
			
				|  |  |    </div>
 | 
	
		
			
				|  |  |  </template>
 | 
	
		
			
				|  |  |  <script>
 | 
	
		
			
				|  |  | -import { getAllClass, getClassCOurse, deteleAllCourse } from '@/api/buildTeam'
 | 
	
		
			
				|  |  | +import { deteleAllCourse, getCourseSchedule } from '@/api/buildTeam'
 | 
	
		
			
				|  |  | +import pagination from "@/components/Pagination/index";
 | 
	
		
			
				|  |  |  export default {
 | 
	
		
			
				|  |  |    name: 'lookCourse',
 | 
	
		
			
				|  |  |    props: {
 | 
	
	
		
			
				|  | @@ -77,12 +95,30 @@ export default {
 | 
	
		
			
				|  |  |        required: true
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  | +  components: { pagination },
 | 
	
		
			
				|  |  |    data () {
 | 
	
		
			
				|  |  |      return {
 | 
	
		
			
				|  |  |        teamid: '',
 | 
	
		
			
				|  |  |        maxClassList: [],
 | 
	
		
			
				|  |  | -      chioseMix: '',
 | 
	
		
			
				|  |  | -      tableList: []
 | 
	
		
			
				|  |  | +      classScheduleType: null,
 | 
	
		
			
				|  |  | +      tableList: [],
 | 
	
		
			
				|  |  | +      courseType: [
 | 
	
		
			
				|  |  | +        { label: "单技课", value: "SINGLE" },
 | 
	
		
			
				|  |  | +        { label: "合奏课", value: "MIX" },
 | 
	
		
			
				|  |  | +        { label: "基础技能课", value: "HIGH" },
 | 
	
		
			
				|  |  | +        { label: "基础技能课(线上)", value: "HIGH_ONLINE" },
 | 
	
		
			
				|  |  | +        { label: "综合课", value: "COMPREHENSIVE" },
 | 
	
		
			
				|  |  | +        { label: "集训单技课", value: "TRAINING_SINGLE" },
 | 
	
		
			
				|  |  | +        { label: "集训合奏课", value: "TRAINING_MIX" },
 | 
	
		
			
				|  |  | +        { label: "课堂课", value: "CLASSROOM" },
 | 
	
		
			
				|  |  | +      ],
 | 
	
		
			
				|  |  | +      rules: {
 | 
	
		
			
				|  |  | +        // 分页规则
 | 
	
		
			
				|  |  | +        limit: 10, // 限制显示条数
 | 
	
		
			
				|  |  | +        page: 1, // 当前页
 | 
	
		
			
				|  |  | +        total: 0, // 总条数
 | 
	
		
			
				|  |  | +        page_size: [10, 20, 40, 50] // 选择限制显示条数
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |    }, mounted () {
 | 
	
		
			
				|  |  |      this.init()
 | 
	
	
		
			
				|  | @@ -94,16 +130,14 @@ export default {
 | 
	
		
			
				|  |  |        sessionStorage.setItem('setStep', 2)
 | 
	
		
			
				|  |  |        sessionStorage.setItem('resetCode', 4)
 | 
	
		
			
				|  |  |        this.teamid = this.$route.query.id;
 | 
	
		
			
				|  |  | -      getAllClass({ musicGroupId: this.teamid }).then(res => {
 | 
	
		
			
				|  |  | -        if (res.code == 200 && res.data.length > 0) {
 | 
	
		
			
				|  |  | -          this.maxClassList = res.data;
 | 
	
		
			
				|  |  | -          this.chioseMix = this.maxClassList[0].id;
 | 
	
		
			
				|  |  | -          // 发请求获取数据
 | 
	
		
			
				|  |  | -          getClassCOurse({ classGroupId: this.chioseMix }).then(res => {
 | 
	
		
			
				|  |  | -            if (res.code == 200) {
 | 
	
		
			
				|  |  | -              this.tableList = res.data;
 | 
	
		
			
				|  |  | -            }
 | 
	
		
			
				|  |  | -          })
 | 
	
		
			
				|  |  | +      this.getList()
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    getList () {
 | 
	
		
			
				|  |  | +      // musicGroupId: this.teamid,
 | 
	
		
			
				|  |  | +      getCourseSchedule({ classScheduleType: this.classScheduleType, musicGroupId: this.teamid, rows: this.rules.limit }).then(res => {
 | 
	
		
			
				|  |  | +        if (res.code == 200) {
 | 
	
		
			
				|  |  | +          this.tableList = res.data.rows;
 | 
	
		
			
				|  |  | +          this.rules.total = res.data.total;
 | 
	
		
			
				|  |  |          }
 | 
	
		
			
				|  |  |        })
 | 
	
		
			
				|  |  |      },
 | 
	
	
		
			
				|  | @@ -125,11 +159,8 @@ export default {
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      chioseList (val) {
 | 
	
		
			
				|  |  | -      getClassCOurse({ classGroupId: val }).then(res => {
 | 
	
		
			
				|  |  | -        if (res.code == 200) {
 | 
	
		
			
				|  |  | -          this.tableList = res.data;
 | 
	
		
			
				|  |  | -        }
 | 
	
		
			
				|  |  | -      })
 | 
	
		
			
				|  |  | +      this.classScheduleType = val;
 | 
	
		
			
				|  |  | +      this.getList();
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      // 删除乐团所有未上课程
 | 
	
		
			
				|  |  |      removeAllCourse () {
 | 
	
	
		
			
				|  | @@ -137,7 +168,7 @@ export default {
 | 
	
		
			
				|  |  |          this.$message.error('课酬确认后无法编辑')
 | 
	
		
			
				|  |  |          return;
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  | -      this.$confirm('是否清除课程?', '提示', {
 | 
	
		
			
				|  |  | +      this.$confirm('是否清除所有课程?', '提示', {
 | 
	
		
			
				|  |  |          confirmButtonText: '确定',
 | 
	
		
			
				|  |  |          cancelButtonText: '取消',
 | 
	
		
			
				|  |  |          type: 'warning'
 | 
	
	
		
			
				|  | @@ -145,7 +176,7 @@ export default {
 | 
	
		
			
				|  |  |          deteleAllCourse({ musicGroupId: this.teamid }).then(res => {
 | 
	
		
			
				|  |  |            if (res.code == 200) {
 | 
	
		
			
				|  |  |              this.$message.success('删除成功');
 | 
	
		
			
				|  |  | -            this.chioseList(this.maxClassList[0].id)
 | 
	
		
			
				|  |  | +            this.getList();
 | 
	
		
			
				|  |  |            }
 | 
	
		
			
				|  |  |          })
 | 
	
		
			
				|  |  |  
 |