| | |
| | | </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"> |
| | |
| | | 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) |
| | |
| | | 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 ""; |
| | | }, |
| | | } |
| | | } |
| | | |