From db905ecd14f63dba9337b4f4715584ef2d7e8c7e Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Fri, 07 Mar 2025 14:45:00 +0800
Subject: [PATCH] 修改
---
src/views/onlineEducation/learnRecord/index.vue | 162 +++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 118 insertions(+), 44 deletions(-)
diff --git a/src/views/onlineEducation/learnRecord/index.vue b/src/views/onlineEducation/learnRecord/index.vue
index 51d616d..c998cc2 100644
--- a/src/views/onlineEducation/learnRecord/index.vue
+++ b/src/views/onlineEducation/learnRecord/index.vue
@@ -1,15 +1,63 @@
<template>
<div class="app-container">
- <el-table v-loading="loading" :data="expertList">
+ <el-radio-group v-model="queryParams.status" @change="changeTimeStatus" style="margin-bottom: 10px">
+ <el-radio-button label="0">全部</el-radio-button>
+ <el-radio-button label="2">异常记录</el-radio-button>
+ <el-radio-button label="1">正常记录</el-radio-button>
+ </el-radio-group>
+ <div style="margin-bottom: 10px">
+ <el-select v-model="queryParams.institutionId" placeholder="请选择平台" style="margin-right: 10px">
+ <el-option
+ v-for="item in platformList"
+ :key="item.id"
+ :label="item.institutionalName"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ <el-input
+ v-model="queryParams.idcard"
+ placeholder="请输入身份证号"
+ clearable
+ style="width: 300px;margin-right: 10px"
+ />
+ <el-date-picker
+ v-model="dateValue"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ type="datetimerange"
+ range-separator="-"
+ start-placeholder="开始日期"
+ end-placeholder="结束日期"
+ style="width: 380px"
+ ></el-date-picker>
+ <el-button
+ size="small"
+ type="primary"
+ style="margin-bottom: 10px;margin-left: 20px"
+ @click="handleQuery()"
+ >查询
+ </el-button>
+ <el-button
+ size="small"
+ type="primary"
+ style="margin-bottom: 10px"
+ @click="resetQuery()"
+ >重置
+ </el-button>
+ </div>
+ <el-table v-loading="loading" :data="expertList" :row-class-name="tableAddClass">
<el-table-column label="记录编号" align="center" prop="id" />
- <el-table-column label="身份证号" align="center" prop="idCard" :show-overflow-tooltip="true" />
- <el-table-column label="上报平台" align="center" prop="platformName" />
- <el-table-column label="所属培训机构" align="center" prop="trainingInstitution" />
- <el-table-column label="班级批次" align="center" prop="classBatch" />
- <el-table-column label="课程" align="center" prop="course" />
- <el-table-column label="章节" align="center" prop="chapter" />
- <el-table-column label="学习时长" align="center" prop="learningTime" />
- <el-table-column label="是否彻底完成" align="center" prop="isComplete" />
+ <el-table-column label="身份证号" align="center" prop="idcard" :show-overflow-tooltip="true" />
+ <el-table-column label="上报平台" align="center" prop="institutionName" />
+ <el-table-column label="所属培训机构" align="center" prop="trainOrgName" />
+ <el-table-column label="班级批次" align="center" prop="batchName" />
+ <el-table-column label="课程" align="center" prop="courseName" />
+ <el-table-column label="章节" align="center" prop="chapterName" />
+ <el-table-column label="学习时长" align="center" prop="durationDesc" />
+ <el-table-column label="是否彻底完成" align="center" prop="finishStatus" >
+ <template #default="scope">
+ {{scope.row.finishStatus == 0 ? '未完成' : '已完成' }}
+ </template>
+ </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button
@@ -24,7 +72,7 @@
<pagination
v-show="total>0"
:total="total"
- :page.sync="queryParams.pageIndex"
+ :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
@@ -33,7 +81,10 @@
</template>
<script>
-import detailDialog from '@/views/onlineEducation/examManage/components/detailDialog.vue'
+import detailDialog from './components/detailDialog.vue'
+import { listRecord, listStudent } from '@/api/onlineEducation/student'
+import Cookies from 'js-cookie'
+import {listPlatSelect} from "@/api/onlineEducation/plat";
export default {
name: "nPeopleManage",
dicts: [],
@@ -48,54 +99,71 @@
total: 0,
expertTypes: [],
expertList: [],
+ platformList: [],
+ dateValue: [],
queryParams: {
- pageIndex: 1,
- pageSize: 10
+ pageNum: 1,
+ pageSize: 10,
+ status: 0,
+ institutionId: null,
+ idcard: '',
+ startTime: '',
+ endTime: ''
},
};
},
created() {
- this.getList();
+ this.getList()
+ this.getPlat()
},
methods: {
getList(){
- this.loading = true;
- this.expertList = [
- {
- id: '2024060600001',
- idCard: '321154874512225541',
- platformName:'测试数据1',
- trainingInstitution:'测试机构1',
- classBatch: '批次1',
- course:'测试课程1',
- chapter:'测试章节1',
- learningTime:'2h',
- isComplete: '是'
- },
- {
- id: '2024060600002',
- idCard: '321154874512441141',
- platformName:'测试数据2',
- trainingInstitution:'测试机构2',
- classBatch: '批次2',
- course:'测试课程2',
- chapter:'测试章节2',
- learningTime:'2h',
- isComplete: '否'
- },
- ]
- this.total = 2
- this.loading = false;
-
+ this.loading = true
+ this.queryParams.startTime = this.dateValue[0]?this.dateValue[0]:''
+ this.queryParams.endTime = this.dateValue[1]?this.dateValue[1]:''
+ listRecord( this.queryParams).then((res) => {
+ if (res.code == 200) {
+ this.expertList = res.rows
+ this.total = res.total
+ this.loading = false
+ }
+ })
+ },
+ getPlat() {
+ listPlatSelect().then((res) => {
+ if (res.code == 200) {
+ this.platformList = res.data
+ }
+ })
+ },
+ changeTimeStatus(val) {
+ this.getList()
+ },
+ tableAddClass({ row, rowIndex }) {
+ if (row.difference < row.duration) {
+ return "tr-red";
+ }
+ return "";
},
handleChange(){
},
handleQuery(){
-
+ this.queryParams.pageNum = 1
+ this.getList();
},
resetQuery(){
-
+ this.queryParams = {
+ pageNum: 1,
+ pageSize: 10,
+ status: 0,
+ institutionId: null,
+ idcard: '',
+ startTime: '',
+ endTime: ''
+ }
+ this.dateValue = []
+ this.getList()
},
handleView(data){
this.$refs.detailDialogRef.openDialog(data);
@@ -103,3 +171,9 @@
}
};
</script>
+
+<style scoped>
+.app-container /deep/ .el-table .tr-red {
+ color: red !important;
+}
+</style>
--
Gitblit v1.9.2