fix ui
This commit is contained in:
@@ -25,25 +25,35 @@ function Energy(props) {
|
||||
gridRow: "1 / 3",
|
||||
}}
|
||||
>
|
||||
<span style={{ lineHeight: 1.5 }}>余 热 发 电</span>
|
||||
<span style={{ lineHeight: 1.5 }}>{energyInfo?.elecQty1 || 0}kWh</span>
|
||||
<span style={{ lineHeight: 1.5 }}>余热发电/kWh</span>
|
||||
<span style={{ lineHeight: 1.5, width: '180px', wordWrap: 'break-word' }}>
|
||||
{(+energyInfo?.elecQty1)?.toFixed(2) || 0}
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span className={cls.shadowBorder + " " + cls.infoText}>
|
||||
<span style={{ lineHeight: 1.5 }}>水 耗 量</span>{" "}
|
||||
<span style={{ lineHeight: 1.5 }}>{energyInfo?.waterQty || 0}Km³</span>
|
||||
<span style={{ lineHeight: 1.5 }}>水耗量/Km³</span>
|
||||
<span style={{ lineHeight: 1.5 }}>
|
||||
{(+energyInfo?.waterQty)?.toFixed(2) || 0}
|
||||
</span>
|
||||
</span>
|
||||
<span className={cls.shadowBorder + " " + cls.infoText}>
|
||||
<span style={{ lineHeight: 1.5 }}>天 然 气 I</span>{" "}
|
||||
<span style={{ lineHeight: 1.5 }}>{energyInfo?.ngQty1 || 0}</span>
|
||||
<span style={{ lineHeight: 1.5 }}>天然气I/Nm³</span>
|
||||
<span style={{ lineHeight: 1.5 }}>
|
||||
{energyInfo?.ngQty1?.replace("Nm³", "") || "0"}
|
||||
</span>
|
||||
</span>
|
||||
<span className={cls.shadowBorder + " " + cls.infoText}>
|
||||
<span style={{ lineHeight: 1.5 }}>电 耗 量</span>{" "}
|
||||
<span style={{ lineHeight: 1.5 }}>{energyInfo?.elecQty2 || 0}kWh</span>
|
||||
<span style={{ lineHeight: 1.5 }}>电耗量/kWh</span>
|
||||
<span style={{ lineHeight: 1.5 }}>
|
||||
{(+energyInfo?.elecQty2)?.toFixed(2) || 0}
|
||||
</span>
|
||||
</span>
|
||||
<span className={cls.shadowBorder + " " + cls.infoText}>
|
||||
<span style={{ lineHeight: 1.5 }}>天 然 气 II</span>{" "}
|
||||
<span style={{ lineHeight: 1.5 }}>{energyInfo?.ngQty2 || 0}</span>
|
||||
<span style={{ lineHeight: 1.5 }}>天然气II/Nm³</span>
|
||||
<span style={{ lineHeight: 1.5 }}>
|
||||
{energyInfo?.ngQty2?.replace("Nm³", "") || "0"}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
.layout {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
grid-template-columns: 133px 158px 292px 292px;
|
||||
/* grid-template-columns: 133px 158px 292px 292px; */
|
||||
grid-template-columns: 133px 210px 266px 266px;
|
||||
/* grid-template-rows: 60px 60px; */
|
||||
grid-template-rows: 129px 129px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user