[Mod 0000]张家峁页面样式调整

src/views/vent/home/selfIgnition/components/Module.vue

@@ -130,5 +130,12 @@
         background-image: url('@/assets/images/vent/home/selfIgnition/module-border-bottom-wide.png');
       }
     }
+    :deep(.data-table) {
+      border: none !important;
+
+      .table-head {
+        border: 1px solid rgba(61, 246, 255, 0.55);
+      }
+    }
   }
 </style>

src/views/vent/home/selfIgnition/components/MonitorView.vue

@@ -593,13 +593,13 @@
     align-items: center;
     width: 347px;
     height: 122px;
-    padding-top: 12px;
+    padding-top: 20px;
     box-sizing: border-box;
     background: url('@/assets/images/vent/home/selfIgnition/2-2.png') no-repeat center / 100% 100%;
   }
 
   .stage-level {
-    font-size: 26px;
+    font-size: 24px;
     letter-spacing: 1px;
     white-space: nowrap;
     font-family: 'douyuFont';
@@ -616,9 +616,8 @@
     border: none;
     background: url('@/assets/images/vent/home/selfIgnition/2-3.png') no-repeat center / 100% 100%;
     color: #fff;
-    font-size: 22px;
-    font-weight: 600;
-    letter-spacing: 2px;
+    font-size: 18px;
+    letter-spacing: 1px;
     cursor: pointer;
     transition: filter 0.2s;
     transform: translateX(-50%);
@@ -687,15 +686,14 @@
 
   .stage-warning-title {
     color: #fff;
-    font-size: 15px;
-    font-weight: 600;
+    font-size: 16px;
     letter-spacing: 0.5px;
     white-space: nowrap;
   }
 
   .stage-warning-level {
     margin-top: 14px;
-    font-size: 18px;
+    font-size: 16px;
     line-height: 22px;
     letter-spacing: 1px;
     font-family: 'douyuFont';
@@ -907,7 +905,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    height: 24px;
+    height: 34px;
     margin-top: 6px;
     padding: 0 18px;
     box-sizing: border-box;
@@ -931,7 +929,8 @@
       margin-left: 8px;
       color: #3df6ff;
       font-style: normal;
-      font-size: 16px;
+      font-size: 12px;
+      font-family: 'douyuFont';
       text-shadow: 0 0 8px rgba(61, 246, 255, 0.45);
     }
   }

src/views/vent/home/selfIgnition/components/OverviewView.vue

@@ -62,8 +62,8 @@
               v-for="row in warnings"
               :key="row.id"
               class="table-row"
-              :class="{ 'table-row-alert': !!warnRowRgb(row.level) }"
-              :style="warnRowRgb(row.level) ? { '--warn-rgb': warnRowRgb(row.level) } : undefined"
+              :class="{ 'table-row-alert': !!warnRowRgb(row.level, row.safetyLevel) }"
+              :style="warnRowRgb(row.level, row.safetyLevel) ? { '--warn-rgb': warnRowRgb(row.level, row.safetyLevel) } : undefined"
             >
               <span class="col-index">{{ row.id }}</span>
               <span class="col-name">{{ row.name }}</span>
@@ -145,11 +145,11 @@
     return !!level && /中(等)?风险/.test(level);
   }
 
-  /** 整行预警框颜色：与预警图标一致，只有高风险（红）、中风险（橙）显示 */
-  function warnRowRgb(level: string | undefined) {
-    if (!level) return '';
-    if (level.includes('高风险')) return '255, 77, 79';
-    if (/中(等)?风险/.test(level)) return '255, 157, 28';
+  /** 整行预警框颜色：预警等级与安全评价等级取较高者，只有高风险（红）、中风险（橙）显示 */
+  function warnRowRgb(warningLevel: string | undefined, safetyLevel: string | undefined) {
+    const levels = [warningLevel, safetyLevel];
+    if (levels.some(isHighLevel)) return '255, 77, 79';
+    if (levels.some(isMidLevel)) return '255, 157, 28';
     return '';
   }
 
@@ -158,7 +158,7 @@
 </script>
 
 <style lang="less" scoped>
-@import '/@/views/vent/home/selfIgnition/scrollbar.less';
+  @import '/@/views/vent/home/selfIgnition/scrollbar.less';
 
   .overview-view {
     position: absolute;
@@ -206,10 +206,8 @@
     height: 52px;
     padding: 0 15px 0 2px;
     box-sizing: border-box;
-    border: 1px solid #259bdc;
     border-radius: 5px;
-    background: linear-gradient(90deg, #092b48 0%, #0d496f 100%);
-    box-shadow: 0 0 8px rgba(37, 155, 220, 0.18), inset 0 0 14px rgba(37, 155, 220, 0.12);
+    background: url('@/assets/images/vent/home/selfIgnition/goaf-card-bg.png') no-repeat center / 100% 100%;
   }
 
   .goaf-icon {
@@ -221,7 +219,7 @@
     width: 45px;
     height: 45px;
     box-sizing: border-box;
-    border: 2px solid transparent;
+    border: 1px solid transparent;
     border-radius: 50%;
     background: linear-gradient(180deg, #3df6ff 0%, #2fc3d8 100%) border-box;
     box-shadow: 0 0 10px rgba(61, 246, 255, 0.5);
@@ -251,9 +249,8 @@
     margin-left: 18px;
     overflow: hidden;
     color: #fff;
-    font-size: 19px;
-    font-weight: 600;
-    letter-spacing: 0.5px;
+    font-size: 16px;
+    letter-spacing: 1px;
     white-space: nowrap;
     text-overflow: ellipsis;
   }
@@ -262,9 +259,8 @@
     flex: none;
     margin-left: 8px;
     color: #fff;
-    font-family: Arial, sans-serif;
-    font-size: 19px;
-    font-weight: 800;
+    font-family: 'douyuFont';
+    font-size: 16px;
     font-style: italic;
     line-height: 1;
     letter-spacing: 1px;
@@ -333,7 +329,6 @@
     background: var(--install-name-bg) no-repeat center / 100% 100%;
     color: #fff;
     font-size: 15px;
-    font-weight: 600;
     letter-spacing: 0;
     white-space: nowrap;
   }
@@ -434,7 +429,9 @@
       border: 1px solid rgba(var(--warn-rgb), 0.95);
       border-radius: 6px;
       background: linear-gradient(180deg, rgba(var(--warn-rgb), 0.2), rgba(var(--warn-rgb), 0.04) 50%, rgba(var(--warn-rgb), 0.18));
-      box-shadow: 0 0 10px rgba(var(--warn-rgb), 0.45), inset 0 0 14px rgba(var(--warn-rgb), 0.3);
+      box-shadow:
+        0 0 10px rgba(var(--warn-rgb), 0.45),
+        inset 0 0 14px rgba(var(--warn-rgb), 0.3);
       pointer-events: none;
     }
   }

src/views/vent/home/selfIgnition/index.vue

@@ -103,7 +103,6 @@
 
   const selectedSceneName = computed(() => scenes.value.find((scene) => scene.id === manageSystemId.value)?.systemname || '');
 
-
   /** 概览数据来自采空区综合汇总接口；接口异常时保留现有兜底数据 */
   async function refresh() {
     if (summaryLoading) return;
@@ -168,7 +167,11 @@
 
     scenes.value = list.length ? list : [{ ...FALLBACK_SCENE }];
     // sysID 为当前定位参数，优先于旧版入口携带的场景参数
-    const queryScene = (route.query.sysID || route.query.systemID || route.query.manageSystemId || route.query.sceneId || route.query.deviceid) as string;
+    const queryScene = (route.query.sysID ||
+      route.query.systemID ||
+      route.query.manageSystemId ||
+      route.query.sceneId ||
+      route.query.deviceid) as string;
     if (queryScene && !scenes.value.some((scene) => scene.id === queryScene)) {
       scenes.value.unshift({ id: queryScene, systemname: '当前场景' });
     }
@@ -362,8 +365,7 @@
     border: none;
     border-radius: 0;
     background: url('@/assets/images/vent/home/selfIgnition/1-7.png') no-repeat center / 100% 100%;
-    font-size: 20px;
-    font-weight: 600;
+    font-size: 18px;
     letter-spacing: 0.5px;
 
     &:hover,