From c610f06e0c1d98c9865048d135be987283236a7e Mon Sep 17 00:00:00 2001
From: liujiangyong <liu.jiangyong@free-sun.com.cn>
Date: Sun, 8 Oct 2023 17:08:58 +0800
Subject: [PATCH] =?UTF-8?q?(+)=20=E8=A7=86=E9=A2=91=E7=9B=91=E6=8E=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sections/bigScreen/components/header.js   |  3 ++-
 .../sections/bigScreen/components/video.js    | 19 +++++++++++++++++++
 .../bigScreen/containers/systemManagement.js  |  2 ++
 3 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 web/client/src/sections/bigScreen/components/video.js

diff --git a/web/client/src/sections/bigScreen/components/header.js b/web/client/src/sections/bigScreen/components/header.js
index de265d4..c8b9aed 100644
--- a/web/client/src/sections/bigScreen/components/header.js
+++ b/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)`,
diff --git a/web/client/src/sections/bigScreen/components/video.js b/web/client/src/sections/bigScreen/components/video.js
new file mode 100644
index 0000000..b866699
--- /dev/null
+++ b/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;
\ No newline at end of file
diff --git a/web/client/src/sections/bigScreen/containers/systemManagement.js b/web/client/src/sections/bigScreen/containers/systemManagement.js
index 0be588f..efbd56c 100644
--- a/web/client/src/sections/bigScreen/containers/systemManagement.js
+++ b/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>
    )
 }