From db7b0541b3fbecaeda7b44129b7af3215296ec6d Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期三, 06 十一月 2024 13:55:27 +0800 Subject: [PATCH] 修改 --- src/views/onlineEducation/learnRecord/index.vue | 40 ++++++++++++++++++++++++++-------------- 1 files changed, 26 insertions(+), 14 deletions(-) diff --git a/src/views/onlineEducation/learnRecord/index.vue b/src/views/onlineEducation/learnRecord/index.vue index 2280bc9..23d7d25 100644 --- a/src/views/onlineEducation/learnRecord/index.vue +++ b/src/views/onlineEducation/learnRecord/index.vue @@ -1,6 +1,11 @@ <template> <div class="app-container"> - <el-table v-loading="loading" :data="expertList"> + <el-radio-group v-model="queryParams.status" style="margin-bottom: 10px;" @change="changeTimeStatus"> + <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> + <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="institutionName" /> @@ -46,6 +51,7 @@ components: { detailDialog}, data() { return { + loading: false, single: true, multiple: true, @@ -56,25 +62,16 @@ expertList: [], queryParams: { pageNum: 1, - pageSize: 10 + pageSize: 10, + status: 0, }, }; }, created() { - if(Cookies.get('learnRecord')){ - - }else{ - this.getList({}); - } - + this.getList(); }, methods: { - getList(data){ - console.log('data',data) - if(data){ - this.queryParams.idcard = data.idcard - this.expertList = [] - } + getList(){ this.loading = true; listRecord( this.queryParams).then((res) => { if (res.code == 200) { @@ -83,6 +80,15 @@ this.loading = false; } }) + }, + changeTimeStatus(val) { + this.getList() + }, + tableAddClass({ row, rowIndex }) { + if (row.difference < row.duration) { + return "tr-red"; + } + return ""; }, handleChange(){ @@ -99,3 +105,9 @@ } }; </script> + +<style scoped> +.app-container /deep/ .el-table .tr-red { + color: red !important; +} +</style> -- Gitblit v1.9.2