(+) 视频监控

web/client/src/sections/bigScreen/components/header.js

@@ -46,7 +46,8 @@ const Header = ({ dispatch, actions, user, module, setModule, history }) => {
             {[{ title: '基础信息', key: 'basis' },
             { title: '能耗监测', key: 'capacity' },
             { title: '电排远控', key: 'electrical' },
-            { title: '实时监测', key: 'realTime' },].map(v => {
+            { title: '实时监测', key: 'realTime' },
+            { title: '视频监控', key: 'video' },].map(v => {
                return <div key={v.key} style={{
                   width: 100, height: 30, lineHeight: '30px',
                   backgroundImage: `url(/assets/images/monitor/${module == v.key ? 'pitch-on' : 'choseNone'}.png)`,

web/client/src/sections/bigScreen/components/video.js

@@ -0,0 +1,19 @@
+import React from 'react';
+
+const Video = () => {
+    return <iframe
+        style={{
+            width: '100vw',
+            height: 'calc(100vh - 160px)',
+            position: 'absolute',
+            top: '160px',
+            zIndex: 7
+        }}
+        src="https://mediaconsole.ngaiot.com/callService?mid=47501408102333"
+        allowFullScreen
+    >
+        <p>你的浏览器不支持 iframe 。</p>
+    </iframe>
+}
+
+export default Video;

web/client/src/sections/bigScreen/containers/systemManagement.js

@@ -8,6 +8,7 @@ import Basis from '../components/basis';
 import Capacity from '../components/capacity';
 import Electrical from '../components/electrical';
 import RealTime from '../components/realTime';
+import Video from '../components/video';
 import Amap from '../components/amap';
 import './style.less';
 
@@ -51,6 +52,7 @@ const SystemManagement = ({ dispatch, actions, user, history }) => {
          {module == 'capacity' ? <Capacity siteList={siteList} /> : ""}
          {module == 'electrical' ? <Electrical siteList={siteList} /> : ""}
          {module == 'realTime' ? <RealTime siteList={siteList} /> : ""}
+         {module === 'video' && <Video />}
       </div>
    )
 }