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

Compare commits

base: jiangxucong:c6c7afdc2ef8624208a8e7c139652bb347e8e957
Branches Tags
jiangxucong:main
..
compare: jiangxucong:9700f526a42615763c7188eb635609ecc69969ce
Branches Tags
jiangxucong:main

No commits in common. 'c6c7afdc2ef8624208a8e7c139652bb347e8e957' and '9700f526a42615763c7188eb635609ecc69969ce' have entirely different histories.
c6c7afdc2e ... 9700f526a4

2 changed files with 61 additions and 141 deletions
Show Stats

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.analysisMaintenanceItem1}> <div className={styles.analysisMaintenanceItem}>
<div className={styles.analysisMaintenanceLeft}> <div className={styles.analysisMaintenanceLeft}>
<div className={styles.analysisMaintenanceText1}>电路线路过载预警</div> <div className={styles.analysisMaintenanceText1}>电路线路过载预警</div>
<div className={styles.analysisMaintenanceText2}>B栋3层配电室丨15分钟前</div> <div className={styles.analysisMaintenanceText2}>B动丨维护类型: 季度检查</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}>紧急</div> <div className={styles.analysisMaintenanceStatus}>3天后到期</div>
</div> </div>
</div> </div>
<div className={styles.analysisMaintenanceItem2}> <div className={styles.analysisMaintenanceItem}>
<div className={styles.analysisMaintenanceLeft}> <div className={styles.analysisMaintenanceLeft}>
<div className={styles.analysisMaintenanceText1}>2号防排烟风机异常</div> <div className={styles.analysisMaintenanceText1}>SH-XHS-045-D 室内消火栓</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}>警告</div> <div className={styles.analysisMaintenanceStatus}>8天后到期</div>
</div> </div>
</div> </div>
<div className={styles.analysisMaintenanceItem3}> <div className={styles.analysisMaintenanceItem}>
<div className={styles.analysisMaintenanceLeft}> <div className={styles.analysisMaintenanceLeft}>
<div className={styles.analysisMaintenanceText1}>消防水泵预测维护</div> <div className={styles.analysisMaintenanceText1}>电路线路过载预警</div>
<div className={styles.analysisMaintenanceText2}>A栋水泵房丨今天</div> <div className={styles.analysisMaintenanceText2}>B动丨维护类型: 季度检查</div>
<div className={styles.analysisMaintenanceText3}>预计15天后需要维护，请提前安排</div> <div className={styles.analysisMaintenanceText3}>负责人: 张三</div>
</div> </div>
<div className={styles.analysisMaintenanceRight2}> <div className={styles.analysisMaintenanceRight}>
<div className={styles.analysisMaintenanceStatus2}>提示</div> <div className={styles.analysisMaintenanceStatus}>3天后到期</div>
</div> </div>
</div> </div>
<div className={styles.analysisMaintenanceItem4}> <div className={styles.analysisMaintenanceItem}>
<div className={styles.analysisMaintenanceLeft}> <div className={styles.analysisMaintenanceLeft}>
<div className={styles.analysisMaintenanceText1}>消防水泵预测维护</div> <div className={styles.analysisMaintenanceText1}>电路线路过载预警</div>
<div className={styles.analysisMaintenanceText2}>A栋水泵房丨今天</div> <div className={styles.analysisMaintenanceText2}>B动丨维护类型: 季度检查</div>
<div className={styles.analysisMaintenanceText3}>预计15天后需要维护，请提前安排</div> <div className={styles.analysisMaintenanceText3}>负责人: 张三</div>
</div> </div>
<div className={styles.analysisMaintenanceRight2}> <div className={styles.analysisMaintenanceRight}>
<div className={styles.analysisMaintenanceStatus2}>提示</div> <div className={styles.analysisMaintenanceStatus}>3天后到期</div>
</div> </div>
</div> </div>
</div> </div>

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

@ -257,56 +257,10 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background-color: #FFF; background-color: #F1F7FF;
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: 8px 16px; padding: 16px 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;
@ -340,16 +294,13 @@
justify-content: center; justify-content: center;
.analysisMaintenanceStatus { .analysisMaintenanceStatus {
display: flex;
align-items: center;
font-size: 12px; font-size: 12px;
color: #FFF; color: #FF3E48;
font-weight: 400; font-weight: 500;
font-family: PingFang SC; font-family: PingFang SC;
background-color: #EB5050; background-color: #FFE0E2;
padding: 6px 8px; padding: 4px 8px;
align-items: center; border-radius: 4px;
border-radius: 6px;
} }
} }
@ -360,29 +311,13 @@
justify-content: center; justify-content: center;
.analysisMaintenanceStatus { .analysisMaintenanceStatus {
display: flex;
align-items: center;
text-align: center;
font-size: 12px; font-size: 12px;
color: #FFF; color: #FF8800;
font-weight: 400; font-weight: 500;
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: #4CA7F3; background-color: #FFF3E9;
padding: 6px 8px; padding: 4px 8px;
border-radius: 6px; border-radius: 4px;
} }
} }
} }
@ -416,54 +351,39 @@
background-color: #2E4CD4; 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 { .analysisTableActions {
display: flex; display: flex;
gap: 8px;
align-items: center; align-items: center;
}
.analysisActionButton { .analysisActionButton {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 4px; gap: 4px;
height: 28px; height: 28px;
border: 1px solid #DFE4F6; border: 1px solid #DFE4F6;
border-radius: 4px; border-radius: 4px;
color: #2E4CD4; color: #2E4CD4;
font-weight: 500; font-weight: 500;
font-size: 12px; font-size: 12px;
padding: 0px 8px; padding: 0px 8px;
background: transparent; background: transparent;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
&:hover { &:hover {
background-color: #f0f2ff; background-color: #f0f2ff;
border-color: #2E4CD4; border-color: #2E4CD4;
} }
&:active { &:active {
background-color: #e6ebff; background-color: #e6ebff;
} }
.analysisButtonIcon { .analysisButtonIcon {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
}
} }
} }
} }

Write Preview
Loading…
Cancel
Save