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>
</div> </div>
<div className={styles.analysisMaintenanceContent}> <div className={styles.analysisMaintenanceContent}>
<div className={styles.analysisMaintenanceItem}> <div className={styles.analysisMaintenanceItem1}>
<div className={styles.analysisMaintenanceLeft}> <div className={styles.analysisMaintenanceLeft}>
<div className={styles.analysisMaintenanceText1}>电路线路过载预警</div> <div className={styles.analysisMaintenanceText1}>电路线路过载预警</div>
<div className={styles.analysisMaintenanceText2}>B动丨维护类型: 季度检查</div> <div className={styles.analysisMaintenanceText2}>B栋3层配电室丨15分钟前</div>
<div className={styles.analysisMaintenanceText3}>负责人: 张三</div> <div className={styles.analysisMaintenanceText3}>电流持续上升，已超过正常阈值</div>
</div> </div>
<div className={styles.analysisMaintenanceRight}> <div className={styles.analysisMaintenanceRight}>
<div className={styles.analysisMaintenanceStatus}>3天后到期</div> <div className={styles.analysisMaintenanceStatus}>紧急</div>
</div> </div>
</div> </div>
<div className={styles.analysisMaintenanceItem}> <div className={styles.analysisMaintenanceItem2}>
<div className={styles.analysisMaintenanceLeft}> <div className={styles.analysisMaintenanceLeft}>
<div className={styles.analysisMaintenanceText1}>SH-XHS-045-D 室内消火栓</div> <div className={styles.analysisMaintenanceText1}>2号防排烟风机异常</div>
<div className={styles.analysisMaintenanceText2}>位置: 2楼东侧走廊丨维护类型: 水压测试</div> <div className={styles.analysisMaintenanceText2}>地下车库丨2小时前</div>
<div className={styles.analysisMaintenanceText3}>负责人: 李四</div> <div className={styles.analysisMaintenanceText3}>震动频率异常, 建议尽快检修</div>
</div> </div>
<div className={styles.analysisMaintenanceRight2}> <div className={styles.analysisMaintenanceRight2}>
<div className={styles.analysisMaintenanceStatus}>8天后到期</div> <div className={styles.analysisMaintenanceStatus}>警告</div>
</div> </div>
</div> </div>
<div className={styles.analysisMaintenanceItem}> <div className={styles.analysisMaintenanceItem3}>
<div className={styles.analysisMaintenanceLeft}> <div className={styles.analysisMaintenanceLeft}>
<div className={styles.analysisMaintenanceText1}>电路线路过载预警</div> <div className={styles.analysisMaintenanceText1}>消防水泵预测维护</div>
<div className={styles.analysisMaintenanceText2}>B动丨维护类型: 季度检查</div> <div className={styles.analysisMaintenanceText2}>A栋水泵房丨今天</div>
<div className={styles.analysisMaintenanceText3}>负责人: 张三</div> <div className={styles.analysisMaintenanceText3}>预计15天后需要维护，请提前安排</div>
</div> </div>
<div className={styles.analysisMaintenanceRight}> <div className={styles.analysisMaintenanceRight2}>
<div className={styles.analysisMaintenanceStatus}>3天后到期</div> <div className={styles.analysisMaintenanceStatus2}>提示</div>
</div> </div>
</div> </div>
<div className={styles.analysisMaintenanceItem}> <div className={styles.analysisMaintenanceItem4}>
<div className={styles.analysisMaintenanceLeft}> <div className={styles.analysisMaintenanceLeft}>
<div className={styles.analysisMaintenanceText1}>电路线路过载预警</div> <div className={styles.analysisMaintenanceText1}>消防水泵预测维护</div>
<div className={styles.analysisMaintenanceText2}>B动丨维护类型: 季度检查</div> <div className={styles.analysisMaintenanceText2}>A栋水泵房丨今天</div>
<div className={styles.analysisMaintenanceText3}>负责人: 张三</div> <div className={styles.analysisMaintenanceText3}>预计15天后需要维护，请提前安排</div>
</div> </div>
<div className={styles.analysisMaintenanceRight}> <div className={styles.analysisMaintenanceRight2}>
<div className={styles.analysisMaintenanceStatus}>3天后到期</div> <div className={styles.analysisMaintenanceStatus2}>提示</div>
</div> </div>
</div> </div>
</div> </div>

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

@ -257,10 +257,56 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; 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; 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 { .analysisMaintenanceLeft {
flex: 1; flex: 1;
display: flex; display: flex;
@ -294,13 +340,16 @@
justify-content: center; justify-content: center;
.analysisMaintenanceStatus { .analysisMaintenanceStatus {
display: flex;
align-items: center;
font-size: 12px; font-size: 12px;
color: #FF3E48; color: #FFF;
font-weight: 500; font-weight: 400;
font-family: PingFang SC; font-family: PingFang SC;
background-color: #FFE0E2; background-color: #EB5050;
padding: 4px 8px; padding: 6px 8px;
border-radius: 4px; align-items: center;
border-radius: 6px;
} }
} }
@ -311,13 +360,29 @@
justify-content: center; justify-content: center;
.analysisMaintenanceStatus { .analysisMaintenanceStatus {
display: flex;
align-items: center;
text-align: center;
font-size: 12px; font-size: 12px;
color: #FF8800; color: #FFF;
font-weight: 500; 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; font-family: PingFang SC;
background-color: #FFF3E9; background-color: #4CA7F3;
padding: 4px 8px; padding: 6px 8px;
border-radius: 4px; border-radius: 6px;
} }
} }
} }
@ -351,39 +416,54 @@
background-color: #2E4CD4; 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; display: flex;
align-items: center; align-items: center;
}
.analysisActionButton { .analysisRightActions {
display: flex; display: flex;
align-items: center; gap: 8px;
gap: 4px; align-items: center;
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;
}
&:active { .analysisActionButton {
background-color: #e6ebff; 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 { &:active {
font-size: 14px; background-color: #e6ebff;
font-weight: bold; }
}
.analysisButtonIcon {
font-size: 14px;
font-weight: bold;
} }
} }
} }
@ -425,4 +505,4 @@
} }
} }
} }
} }
Write Preview
Loading…
Cancel
Save