From 74132fd2966c80ba1978d8f996b530bd55aa99ae Mon Sep 17 00:00:00 2001
From: wangyunfei <1224056307@qq,com>
Date: Mon, 20 Oct 2025 18:50:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DataAnalysisWarning.js         |  42 ++---
 .../components/DataAnalysisWarning.less       | 160 +++++++++++++-----
 2 files changed, 141 insertions(+), 61 deletions(-)

diff --git a/src/pages/business_firewarning/components/DataAnalysisWarning.js b/src/pages/business_firewarning/components/DataAnalysisWarning.js
index aede0f5..a66cf59 100644
--- a/src/pages/business_firewarning/components/DataAnalysisWarning.js
+++ b/src/pages/business_firewarning/components/DataAnalysisWarning.js
@@ -769,44 +769,44 @@ const DataAnalysisWarning = () => {
                         <div>实时预警信息</div>
                     </div>
                     <div className={styles.analysisMaintenanceContent}>
-                        <div className={styles.analysisMaintenanceItem}>
+                        <div className={styles.analysisMaintenanceItem1}>
                             <div className={styles.analysisMaintenanceLeft}>
                                 <div className={styles.analysisMaintenanceText1}>电路线路过载预警</div>
-                                <div className={styles.analysisMaintenanceText2}>B动丨维护类型: 季度检查</div>
-                                <div className={styles.analysisMaintenanceText3}>负责人: 张三</div>
+                                <div className={styles.analysisMaintenanceText2}>B栋3层配电室丨15分钟前</div>
+                                <div className={styles.analysisMaintenanceText3}>电流持续上升，已超过正常阈值</div>
                             </div>
                             <div className={styles.analysisMaintenanceRight}>
-                                <div className={styles.analysisMaintenanceStatus}>3天后到期</div>
+                                <div className={styles.analysisMaintenanceStatus}>紧急</div>
                             </div>
                         </div>
-                        <div className={styles.analysisMaintenanceItem}>
+                        <div className={styles.analysisMaintenanceItem2}>
                             <div className={styles.analysisMaintenanceLeft}>
-                                <div className={styles.analysisMaintenanceText1}>SH-XHS-045-D 室内消火栓</div>
-                                <div className={styles.analysisMaintenanceText2}>位置: 2楼东侧走廊丨维护类型: 水压测试</div>
-                                <div className={styles.analysisMaintenanceText3}>负责人: 李四</div>
+                                <div className={styles.analysisMaintenanceText1}>2号防排烟风机异常</div>
+                                <div className={styles.analysisMaintenanceText2}>地下车库丨2小时前</div>
+                                <div className={styles.analysisMaintenanceText3}>震动频率异常, 建议尽快检修</div>
                             </div>
                             <div className={styles.analysisMaintenanceRight2}>
-                                <div className={styles.analysisMaintenanceStatus}>8天后到期</div>
+                                <div className={styles.analysisMaintenanceStatus}>警告</div>
                             </div>
                         </div>
-                        <div className={styles.analysisMaintenanceItem}>
+                        <div className={styles.analysisMaintenanceItem3}>
                             <div className={styles.analysisMaintenanceLeft}>
-                                <div className={styles.analysisMaintenanceText1}>电路线路过载预警</div>
-                                <div className={styles.analysisMaintenanceText2}>B动丨维护类型: 季度检查</div>
-                                <div className={styles.analysisMaintenanceText3}>负责人: 张三</div>
+                                <div className={styles.analysisMaintenanceText1}>消防水泵预测维护</div>
+                                <div className={styles.analysisMaintenanceText2}>A栋水泵房丨今天</div>
+                                <div className={styles.analysisMaintenanceText3}>预计15天后需要维护，请提前安排</div>
                             </div>
-                            <div className={styles.analysisMaintenanceRight}>
-                                <div className={styles.analysisMaintenanceStatus}>3天后到期</div>
+                            <div className={styles.analysisMaintenanceRight2}>
+                                <div className={styles.analysisMaintenanceStatus2}>提示</div>
                             </div>
                         </div>
-                        <div className={styles.analysisMaintenanceItem}>
+                        <div className={styles.analysisMaintenanceItem4}>
                             <div className={styles.analysisMaintenanceLeft}>
-                                <div className={styles.analysisMaintenanceText1}>电路线路过载预警</div>
-                                <div className={styles.analysisMaintenanceText2}>B动丨维护类型: 季度检查</div>
-                                <div className={styles.analysisMaintenanceText3}>负责人: 张三</div>
+                                <div className={styles.analysisMaintenanceText1}>消防水泵预测维护</div>
+                                <div className={styles.analysisMaintenanceText2}>A栋水泵房丨今天</div>
+                                <div className={styles.analysisMaintenanceText3}>预计15天后需要维护，请提前安排</div>
                             </div>
-                            <div className={styles.analysisMaintenanceRight}>
-                                <div className={styles.analysisMaintenanceStatus}>3天后到期</div>
+                            <div className={styles.analysisMaintenanceRight2}>
+                                <div className={styles.analysisMaintenanceStatus2}>提示</div>
                             </div>
                         </div>
                     </div>
diff --git a/src/pages/business_firewarning/components/DataAnalysisWarning.less b/src/pages/business_firewarning/components/DataAnalysisWarning.less
index b865d9e..ed4e2bd 100644
--- a/src/pages/business_firewarning/components/DataAnalysisWarning.less
+++ b/src/pages/business_firewarning/components/DataAnalysisWarning.less
@@ -257,10 +257,56 @@
                     display: flex;
                     align-items: center;
                     justify-content: space-between;
-                    background-color: #F1F7FF;
+                    background-color: #FFF;
+                    border-radius: 2px;
+                    padding: 0px 16px;
+                }
+
+                .analysisMaintenanceItem1 {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    background-color: #FDF2F2;
+                    border-left: 4px solid #EB5050;
+                    border-radius: 2px;
+                    padding: 8px 16px;
+                }
+
+                .analysisMaintenanceItem2 {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    background-color: #FEF8E4;
+                    border-left: 4px solid #F6C644;
                     border-radius: 4px;
-                    padding: 16px 16px;
+                    padding: 8px 16px;
+                }
 
+                .analysisMaintenanceItem3 {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    background-color: #F0F9FE;
+                    border-left: 4px solid #4CA7F3;
+                    border-radius: 4px;
+                    padding: 8px 16px;
+                }
+
+                .analysisMaintenanceItem4 {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    background-color: #F0F9FE;
+                    border-left: 4px solid #4CA7F3;
+                    border-radius: 4px;
+                    padding: 8px 16px;
+                }
+
+                .analysisMaintenanceItem,
+                .analysisMaintenanceItem1,
+                .analysisMaintenanceItem2,
+                .analysisMaintenanceItem3,
+                .analysisMaintenanceItem4 {
                     .analysisMaintenanceLeft {
                         flex: 1;
                         display: flex;
@@ -294,13 +340,16 @@
                         justify-content: center;
 
                         .analysisMaintenanceStatus {
+                            display: flex;
+                            align-items: center;
                             font-size: 12px;
-                            color: #FF3E48;
-                            font-weight: 500;
+                            color: #FFF;
+                            font-weight: 400;
                             font-family: PingFang SC;
-                            background-color: #FFE0E2;
-                            padding: 4px 8px;
-                            border-radius: 4px;
+                            background-color: #EB5050;
+                            padding: 6px 8px;
+                            align-items: center;
+                            border-radius: 6px;
                         }
                     }
 
@@ -311,13 +360,29 @@
                         justify-content: center;
 
                         .analysisMaintenanceStatus {
+                            display: flex;
+                            align-items: center;
+                            text-align: center;
                             font-size: 12px;
-                            color: #FF8800;
-                            font-weight: 500;
+                            color: #FFF;
+                            font-weight: 400;
+                            font-family: PingFang SC;
+                            background-color: #F6C644;
+                            padding: 6px 8px;
+                            border-radius: 6px;
+                        }
+
+                        .analysisMaintenanceStatus2 {
+                            display: flex;
+                            align-items: center;
+                            text-align: center;
+                            font-size: 12px;
+                            color: #FFF;
+                            font-weight: 400;
                             font-family: PingFang SC;
-                            background-color: #FFF3E9;
-                            padding: 4px 8px;
-                            border-radius: 4px;
+                            background-color: #4CA7F3;
+                            padding: 6px 8px;
+                            border-radius: 6px;
                         }
                     }
                 }
@@ -351,39 +416,54 @@
                         background-color: #2E4CD4;
                     }
                 }
+            }
 
-                .analysisTableActions {
+            .analysisTableActions {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                gap: 8px;
+                margin-top: 5px;
+                padding: 0px 15px;
+
+                .analysisLeftActions {
                     display: flex;
                     align-items: center;
+                }
 
-                    .analysisActionButton {
-                        display: flex;
-                        align-items: center;
-                        gap: 4px;
-                        height: 28px;
-                        border: 1px solid #DFE4F6;
-                        border-radius: 4px;
-                        color: #2E4CD4;
-                        font-weight: 500;
-                        font-size: 12px;
-                        padding: 0px 8px;
-                        background: transparent;
-                        cursor: pointer;
-                        transition: all 0.2s ease;
-
-                        &:hover {
-                            background-color: #f0f2ff;
-                            border-color: #2E4CD4;
-                        }
+                .analysisRightActions {
+                    display: flex;
+                    gap: 8px;
+                    align-items: center;
+                }
 
-                        &:active {
-                            background-color: #e6ebff;
-                        }
+                .analysisActionButton {
+                    display: flex;
+                    align-items: center;
+                    gap: 4px;
+                    height: 28px;
+                    border: 1px solid #DFE4F6;
+                    border-radius: 4px;
+                    color: #2E4CD4;
+                    font-weight: 500;
+                    font-size: 12px;
+                    padding: 0px 8px;
+                    background: transparent;
+                    cursor: pointer;
+                    transition: all 0.2s ease;
+
+                    &:hover {
+                        background-color: #f0f2ff;
+                        border-color: #2E4CD4;
+                    }
 
-                        .analysisButtonIcon {
-                            font-size: 14px;
-                            font-weight: bold;
-                        }
+                    &:active {
+                        background-color: #e6ebff;
+                    }
+
+                    .analysisButtonIcon {
+                        font-size: 14px;
+                        font-weight: bold;
                     }
                 }
             }
@@ -425,4 +505,4 @@
             }
         }
     }
-}
+}
\ No newline at end of file