|
@@ -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();
|
|
|
}
|
|
|
})
|
|
|
|