|
@@ -6,16 +6,17 @@
|
|
|
<div class="m-core">
|
|
|
<!-- 搜索类型 -->
|
|
|
<el-form :inline="true"
|
|
|
- class="searchForm"
|
|
|
- v-model="searchForm">
|
|
|
+ class="searchForm"
|
|
|
+ v-model="searchForm">
|
|
|
<el-form-item>
|
|
|
- <el-input v-model="searchForm.search" placeholder="乐团名或VIP课名" />
|
|
|
+ <el-input v-model="searchForm.search"
|
|
|
+ placeholder="乐团名或VIP课名" />
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-select v-model="searchForm.teacherIdList"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- placeholder="请选择老师">
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="请选择老师">
|
|
|
<el-option v-for="(item, index) in teacherList"
|
|
|
:key="index"
|
|
|
:value="item.id"
|
|
@@ -36,23 +37,26 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-select v-model="searchForm.courseType"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- placeholder="课程类型">
|
|
|
- <el-option v-for="(item, index) in courseType" :key="index" :value="item.value" :label="item.label"></el-option>
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="课程类型">
|
|
|
+ <el-option v-for="(item, index) in courseType"
|
|
|
+ :key="index"
|
|
|
+ :value="item.value"
|
|
|
+ :label="item.label"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-select v-model="searchForm.courseStatus"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- placeholder="课程状态">
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="课程状态">
|
|
|
<el-option label="未开始"
|
|
|
- value="NOT_START"></el-option>
|
|
|
+ value="NOT_START"></el-option>
|
|
|
<el-option label="进行中"
|
|
|
- value="UNDERWAY"></el-option>
|
|
|
+ value="UNDERWAY"></el-option>
|
|
|
<el-option label="已结束"
|
|
|
- value="OVER"></el-option>
|
|
|
+ value="OVER"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
@@ -67,7 +71,7 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<div class='searchBtn'
|
|
|
- @click="search">搜索</div>
|
|
|
+ @click="search">搜索</div>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div class="btnWraps">
|
|
@@ -76,27 +80,27 @@
|
|
|
<div class="tableWrap">
|
|
|
<el-table :data='tableList'
|
|
|
:header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
- <!-- <el-table-column align='center'
|
|
|
- prop="organName"
|
|
|
- label="所属分部">
|
|
|
- </el-table-column> -->
|
|
|
<el-table-column align='center'
|
|
|
- width="200px"
|
|
|
- label="时间">
|
|
|
+ prop="id"
|
|
|
+ label="课程编号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align='center'
|
|
|
+ width="200px"
|
|
|
+ label="时间">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row.startClassTime ? scope.row.startClassTime.substr(0, 16) : '' }}-{{ scope.row.endClassTime ? scope.row.endClassTime.substr(11,5) : ''}}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- prop="classGroupName"
|
|
|
- label="班级名称">
|
|
|
+ prop="classGroupName"
|
|
|
+ label="班级名称">
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- prop="name"
|
|
|
- label="课程名称">
|
|
|
+ prop="name"
|
|
|
+ label="课程名称">
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- label="课程类型">
|
|
|
+ label="课程类型">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
{{ scope.row.type | coursesType}}
|
|
@@ -104,7 +108,7 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- label="教学模式">
|
|
|
+ label="教学模式">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
{{ scope.row.teachMode | teachMode}}
|
|
@@ -112,12 +116,12 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- prop="schoolName"
|
|
|
- label="教学点">
|
|
|
+ prop="schoolName"
|
|
|
+ label="教学点">
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- prop="courseScheduleStatus"
|
|
|
- label="课程状态">
|
|
|
+ prop="courseScheduleStatus"
|
|
|
+ label="课程状态">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
{{ scope.row.status | coursesStatus }}
|
|
@@ -125,7 +129,7 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- label="是否签到">
|
|
|
+ label="是否签到">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
{{ scope.row.isSignIn | attendanceType}}
|
|
@@ -133,7 +137,7 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- label="是否签退">
|
|
|
+ label="是否签退">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
{{ scope.row.isSignOut | attendanceOutType}}
|
|
@@ -141,17 +145,17 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- prop="isCallNames"
|
|
|
- label="是否点名">
|
|
|
+ prop="isCallNames"
|
|
|
+ label="是否点名">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row.isCallNames ? '是' : '否' }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align='center'
|
|
|
- prop="teacherName"
|
|
|
- label="指导老师">
|
|
|
+ prop="teacherName"
|
|
|
+ label="指导老师">
|
|
|
</el-table-column>
|
|
|
-
|
|
|
+
|
|
|
<!-- <el-table-column align='center'
|
|
|
prop="subTeacherName"
|
|
|
label="助教老师">
|
|
@@ -164,7 +168,7 @@
|
|
|
@pagination="getList" />
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -181,8 +185,8 @@ export default {
|
|
|
courseType: courseType,
|
|
|
searchForm: {
|
|
|
organIdList: null,
|
|
|
- courseStatus: null,
|
|
|
- courseType: null,
|
|
|
+ courseStatus: null,
|
|
|
+ courseType: null,
|
|
|
timer: [nowTime, nowTime], // 时间
|
|
|
class: null,
|
|
|
search: null, // 乐团名称 编号 vip课名称
|
|
@@ -206,27 +210,11 @@ export default {
|
|
|
components: {
|
|
|
pagination
|
|
|
},
|
|
|
+ activated () {
|
|
|
+ this.init();
|
|
|
+ },
|
|
|
mounted () {
|
|
|
- this.getList();
|
|
|
- // 获取所有老师
|
|
|
- getTeacher().then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.teacherList = res.data;
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- // 获取班级列表
|
|
|
- // getMusicGroupAllClass().then(res => {
|
|
|
- // if (res.code == 200) {
|
|
|
- // this.classList = res.data;
|
|
|
- // }
|
|
|
- // })
|
|
|
-
|
|
|
- getEmployeeOrgan().then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.organList = res.data;
|
|
|
- }
|
|
|
- })
|
|
|
+ this.init();
|
|
|
},
|
|
|
methods: {
|
|
|
/**
|
|
@@ -235,6 +223,28 @@ export default {
|
|
|
timer:[] // 时间
|
|
|
*
|
|
|
*/
|
|
|
+ init () {
|
|
|
+ this.getList();
|
|
|
+ // 获取所有老师
|
|
|
+ getTeacher().then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.teacherList = res.data;
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ // 获取班级列表
|
|
|
+ // getMusicGroupAllClass().then(res => {
|
|
|
+ // if (res.code == 200) {
|
|
|
+ // this.classList = res.data;
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+
|
|
|
+ getEmployeeOrgan().then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.organList = res.data;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
search () {
|
|
|
this.rules.page = 1;
|
|
|
this.getList();
|