38 lines
1.5 KiB
JavaScript
38 lines
1.5 KiB
JavaScript
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)}
|
||
</>
|
||
);
|
||
}
|