|
@@ -9,6 +9,43 @@
|
|
<div class='m-core'>
|
|
<div class='m-core'>
|
|
<!-- <div class="searchBtn">导出</div> -->
|
|
<!-- <div class="searchBtn">导出</div> -->
|
|
<!-- table -->
|
|
<!-- table -->
|
|
|
|
+ <el-form :inline="true"
|
|
|
|
+ :model="searchForm">
|
|
|
|
+ <el-form-item label='开课时间'>
|
|
|
|
+ <el-date-picker v-model="searchForm.times"
|
|
|
|
+ type="datetimerange"
|
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
|
+ format="yyyy-MM-dd"
|
|
|
|
+ range-separator="至"
|
|
|
|
+ start-placeholder="开始日期"
|
|
|
|
+ end-placeholder="结束日期">
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label='课程名称'>
|
|
|
|
+ <el-input v-model="searchForm.courseName"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label='学生名字'>
|
|
|
|
+ <el-input v-model="searchForm.studentName"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label='签到'>
|
|
|
|
+ <el-select v-model="searchForm.sign">
|
|
|
|
+ <el-option label="正常"
|
|
|
|
+ value="NORMAL"></el-option>
|
|
|
|
+ <el-option label="旷课"
|
|
|
|
+ value="TRUANT"></el-option>
|
|
|
|
+ <el-option label="请假"
|
|
|
|
+ value="LEAVE"></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item>
|
|
|
|
+ <el-button type="danger"
|
|
|
|
+ @click="search">搜索</el-button>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item>
|
|
|
|
+ <el-button type="primary"
|
|
|
|
+ @click="reset">重置</el-button>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
<div class="tableList">
|
|
<div class="tableList">
|
|
<el-table :data='tableList'>
|
|
<el-table :data='tableList'>
|
|
<el-table-column align='center'
|
|
<el-table-column align='center'
|
|
@@ -60,6 +97,13 @@ export default {
|
|
total: 0, // 总条数
|
|
total: 0, // 总条数
|
|
page_size: [10, 20, 40, 50] // 选择限制显示条数
|
|
page_size: [10, 20, 40, 50] // 选择限制显示条数
|
|
},
|
|
},
|
|
|
|
+ searchForm: {
|
|
|
|
+ times: [],
|
|
|
|
+ courseName: '',
|
|
|
|
+ studentName: '',
|
|
|
|
+ sign: ''
|
|
|
|
+ },
|
|
|
|
+
|
|
teamid: ''
|
|
teamid: ''
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -70,6 +114,20 @@ export default {
|
|
this.getList()
|
|
this.getList()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ search () {
|
|
|
|
+ this.rules.page = 1;
|
|
|
|
+ this.getList()
|
|
|
|
+ },
|
|
|
|
+ reset () {
|
|
|
|
+ this.searchForm = {
|
|
|
|
+ times: [],
|
|
|
|
+ courseName: '',
|
|
|
|
+ studentName: '',
|
|
|
|
+ sign: ''
|
|
|
|
+ }
|
|
|
|
+ this.rules.page = 1;
|
|
|
|
+ this.getList()
|
|
|
|
+ },
|
|
onCancel () {
|
|
onCancel () {
|
|
// history.go(-1)
|
|
// history.go(-1)
|
|
let params = this.$route.query
|
|
let params = this.$route.query
|
|
@@ -85,7 +143,17 @@ export default {
|
|
},
|
|
},
|
|
getList () {
|
|
getList () {
|
|
// console.log(111);
|
|
// console.log(111);
|
|
- getStudentRecord({ search: this.teamid }).then(res => {
|
|
|
|
|
|
+ if (!this.searchForm.times) {
|
|
|
|
+ this.searchForm.times = []
|
|
|
|
+ }
|
|
|
|
+ let startTime = this.searchForm.times[0] || null
|
|
|
|
+ let endTime = this.searchForm.times[1] || null
|
|
|
|
+ let courseScheduleName = this.searchForm.courseName || null
|
|
|
|
+ let userName = this.searchForm.studentName || null
|
|
|
|
+ let signStatus = this.searchForm.sign || null
|
|
|
|
+ console.log(signStatus)
|
|
|
|
+ let musicGroupId = this.teamid
|
|
|
|
+ getStudentRecord({ musicGroupId, page: this.rules.page, rows: this.rules.limit, startTime, endTime, courseScheduleName, userName, signStatus }).then(res => {
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
this.tableList = res.data.rows;
|
|
this.tableList = res.data.rows;
|
|
this.rules.total = res.data.total;
|
|
this.rules.total = res.data.total;
|