|
@@ -10,6 +10,14 @@
|
|
|
@reset="onReSet"
|
|
|
>
|
|
|
<el-form-item>
|
|
|
+ <el-input
|
|
|
+ placeholder="课程编号/课程名称"
|
|
|
+ @keyup.enter.native="search"
|
|
|
+ v-model.trim="searchForm.search"
|
|
|
+ clearable
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
<el-date-picker
|
|
|
style="width: 400px"
|
|
|
v-model.trim="searchForm.courseDate"
|
|
@@ -40,14 +48,6 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-input
|
|
|
- placeholder="课程名称"
|
|
|
- @keyup.enter.native="search"
|
|
|
- v-model.trim="searchForm.classGroupName"
|
|
|
- clearable
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
<el-select
|
|
|
v-model.trim="searchForm.signInStatus"
|
|
|
filterable
|
|
@@ -106,33 +106,66 @@
|
|
|
</copy-text>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" prop="name" label="课程名称">
|
|
|
+ <el-table-column align="center" label="课程名称">
|
|
|
<template slot-scope="scope">
|
|
|
<copy-text>
|
|
|
- {{ scope.row.name }}
|
|
|
+ {{ scope.row.courseScheduleName }}
|
|
|
</copy-text>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="上课时间" width="150">
|
|
|
- <template slot-scope="scope"
|
|
|
+ <el-table-column align="center" label="上课日期" prop="classDate" width="150">
|
|
|
+ <!-- <template slot-scope="scope"
|
|
|
>{{ scope.row.classDate }}
|
|
|
{{ scope.row.startClassTime.substring(0, 5) }}</template
|
|
|
- >
|
|
|
+ > -->
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="下课时间" width="150">
|
|
|
- <template slot-scope="scope"
|
|
|
- >{{ scope.row.classDate }}
|
|
|
- {{ scope.row.endClassTime.substring(0, 5) }}</template
|
|
|
- >
|
|
|
+ <el-table-column align="center" label="上课时间" width="150">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <!-- {{ scope.row.classDate }}
|
|
|
+ {{ scope.row.endClassTime.substring(0, 5) }} -->
|
|
|
+ {{ scope.row.startClassTime + "-" + scope.row.endClassTime }}
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="课程类型">
|
|
|
<template slot-scope="scope">{{
|
|
|
- scope.row.type | coursesType
|
|
|
+ scope.row.courseScheduleType | coursesType
|
|
|
}}</template>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
+ <el-table-column align="center" label="签到时间">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div>
|
|
|
+ {{ scope.row.signInTime }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column align="center" label="签到状态">
|
|
|
<template slot-scope="scope">
|
|
|
+ <div v-if="scope.row.courseScheduleStatus != 'NOT_START'">
|
|
|
+ {{ scope.row.signInStatus | attendanceType }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ prop="startClassTime"
|
|
|
+ label="签退时间"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div>
|
|
|
+ {{ scope.row.signOutTime }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" label="签退状态">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div v-if="scope.row.courseScheduleStatus != 'NOT_START'">
|
|
|
+ {{ scope.row.signOutStatus | attendanceOutType }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <!-- <el-table-column align="center" label="签到状态">
|
|
|
+ <template slot-scope="scope">
|
|
|
<div v-if="scope.row.courseStatus != 'NOT_START'">{{
|
|
|
scope.row.signInStatus | attendanceType
|
|
|
}}</div>
|
|
@@ -144,7 +177,7 @@
|
|
|
scope.row.signOutStatus | attendanceOutType
|
|
|
}}</div>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
+ </el-table-column> -->
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
prop="remark"
|
|
@@ -165,11 +198,12 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { getTeacherPersonalAttendances } from "@/api/teacherManager";
|
|
|
+import { queryTeacherAttendances } from "@/api/recodeManager";
|
|
|
import pagination from "@/components/Pagination/index";
|
|
|
import store from "@/store";
|
|
|
import { courseType, attendance } from "@/utils/searchArray";
|
|
|
import { getTimes } from "@/utils";
|
|
|
+import cleanDeep from 'clean-deep'
|
|
|
export default {
|
|
|
name: "teacherRecord",
|
|
|
components: {
|
|
@@ -183,7 +217,7 @@ export default {
|
|
|
searchForm: {
|
|
|
courseStartDate: null,
|
|
|
courseEndDate: null,
|
|
|
- classGroupName: null,
|
|
|
+ search: null,
|
|
|
courseScheduleType: null,
|
|
|
signInStatus: null,
|
|
|
signOutStatus: null,
|
|
@@ -224,7 +258,7 @@ export default {
|
|
|
// let params = this.searchForm;
|
|
|
// params.rows = this.pageInfo.limit;
|
|
|
// (params.page = this.pageInfo.page), (params.teacherId = this.teacherId);
|
|
|
- getTeacherPersonalAttendances(params).then((res) => {
|
|
|
+ queryTeacherAttendances(cleanDeep(params)).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
this.tableList = res.data.rows;
|
|
|
this.pageInfo.total = res.data.total;
|
|
@@ -245,7 +279,7 @@ export default {
|
|
|
this.searchForm = {
|
|
|
courseStartDate: null,
|
|
|
courseEndDate: null,
|
|
|
- classGroupName: null,
|
|
|
+ search: null,
|
|
|
courseScheduleType: null,
|
|
|
signInStatus: null,
|
|
|
signOutStatus: null
|