监控中心页

code/VideoAccess-VCMP/web/client/src/app.jsx

@@ -5,20 +5,21 @@ import Layout from './layout';
 import Auth from './sections/auth';
 import Example from './sections/example';
 import EquipmentWarehouse from './sections/equipmentWarehouse';
+import Monitor from './sections/monitor'
 
 const App = props => {
-    const { projectName } = props
+   const { projectName } = props
 
-    useEffect(() => {
+   useEffect(() => {
-        document.title = projectName;
+      document.title = projectName;
-    }, [])
+   }, [])
 
-    return (
+   return (
-        <Layout
+      <Layout
-            title={projectName}
+         title={projectName}
-            sections={[Auth, EquipmentWarehouse]}
+         sections={[Auth, EquipmentWarehouse, Monitor]}
-        />
+      />
-    )
+   )
 }
 
 export default App;

code/VideoAccess-VCMP/web/client/src/sections/monitor/actions/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+export default {
+
+}

code/VideoAccess-VCMP/web/client/src/sections/monitor/containers/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+import MonitorCenter from './monitorCenter';
+
+export { MonitorCenter };

code/VideoAccess-VCMP/web/client/src/sections/monitor/containers/monitorCenter.jsx

@@ -0,0 +1,21 @@
+import React, { useEffect } from 'react';
+import { connect } from 'react-redux';
+import { Coming } from '$components'
+import '../style.less'
+
+const MonitorCenter = (props) => {
+
+
+   return (
+      <Coming />
+   )
+}
+
+function mapStateToProps (state) {
+   const { auth } = state;
+   return {
+      user: auth.user,
+   };
+}
+
+export default connect(mapStateToProps)(MonitorCenter);

code/VideoAccess-VCMP/web/client/src/sections/monitor/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+import reducers from './reducers';
+import routes from './routes';
+import actions from './actions';
+import { getNavItem } from './nav-item';
+
+export default {
+   key: 'monitorCenter',
+   name: '监控中心',
+   reducers: reducers,
+   routes: routes,
+   actions: actions,
+   getNavItem: getNavItem
+};

code/VideoAccess-VCMP/web/client/src/sections/monitor/nav-item.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IconCode } from '@douyinfe/semi-icons';
+
+export function getNavItem (user, dispatch) {
+   return (
+      [
+         {
+            itemKey: 'monitor', text: '监控中心', to: '/monitor', icon: <IconCode />,
+         },
+      ]
+   );
+}

code/VideoAccess-VCMP/web/client/src/sections/monitor/reducers/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+export default {
+
+}

code/VideoAccess-VCMP/web/client/src/sections/monitor/routes.js

@@ -0,0 +1,12 @@
+'use strict';
+import { MonitorCenter, } from './containers';
+
+export default [{
+   type: 'inner',
+   route: {
+      path: '/monitor',
+      key: 'monitor',
+      breadcrumb: '栗子',
+      component: MonitorCenter,
+   }
+}];