mt-fe-group/xuchang-new
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update 烟气处理

Browse Source
This commit is contained in:
lb
2024-04-25 10:52:46 +08:00
parent 7ddae1b3a4
commit 28c9c1906e
5 changed files with 55 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Common/SmokeHandle/SmokeHandleTable/index.jsx
View File

@@ -11,10 +11,10 @@ const SmokeHandleTable = () => {
<div className={cls.info__item}>
氮氧化物浓度: {(+smokeInfo?.NOX_float)?.toFixed(2) || 0}mg/m³
</div>
<div className={cls.info__item}>
<div className={cls.info__item} style={{ gridColumn: "span 2" }}>
二氧化硫浓度: {(+smokeInfo?.SO2_float)?.toFixed(2) || 0}mg/m³
</div>
<div className={cls.info__item}>
<div className={cls.info__item + " " + cls.disabled}>
颗粒物浓度: {(+smokeInfo?.dust_float)?.toFixed(2) || 0}mg/m³
</div>
</div>

49
src/components/Common/SmokeHandle/index.module.scss
View File

@@ -1,29 +1,36 @@
.smokeHandle {
// background: #b730305c;
background: url(../../../assets/smoke.png) no-repeat;
background-size: 100% 100%;
width: 626px;
height: 490px;
.smokeHandle__content {
margin-top: 8px;
}
// background: #b730305c;
background: url(../../../assets/smoke.png) no-repeat;
background-size: 100% 100%;
width: 626px;
height: 490px;
.smokeHandle__content {
margin-top: 8px;
}
}
.info__item {
border-radius: 2px;
color: hsl(0, 0%, 100%, 0.9);
box-shadow: inset 0 0 17px 0px hsla(0, 0%, 100%, 0.15);
height: 32px;
font-size: 16px;
letter-spacing: 1.43px;
line-height: 32px;
text-align: center;
user-select: none;
border-radius: 2px;
color: hsl(0, 0%, 100%, 0.9);
box-shadow: inset 0 0 17px 0px hsla(0, 0%, 100%, 0.15);
height: 32px;
font-size: 16px;
letter-spacing: 1.43px;
line-height: 32px;
text-align: center;
user-select: none;
}
.info__item_groups {
margin-bottom: 12px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px;
margin-bottom: 12px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px;
}
.disabled {
display: none;
pointer-events: none;
opacity: 0.5;
color: transparent;
}