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;
