@@ -0,0 +1,4 @@
+const Device = () => {
+ return <div>设备接入视图</div>;
+};
+export default Device;
@@ -0,0 +1,24 @@
+import { PageContainer } from '@ant-design/pro-layout';
+import { Button } from 'antd';
+import { useState } from 'react';
+import Device from './device';
+import Init from './init';
+import Ops from './ops';
+
+const ViewMap = {
+ init: <Init />,
+ device: <Device />,
+ ops: <Ops />,
+const Home = () => {
+ const [current, setCurrent] = useState<'init' | 'device' | 'ops'>('init');
+ return (
+ <PageContainer>
+ <Button onClick={() => setCurrent('device')}>切换视图</Button>
+ {ViewMap[current]}
+ </PageContainer>
+ );
+export default Home;
+const Init = () => {
+ return <div>初始化视图</div>;
+export default Init;
+const Ops = () => {
+ return <div>运维管理视图</div>;
+export default Ops;
@@ -1,5 +1,6 @@
/** 路由Code */
export enum MENUS_CODE {
+ 'home' = 'home',
'Analysis/CPU' = 'Analysis/CPU',
'Analysis/DeviceChart' = 'Analysis/DeviceChart',
'Analysis/DeviceMessage' = 'Analysis/DeviceMessage',