+
-
电路线路过载预警
-
B动丨维护类型: 季度检查
-
负责人: 张三
+
消防水泵预测维护
+
A栋水泵房丨今天
+
预计15天后需要维护,请提前安排
-
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