From 6c25d32b5232e0b1c06916951f24b1b3a6a50ee1 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期五, 08 十一月 2024 10:13:28 +0800 Subject: [PATCH] 修改 --- src/views/onlineEducation/learnRecord/components/detailDialog.vue | 14 ++++++++++++-- 1 files changed, 12 insertions(+), 2 deletions(-) diff --git a/src/views/onlineEducation/learnRecord/components/detailDialog.vue b/src/views/onlineEducation/learnRecord/components/detailDialog.vue index 479aeac..6584be3 100644 --- a/src/views/onlineEducation/learnRecord/components/detailDialog.vue +++ b/src/views/onlineEducation/learnRecord/components/detailDialog.vue @@ -37,7 +37,8 @@ </div> <el-table :data="tableData" - style="width: 80%;margin-left: 50px"> + style="width: 80%;margin-left: 50px" + :cell-style="tableAddClass"> <el-table-column prop="durationDesc" label="学习时长" align="center"> @@ -163,7 +164,9 @@ finishTime: data.finishTime, finishPositionDesc: data.finishPositionDesc, startPositionDesc: data.startPositionDesc, - differenceDesc: data.differenceDesc + differenceDesc: data.differenceDesc, + duration: data.duration, + difference: data.difference }) // this.tableData.forEach(item => { // item.timeDiff = this.getTimeDifferenceInSeconds(item.startTime,item.finishTime) @@ -201,6 +204,13 @@ this.dialogVisible = false; this.$emit("getList"); }, + tableAddClass({ row, column,rowIndex, columnIndex }) { + console.log('1',columnIndex) + if (row.difference < row.duration && columnIndex === 5) { + return { color:' red' } + } + return ""; + }, } } -- Gitblit v1.9.2