超期未整改提示

zhangwencui

15 小时以前 9ec43c241a3a4ac3bf8d7290078a00f002779b83

 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>