diff --git a/src/components/公共组件/导航菜单/index.jsx b/src/components/公共组件/导航菜单/index.jsx index 1325e99..b58e7ce 100644 --- a/src/components/公共组件/导航菜单/index.jsx +++ b/src/components/公共组件/导航菜单/index.jsx @@ -1,6 +1,7 @@ +import { useCallback, useState } from 'react'; import cls from './index.module.less'; -export default function CenterMenu() { +export default function CenterMenu({ active, onChangeActive }) { const menuList = [ ['窑炉总览', '/kilnSummary'], ['窑炉内部', '/kilnInner'], @@ -11,7 +12,11 @@ export default function CenterMenu() { return (
{menuList.map((menu) => ( -
+
onChangeActive(menu[0])} + > {menu[0]}
))} diff --git a/src/components/公共组件/导航菜单/index.module.less b/src/components/公共组件/导航菜单/index.module.less index 1dca211..40ec541 100644 --- a/src/components/公共组件/导航菜单/index.module.less +++ b/src/components/公共组件/导航菜单/index.module.less @@ -23,6 +23,7 @@ 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif; } +.menuItem.active, .menuItem:hover { color: #00fff7; } diff --git a/src/components/模块组件/总览/CenterTop/index.jsx b/src/components/模块组件/总览/CenterTop/index.jsx index 20d4ebc..6803f2a 100644 --- a/src/components/模块组件/总览/CenterTop/index.jsx +++ b/src/components/模块组件/总览/CenterTop/index.jsx @@ -1,5 +1,4 @@ import React from 'react'; -import NavMenu from '../../../公共组件/导航菜单'; import Item2 from './RightTable'; import Item1 from './LeftBoxes'; @@ -8,7 +7,6 @@ import cls from './index.module.less'; export default function index() { return ( <> -
diff --git a/src/hooks/useSlider.js b/src/hooks/useSlider.js index 9afdd20..6e4e337 100644 --- a/src/hooks/useSlider.js +++ b/src/hooks/useSlider.js @@ -44,5 +44,5 @@ export default function useSlider(defaultSize) { }; }, [value]); - return { styles, setValue }; + return { styles, value, setValue }; } diff --git a/src/pages/index.jsx b/src/pages/index.jsx index a67393d..20b430c 100644 --- a/src/pages/index.jsx +++ b/src/pages/index.jsx @@ -7,17 +7,25 @@ import RightBar from '../components/模块组件/总览/RightSide'; import CenterTopData from '../components/模块组件/总览/CenterTop'; import { SocketContextProvider } from '../store/socket-data-provider'; import useSlider, { Slider } from '../hooks/useSlider'; - +import NavMenu from '../components/公共组件/导航菜单'; import V3DBG from '../assets/V3DBG.png'; +import { useState } from 'react'; // import V3D from './V3D'; +import Home from './总览'; +import CheckInfo from './质检统计'; +import FireCheck from './退火监测'; +import EnergyAnalysis from './能耗分析'; +import KilnInner from './窑炉内部'; export default function index() { - const { styles, setValue } = useSlider(75); + const { styles, value, setValue } = useSlider(75); + const [navActive, setNavActive] = useState('窑炉总览'); return ( <> - -
+
+ setNavActive(v)} /> +
@@ -33,9 +41,9 @@ export default function index() {
-
- - + +
+ ); } diff --git a/src/pages/总览/1 b/src/pages/总览/1 deleted file mode 100644 index e69de29..0000000 diff --git a/src/pages/总览/index.jsx b/src/pages/总览/index.jsx new file mode 100644 index 0000000..3c97a2e --- /dev/null +++ b/src/pages/总览/index.jsx @@ -0,0 +1,3 @@ +export default function Home() { + return
Home
; +} diff --git a/src/pages/窑炉内部/1 b/src/pages/窑炉内部/1 deleted file mode 100644 index d00491f..0000000 --- a/src/pages/窑炉内部/1 +++ /dev/null @@ -1 +0,0 @@ -1 diff --git a/src/pages/窑炉内部/index.jsx b/src/pages/窑炉内部/index.jsx new file mode 100644 index 0000000..ddc678c --- /dev/null +++ b/src/pages/窑炉内部/index.jsx @@ -0,0 +1,3 @@ +export default function KilnInner() { + return
KilnInner
; +} diff --git a/src/pages/能耗分析/1 b/src/pages/能耗分析/1 deleted file mode 100644 index 56a6051..0000000 --- a/src/pages/能耗分析/1 +++ /dev/null @@ -1 +0,0 @@ -1 \ No newline at end of file diff --git a/src/pages/能耗分析/index.jsx b/src/pages/能耗分析/index.jsx new file mode 100644 index 0000000..483d209 --- /dev/null +++ b/src/pages/能耗分析/index.jsx @@ -0,0 +1,3 @@ +export default function EnergyAnalysis() { + return
EnergyAnalysis
; +} diff --git a/src/pages/质检统计/1 b/src/pages/质检统计/1 deleted file mode 100644 index 0bc999a..0000000 --- a/src/pages/质检统计/1 +++ /dev/null @@ -1,2 +0,0 @@ -1 -1 \ No newline at end of file diff --git a/src/pages/质检统计/index.jsx b/src/pages/质检统计/index.jsx new file mode 100644 index 0000000..f73f928 --- /dev/null +++ b/src/pages/质检统计/index.jsx @@ -0,0 +1,3 @@ +export default function CheckInfo() { + return
CheckInfo
; +} diff --git a/src/pages/退火监测/1 b/src/pages/退火监测/1 deleted file mode 100644 index 56a6051..0000000 --- a/src/pages/退火监测/1 +++ /dev/null @@ -1 +0,0 @@ -1 \ No newline at end of file diff --git a/src/pages/退火监测/index.jsx b/src/pages/退火监测/index.jsx new file mode 100644 index 0000000..998129e --- /dev/null +++ b/src/pages/退火监测/index.jsx @@ -0,0 +1,3 @@ +export default function FireCheck() { + return
FireCheck
; +}