mt-fe-group/xuchang-new
8
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
Show Stats 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;

3
src/index.js
View File

@ -4,11 +4,10 @@ import { Provider } from "react-redux";
import { store } from "./store";
import App from "./App";
import "./index.css";
import { WsClient } from "./utils";
import "./utils";
const container = document.getElementById("root");
const root = createRoot(container);
const wsc = new WsClient();
root.render(
<React.StrictMode>

8
src/utils/index.js
View File

@ -133,14 +133,6 @@ new XClient(
});
break;
}
case "energyInfo": {
// 能耗数据
store.dispatch({
type: "energy/setInfo",
payload: serializedData.data,
});
break;
}
default: {
console.log("websocket message: [unknown] ---> ", msg.data);
}