44 lines
1.3 KiB
JavaScript
44 lines
1.3 KiB
JavaScript
import cls from './index.module.css';
|
|
|
|
function EnergyAnalysis(props) {
|
|
console.log('[rendering...] 加载 能耗分析页面');
|
|
return (
|
|
<div className={cls.grid}>
|
|
<div className={cls.vgrid + ' col-1'}>
|
|
<div className={'bgray ' + cls.smoke}>
|
|
<span style={{ gridRow: 2 / 3 }}>烟气处理</span>
|
|
<span>氧气含量: 80%</span>
|
|
<span>一氧化氮排放浓度: 20mg/m³</span>
|
|
<span>二氧化硫排放浓度: 20mg/m³</span>
|
|
<span>二氧化氮排放浓度: 20mg/m³</span>
|
|
</div>
|
|
<div className={'bgray ' + cls.oxygen}></div>
|
|
<div className={'bgray ' + cls.no}></div>
|
|
</div>
|
|
|
|
<div className={cls.vgrid + ' col-2'}>
|
|
<div className="bgray so2" style={{ gridRow: 2 }}></div>
|
|
<div className="bgray no2" style={{ gridRow: 3 }}></div>
|
|
</div>
|
|
|
|
<div className={'bgray ' + cls.line}></div>
|
|
|
|
<div className={cls.vgrid + ' col-3'}>
|
|
<div className="bgray heat" style={{ gridRow: 2 }}></div>
|
|
<div className="bgray water" style={{ gridRow: 3 }}></div>
|
|
</div>
|
|
|
|
<div className={cls.vgrid + ' col-4'}>
|
|
<div className="bgray energy"></div>
|
|
<div className={cls.vvgrid}>
|
|
<div className="bgray electronic"></div>
|
|
<div className="bgray gas"></div>
|
|
<div className="bgray mgas"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default EnergyAnalysis;
|