From ff1f734e5f37cdd004f6c8bf88a2917737e1ff08 Mon Sep 17 00:00:00 2001 From: hyingbo <1363390067@qq.com> Date: 星期四, 11 九月 2025 11:10:56 +0800 Subject: [PATCH] 故障报修列表超期标记红色 --- src/views/eam/repair/EamReportRepairList.vue | 27 ++++++++++++++++++++++++++- 1 files changed, 26 insertions(+), 1 deletions(-) diff --git a/src/views/eam/repair/EamReportRepairList.vue b/src/views/eam/repair/EamReportRepairList.vue index 0984200..37aa3b5 100644 --- a/src/views/eam/repair/EamReportRepairList.vue +++ b/src/views/eam/repair/EamReportRepairList.vue @@ -96,7 +96,8 @@ :loading="loading" class="j-table-force-nowrap" :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange,type:isDisplayOperation?'checkbox':'radio',getCheckboxProps:getCheckboxProps}" - @change="handleTableChange"> + @change="handleTableChange" + :rowClassName="getRowClassName"> <template slot="imageFiles" slot-scope="text, record" v-if="text"> <a @click="handlePreviewImages(record)">棰勮</a> @@ -274,6 +275,26 @@ this.loadData(1) }, methods: { + + /** + * 璁$畻褰撳墠鏃堕棿鏄惁澶т簬鏁呴殰寮�濮嬫椂闂�+3澶� + * @param record 琛ㄦ牸琛屾暟鎹� + * @returns {string} 琛屾牱寮忕被鍚� + */ + getRowClassName(record) { + if ('WAIT_REPAIR' !== record.reportStatus) return ''; + + // 瑙f瀽鏁呴殰寮�濮嬫椂闂� + const faultStartTime = new Date(record.createTime); + // 璁$畻鏁呴殰寮�濮嬫椂闂�+3澶╃殑鏃堕棿鎴� + const threeDaysLater = new Date(faultStartTime.getTime() + 3 * 24 * 60 * 60 * 1000); + // 鑾峰彇褰撳墠鏃堕棿 + const now = new Date(); + + // 濡傛灉褰撳墠鏃堕棿澶т簬鏁呴殰寮�濮嬫椂闂�+3澶╋紝杩斿洖鏍囩孩鏍峰紡绫诲悕 + return now > threeDaysLater ? 'row-overdue' : ''; + }, + /** * 鑾峰彇鏁版嵁瀛楀吀鍊� * @param dictCode 鏁版嵁瀛楀吀瀵瑰簲璁板綍缂栫爜 @@ -349,4 +370,8 @@ </script> <style scoped> @import '~@assets/less/common.less'; + /* 娣诲姞鏍囩孩鏍峰紡 */ + ::v-deep .row-overdue { + color: red !important; + } </style> \ No newline at end of file -- Gitblit v1.9.3