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

update energy

Browse Source
This commit is contained in:
lb
2023-12-06 16:46:44 +08:00
parent 42e5bea184
commit eadbfcb982
3 changed files with 40 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/components/Common/Energy/index.jsx
View File

@@ -1,33 +1,46 @@
import cls from './index.module.scss';
import Container from '../../Container';
import TechSplitline from '../TechSplitline';
import EnergyCostChart from './EnergyCostChart';
import cls from "./index.module.scss";
import Container from "../../Container";
import TechSplitline from "../TechSplitline";
import EnergyCostChart from "./EnergyCostChart";
import { useSelector } from "react-redux";
function EnergyCost(props) {
return (
<Container title="能耗" icon="charger" className={cls.energyCost}>
<div className={`flex flex-col`}>
<div className={`${cls.cost__info} flex`}>
<div
className={`${cls.info__item} ${cls.hAuto} flex flex-col justify-center items-center self-stretch`}
>
<span>余 热 发 电</span>
<span>922kWh</span>
</div>
<div className={cls.info__item_groups}>
<div className={cls.info__item}>水 耗 量 : 32Km³</div>
<div className={cls.info__item}>天 然 气 I : 83m³</div>
<div className={cls.info__item}>电 耗 量 : 52kWh</div>
<div className={cls.info__item}>天 然 气 II: 32m³</div>
</div>
</div>
const energyInfo = useSelector((state) => state.energy?.info);
console.log("energyInfo", energyInfo);
if (energyInfo) {
}
return (
<Container title="能耗" icon="charger" className={cls.energyCost}>
<div className={`flex flex-col`}>
<div className={`${cls.cost__info} flex`}>
<div
className={`${cls.info__item} ${cls.hAuto} flex flex-col justify-center items-center self-stretch`}
>
<span>余 热 发 电</span>
<span>{energyInfo?.elecQty1 || 0}kWh</span>
</div>
<div className={cls.info__item_groups}>
<div className={cls.info__item}>
水 耗 量 : {energyInfo?.waterQty || 0}Km³
</div>
<div className={cls.info__item}>
天 然 气 I : {energyInfo?.ngQty1 || 0}m³
</div>
<div className={cls.info__item}>
电 耗 量 : {energyInfo?.elecQty2 || 0}kWh
</div>
<div className={cls.info__item}>
天 然 气 II: {energyInfo?.ngQty2 || 0}m³
</div>
</div>
</div>
<TechSplitline />
<TechSplitline />
<EnergyCostChart />
</div>
</Container>
);
<EnergyCostChart />
</div>
</Container>
);
}
export default EnergyCost;