From 9ec43c241a3a4ac3bf8d7290078a00f002779b83 Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期二, 03 二月 2026 16:31:00 +0800
Subject: [PATCH] 超期未整改提示
---
src/pages/safeProduction/dangerInvestigation/index.vue | 52 +++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 51 insertions(+), 1 deletions(-)
diff --git a/src/pages/safeProduction/dangerInvestigation/index.vue b/src/pages/safeProduction/dangerInvestigation/index.vue
index ea16c92..9ec1a5a 100644
--- a/src/pages/safeProduction/dangerInvestigation/index.vue
+++ b/src/pages/safeProduction/dangerInvestigation/index.vue
@@ -26,7 +26,8 @@
v-if="visitList.length > 0">
<view v-for="(item, index) in visitList"
:key="index">
- <view class="ledger-item">
+ <view class="ledger-item"
+ :class="{ 'overdue': isOverdue(item.rectifyTime, item.rectifyActualTime) }">
<view class="item-header">
<view class="item-left">
<view class="document-icon">
@@ -200,6 +201,21 @@
const userStore = useUserStore();
+ // 妫�鏌ラ殣鎮ｆ槸鍚﹁秴鏈熸湭鏁存敼
+ const isOverdue = (rectifyTime, rectifyActualTime) => {
+ // 濡傛灉宸茬粡鏁存敼瀹屾垚锛屽垯涓嶈秴鏈�
+ if (rectifyActualTime) return false;
+
+ // 濡傛灉娌℃湁鏁存敼鏈熼檺锛屽垯涓嶈秴鏈�
+ if (!rectifyTime) return false;
+
+ const today = dayjs();
+ const deadline = dayjs(rectifyTime);
+
+ // 濡傛灉褰撳墠鏃ユ湡瓒呰繃鏁存敼鏈熼檺锛屽垯瓒呮湡
+ return today.isAfter(deadline, "day");
+ };
+
// 鎼滅储鍏抽敭璇�
const customerName = ref("");
@@ -364,5 +380,39 @@
.action-buttons {
gap: 4px;
}
+
+ // 瓒呮湡鏈暣鏀圭殑闅愭偅鏍峰紡
+ .overdue {
+ border-left: 8rpx solid #ff4d4f;
+ background-color: rgba(255, 77, 79, 0.02);
+ }
+
+ .overdue .item-header {
+ position: relative;
+ padding-left: 20rpx;
+ }
+
+ .overdue .item-header::after {
+ content: "瓒呮湡鏈暣鏀�";
+ position: absolute;
+ top: 32rpx;
+ right: 20rpx;
+ font-size: 24rpx;
+ font-weight: 500;
+ color: #ff4d4f;
+ background-color: rgba(255, 77, 79, 0.1);
+ padding: 4rpx 16rpx;
+ border-radius: 16rpx;
+ border: 1rpx solid rgba(255, 77, 79, 0.3);
+ }
+
+ .overdue .detail-row:nth-child(7) .detail-value {
+ color: #ff4d4f;
+ font-weight: 500;
+ }
+
+ .overdue .detail-row {
+ padding-left: 20rpx;
+ }
</style>
--
Gitblit v1.9.3