危险源台账，标注重大风险

zhangwencui

14 小时以前 ddbefed51c276144db790185d54bdb7ea34a1af7

危险源台账，标注重大风险

 src/pages/index.vue

@@ -305,7 +305,7 @@
    },
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "危险源管理",
      label: "危险源台账",
    },
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
@@ -686,7 +686,7 @@
          url: "/pages/safeProduction/safeQualifications/index",
        });
        break;
      case "危险源管理":
      case "危险源台账":
        uni.navigateTo({
          url: "/pages/safeProduction/hazardSourceLedger/index",
        });

 src/pages/safeProduction/hazardSourceLedger/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="{ 'high-risk': item.riskLevel === '重大风险' }">
          <view class="item-header">
            <view class="item-left">
              <view class="document-icon">
@@ -287,5 +288,43 @@
    background: #667eea; // 保持页面特有的背景色
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3); // 保持页面特有的阴影效果
  }

  // 重大风险点的醒目警示标识
  .high-risk {
    border-left: 8rpx solid #ff4d4f;
    box-shadow: 0 2rpx 12rpx rgba(255, 77, 79, 0.2);
    position: relative;
    background-color: rgba(255, 77, 79, 0.02);
  }

  .high-risk .item-header {
    position: relative;
    padding-left: 20rpx;
  }

  .high-risk .item-header::after {
    // content: "重大风险";
    position: absolute;
    top: 16rpx;
    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);
  }

  .high-risk .detail-row:nth-child(3) .u-tag {
    font-size: 26rpx;
    padding: 6rpx 16rpx;
    border-radius: 16rpx;
    font-weight: 500;
  }

  .high-risk .detail-row {
    padding-left: 20rpx;
  }
</style>