修改看板

1 year ago · 5d308a1c68
parent c293228f8a
commit 5d308a1c68
4 changed files with 214 additions and 186 deletions
--- a/haiwei-admin/src/main/resources/static/board/monitoring.css
+++ b/haiwei-admin/src/main/resources/static/board/monitoring.css
@ -0,0 +1,4 @@
+.plugin{
+    width: 100%;
+    height: 100%;
+}
--- a/haiwei-admin/src/main/resources/static/board/monitoring.js
+++ b/haiwei-admin/src/main/resources/static/board/monitoring.js
--- a/haiwei-admin/src/main/resources/templates/board/board1.html
+++ b/haiwei-admin/src/main/resources/templates/board/board1.html
@ -38,7 +38,10 @@
      backgroundImage: status[`bottomBtn${e}S`] ? 'url("../../board/img/btn1bg.png")' : 'url("../../board/img/btnbg.png")'
    })
    if (e === 3) {
-      // clickStopRealPlay()
+      document.getElementById("monitoringIframe").contentWindow.edit()
+      setTimeout(()=>{
+        $("#monitoring").empty()
+      },100)
    }
  }
  const toggleInfo = () => {
@ -50,7 +53,10 @@
  }
  const bottomBtnInfo = (e, el) => {
    if (e === 3) {
-      // clickLogin()
+      $("#monitoring").append(`<iframe src="monitoring" frameborder="0" id="monitoringIframe" style="width: 100%;height: 100%"></iframe>`)
+      setTimeout(()=>{
+        document.getElementById("monitoringIframe").contentWindow.login()
+      },1000)
    }
    $("#modal" + e).toggle()
    switch (e) {
@ -231,13 +237,12 @@
    <div class="shade" onclick="hideModal(3,this)"></div>
    <div class="centerModal">
      <div class="monitoring" id="monitoring">
-        <iframe src="monitoring" frameborder="0" style="width: 100%;height: 100%"></iframe>
+
      </div>
    </div>
  </div>
 </div>
 <th:block th:include="include :: footer"/>
-<script id="videonode" src="../../js/webVideoCtrl.js"></script>
 <script src="../../board/board.js"></script>
 </body>
 </html>
--- a/haiwei-admin/src/main/resources/templates/board/monitoring.html
+++ b/haiwei-admin/src/main/resources/templates/board/monitoring.html
@ -5,18 +5,24 @@
 </head>
 <body class="white-bg">
 <link href="../../board/monitoring.css" rel="stylesheet">
-<script src="../../js/echarts.js"></script>
+<style>
+  body{
+    margin-top: 16%;
+    margin-left: 28%;
+    /*transform: translate(-50%,-50%);*/
+  }
+</style>
 <script>

-  const edit = () => {
+  var edit = () => {
    clickStopRealPlay()
  }
-  const login = () => {
+  var login = () => {
    clickLogin()
  }
 </script>
 <div>
-  <div class="plugin" id="divPlugin"></div>
+  <div class="plugin" id="divPlugin" style="width: 100vw;height: 100vh"></div>
 </div>
 <th:block th:include="include :: footer"/>
 <script id="videonode" src="../../js/webVideoCtrl.js"></script>