jiangxucong
/
dq-fms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交

Browse Source
main
wangyunfei 1 week ago
parent a5406f7ded
commit 74132fd296
2 changed files with 141 additions and 61 deletions
Show Stats Download Patch File Download Diff File

42
src/pages/business_firewarning/components/DataAnalysisWarning.js
Unescape Escape View File

@ -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>

106
src/pages/business_firewarning/components/DataAnalysisWarning.less
Unescape Escape View File

@ -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: #FFF3E9;
padding: 4px 8px;
border-radius: 4px;
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: #4CA7F3;
padding: 6px 8px;
border-radius: 6px;
}
}
}
@ -351,10 +416,26 @@
background-color: #2E4CD4;
}
}
}
.analysisTableActions {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
margin-top: 5px;
padding: 0px 15px;
.analysisLeftActions {
display: flex;
align-items: center;
}
.analysisRightActions {
display: flex;
gap: 8px;
align-items: center;
}
.analysisActionButton {
display: flex;
@ -386,7 +467,6 @@
}
}
}
}
.analysisTableContainer {
flex: 1;

Write Preview
Loading…
Cancel
Save