optimize plc monitor page layout

xiuosiot-frontend/src/layout/components/AppMain.vue

@@ -25,7 +25,7 @@ export default {
   height:calc(100vh - 50px);
   width: 100%;
   position: relative;
-  overflow: hidden;
+  /* overflow: hidden; */
 }
 .fixed-header + .app-main {
   padding-top: 50px;

xiuosiot-frontend/src/layout/components/Navbar.vue

@@ -77,7 +77,7 @@ export default {
     }
 
     .corp {
-      font-size: 14px;
+      font-size: 20px;
       font-weight: bold;
       margin-right: 20px;
       font-family: cursive;

xiuosiot-frontend/src/views/terminal/PLC/monitor.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" :style="{'padding-top':paddingTop + 'px'}">
     <div class="part1">
       <div class="top">
         <div class="left">
@@ -507,13 +507,24 @@ export default {
           valueName: 'DB_模台当前位置',
           value: -7
         }
-      ]
+      ],
+      paddingTop: 120
     }
   },
   mounted() {
     this.openSocket()
+    this.resize()
+    window.onresize = () => {
+      console.log('clientHeight', document.body.clientHeight)
+      this.resize()
+    }
   },
   methods: {
+    resize() {
+      const heightMinus = Math.abs(document.body.clientHeight - 920)
+      console.log('heightMinus', heightMinus)
+      this.paddingTop = 120 + (heightMinus - 20) / 2
+    },
     openSocket() {
       const socketUrl = 'ws://115.238.53.59:18080/websocket/jxsd'
       const socket = new WebSocket(socketUrl)
@@ -574,9 +585,9 @@ export default {
   background-size: 100% 100%;
   color: #fff;
   font-family: Microsoft YaHei;
-  padding: 120px 0 30px 30px;
+  padding: 0 0 30px 30px;
   display: flex;
-  height: 100%;
+  min-height: calc(100vh - 50px);
   .title {
     font-size: 20px;
     font-family: TRENDS;