setup
This commit is contained in:
@@ -1,15 +1,15 @@
|
||||
import cls from './index.module.css';
|
||||
import SmokeHandle from '../../components/模块组件/能耗分析/烟气处理';
|
||||
import Energy from '../../components/模块组件/能耗分析/能源';
|
||||
import NO from '../../components/模块组件/能耗分析/一氧化氮';
|
||||
import NO2 from '../../components/模块组件/能耗分析/二氧化氮';
|
||||
import SO2 from '../../components/模块组件/能耗分析/二氧化硫';
|
||||
import Oxygen from '../../components/模块组件/能耗分析/氧气含量';
|
||||
import NatGas from '../../components/模块组件/能耗分析/天然气';
|
||||
import ElecCost from '../../components/模块组件/能耗分析/电耗能';
|
||||
import WaterCost from '../../components/模块组件/能耗分析/水耗能';
|
||||
import RestHeat from '../../components/模块组件/能耗分析/余热发电';
|
||||
import Gas from '../../components/模块组件/能耗分析/焦炉煤气';
|
||||
import SmokeHandle from '../../components/Modules/EnergyCostAnalysis/SmokeHandle';
|
||||
import Energy from '../../components/Modules/EnergyCostAnalysis/Energy';
|
||||
import NO from '../../components/Modules/EnergyCostAnalysis/NO';
|
||||
import NO2 from '../../components/Modules/EnergyCostAnalysis/NO2';
|
||||
import SO2 from '../../components/Modules/EnergyCostAnalysis/SO2';
|
||||
import Oxygen from '../../components/Modules/EnergyCostAnalysis/O';
|
||||
import NatGas from '../../components/Modules/EnergyCostAnalysis/NatGas';
|
||||
import ElecCost from '../../components/Modules/EnergyCostAnalysis/ElectricityCost';
|
||||
import WaterCost from '../../components/Modules/EnergyCostAnalysis/WaterCost';
|
||||
import RestHeat from '../../components/Modules/EnergyCostAnalysis/RestHeat';
|
||||
import Gas from '../../components/Modules/EnergyCostAnalysis/BadGas';
|
||||
|
||||
function EnergyAnalysis(props) {
|
||||
console.log('[rendering...] 加载 能耗分析页面');
|
||||
@@ -1,15 +1,15 @@
|
||||
import LeftBar from "../../components/模块组件/总览/LeftSide";
|
||||
import BottomBar from "../../components/模块组件/总览/Bottom";
|
||||
import RightBar from "../../components/模块组件/总览/RightSide";
|
||||
import CenterTopData from "../../components/模块组件/总览/CenterTop";
|
||||
import LeftBar from "../../components/Modules/Home/LeftSide";
|
||||
import BottomBar from "../../components/Modules/Home/Bottom";
|
||||
import RightBar from "../../components/Modules/Home/RightSide";
|
||||
import CenterTopData from "../../components/Modules/Home/CenterTop";
|
||||
import { AnimatePresence, motion } from "framer-motion";
|
||||
import KilnCenter from "../../components/模块组件/窑炉内部/Center";
|
||||
import KilnInnerLeft from "../../components/模块组件/窑炉内部/LeftSide";
|
||||
import KilnInnerRight from "../../components/模块组件/窑炉内部/RightSide";
|
||||
import FireCheckLeft from "../../components/模块组件/退火监测/LeftSide";
|
||||
import QualityCheckLeft from "../../components/模块组件/质检统计/LeftSide";
|
||||
import FireCheckRight from "../../components/模块组件/退火监测/RightSide";
|
||||
import QualityCheckRight from "../../components/模块组件/质检统计/RightSide";
|
||||
import KilnCenter from "../../components/Modules/KilnInner/Center";
|
||||
import KilnInnerLeft from "../../components/Modules/KilnInner/LeftSide";
|
||||
import KilnInnerRight from "../../components/Modules/KilnInner/RightSide";
|
||||
import FireCheckLeft from "../../components/Modules/FireCheck/LeftSide";
|
||||
import QualityCheckLeft from "../../components/Modules/QualityCheck/LeftSide";
|
||||
import FireCheckRight from "../../components/Modules/FireCheck/RightSide";
|
||||
import QualityCheckRight from "../../components/Modules/QualityCheck/RightSide";
|
||||
// import SocketContext from '../../store/socket-data-provider';
|
||||
import { useContext } from "react";
|
||||
|
||||
@@ -1,11 +0,0 @@
|
||||
<head>
|
||||
<!-- <script src="<%= context.publicPath %>./v3d.js"></script>
|
||||
<script src="<%= context.publicPath %>./font.css"></script> -->
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="root">
|
||||
|
||||
</div>
|
||||
</body>
|
||||
@@ -1,37 +0,0 @@
|
||||
import './global.less';
|
||||
import './index.less';
|
||||
import Head from '../components/公共组件/顶部公司名称';
|
||||
import { SocketContextProvider } from '../store/socket-data-provider';
|
||||
import useSlider, { Slider } from '../hooks/useSlider';
|
||||
import NavMenu from '../components/公共组件/导航菜单';
|
||||
import { useState } from 'react';
|
||||
// import V3D from './V3D';
|
||||
import Home from './总览';
|
||||
import EnergyAnalysis from './能耗分析';
|
||||
import RulerContainer from '../components/工具组件/Ruler';
|
||||
import { createPortal } from 'react-dom';
|
||||
|
||||
export default function index() {
|
||||
const { styles, value, setValue } = useSlider(100);
|
||||
const [navActive, setNavActive] = useState('窑炉总览');
|
||||
|
||||
return (
|
||||
<>
|
||||
<div id="FullScreen" style={styles}>
|
||||
<NavMenu active={navActive} onChangeActive={(v) => setNavActive(v)} />
|
||||
<Head />
|
||||
{/* TODO: 为了不让每切换一次nav就刷新整个页面,将各个页面分别包裹在SocketContextProvider中 */}
|
||||
<SocketContextProvider>
|
||||
{navActive == '能耗分析' && <EnergyAnalysis />}
|
||||
{navActive != '能耗分析' && <Home active={navActive} />}
|
||||
{/* {navActive == '窑炉总览' && <Home />} */}
|
||||
{/* {navActive == '质检统计' && <CheckInfo />}
|
||||
{navActive == '退火监测' && <FireCheck />}
|
||||
{navActive == '窑炉内部' && <KilnInner />} */}
|
||||
</SocketContextProvider>
|
||||
</div>
|
||||
<Slider value={value} setValue={setValue} />
|
||||
{createPortal(<RulerContainer />, document.body)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user