mt-fe-group/xuchang-screen
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update Home

Browse Source
This commit is contained in:
lb 2023-11-01 15:26:20 +08:00
parent 296a39c7f8
commit d56becaf05
2 changed files with 30 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/index.jsx
View File

@ -1,14 +1,10 @@
import './global.less'; import './global.less';
import './index.less'; import './index.less';
import Head from '../components/公共组件/顶部公司名称'; import Head from '../components/公共组件/顶部公司名称';
import LeftBar from '../components/模块组件/总览/LeftSide';
import BottomBar from '../components/模块组件/总览/Bottom';
import RightBar from '../components/模块组件/总览/RightSide';
import CenterTopData from '../components/模块组件/总览/CenterTop';
import { SocketContextProvider } from '../store/socket-data-provider'; import { SocketContextProvider } from '../store/socket-data-provider';
import useSlider, { Slider } from '../hooks/useSlider'; import useSlider, { Slider } from '../hooks/useSlider';
import NavMenu from '../components/公共组件/导航菜单'; import NavMenu from '../components/公共组件/导航菜单';
import V3DBG from '../assets/V3DBG.png';
import { useState } from 'react'; import { useState } from 'react';
// import V3D from './V3D'; // import V3D from './V3D';
import Home from './总览'; import Home from './总览';
@ -25,22 +21,13 @@ export default function index() {
<> <>
<div id="FullScreen" style={styles}> <div id="FullScreen" style={styles}>
<NavMenu active={navActive} onChangeActive={(v) => setNavActive(v)} /> <NavMenu active={navActive} onChangeActive={(v) => setNavActive(v)} />
<Head />
<SocketContextProvider> <SocketContextProvider>
<Head /> {navActive == '窑炉总览' && <Home />}
<div className="Main"> {navActive == '质检统计' && <CheckInfo />}
<LeftBar /> {navActive == '退火监测' && <FireCheck />}
<div className="Center"> {navActive == '能耗分析' && <EnergyAnalysis />}
<div className="CenterData"> {navActive == '窑炉内部' && <KilnInner />}
<CenterTopData />
</div>
<img src={V3DBG} alt="图片加载错误" className="V3DBG" />
<div className="V3DBorder">{/* <V3D /> */}</div>
<div className="Button">
<BottomBar />
</div>
</div>
<RightBar />
</div>
</SocketContextProvider> </SocketContextProvider>
</div> </div>
<Slider value={value} setValue={setValue} /> <Slider value={value} setValue={setValue} />

24
src/pages/总览/index.jsx
View File

@ -1,3 +1,25 @@
import LeftBar from '../../components/模块组件/总览/LeftSide';
import BottomBar from '../../components/模块组件/总览/Bottom';
import RightBar from '../../components/模块组件/总览/RightSide';
import CenterTopData from '../../components/模块组件/总览/CenterTop';
import V3DBG from '../../assets/V3DBG.png';
export default function Home() { export default function Home() {
return <div>Home</div>; return (
<div className="Main">
<LeftBar />
<div className="Center">
<div className="CenterData">
<CenterTopData />
</div>
<img src={V3DBG} alt="图片加载错误" className="V3DBG" />
<div className="V3DBorder"></div>
<div className="Button">
<BottomBar />
</div>
</div>
<RightBar />
</div>
);
} }