From b9fcc6febe1175e186e7d2f644c5b58aa76f9325 Mon Sep 17 00:00:00 2001
From: jiask <1069621233@qq.com>
Date: Fri, 22 Aug 2025 17:18:16 +0800
Subject: [PATCH 1/3] =?UTF-8?q?jsk=20=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/monitor/iframe.html    |  2 +-
 src/views/videoMonitoring.vue | 18 +++++++++---------
 src/views/view.vue            | 16 +++++++++-------
 3 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/public/monitor/iframe.html b/public/monitor/iframe.html
index 04ce4dd..f03ba8f 100644
--- a/public/monitor/iframe.html
+++ b/public/monitor/iframe.html
@@ -44,7 +44,7 @@ $(function () {
         height = '930';
     }
     width = 500;
-    height = 300;
+    height = 250;
     // ��ʼ�����������������
     WebVideoCtrl.I_InitPlugin(width,height, {
         bWndFull: true,//�Ƿ�֧�ֵ�����˫��ȫ����Ĭ��֧�� true:֧�� false:��֧��
diff --git a/src/views/videoMonitoring.vue b/src/views/videoMonitoring.vue
index d24694e..ce91eb4 100644
--- a/src/views/videoMonitoring.vue
+++ b/src/views/videoMonitoring.vue
@@ -1,32 +1,32 @@
 <template>
     <div id="video">
         <div class="contant">
-          <table style="height: 600px;width: 100%;">
+          <table style="height: 500px;width: 100%;">
             <tr style="height: 100%;width: 100%;">
               <td style="width: 100%;">
                  <div style="width: 80%; height: 100%; object-fit: cover;" >
-                     <div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('14')"></div>
-                     <iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe>
+                     <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('14')"></div>
+                     <iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe>
                  </div>
               </td>
               <td style="width: 100%;">
                  <div style="width: 80%; height: 100%; object-fit: cover;">
-                     <div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('16')"></div>
-                     <iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe>
+                     <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('16')"></div>
+                     <iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe>
                  </div>
               </td>
             </tr>
             <tr style="height: 100%;width: 100%;">
               <td style="width: 100%;">
                  <div style="width: 80%; height: 100%; object-fit: cover;" >
-                     <div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('17')"></div>
-                     <iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe3" frameborder="0" ></iframe>
+                     <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('17')"></div>
+                     <iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe3" frameborder="0" ></iframe>
                  </div>
               </td>
               <td style="width: 100%;">
                  <div style="width: 80%; height: 100%; object-fit: cover;" >
-                     <div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('32')"></div>
-                     <iframe style="width: 500px;height: 300px"  src="monitor/iframe.html" ref="videoIframe4" frameborder="0" ></iframe>
+                     <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('32')"></div>
+                     <iframe style="width: 500px;height: 250px"  src="monitor/iframe.html" ref="videoIframe4" frameborder="0" ></iframe>
                  </div>
               </td>
             </tr>
diff --git a/src/views/view.vue b/src/views/view.vue
index f0e0f49..b7628b0 100644
--- a/src/views/view.vue
+++ b/src/views/view.vue
@@ -103,10 +103,10 @@
         </div>
       </div>
     </div>
-    <div style="height: 40%;width: 70%;margin-top: 8%;">
+    <div style="height: 30%;width: 92%;margin-top: 5%;">
       <div class="partthree_title"><span>重点区域监控</span></div>
       <div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
-      <div style="height: 100%;width: 100%;margin-top: 1%;">
+      <div style="height: 95%;width: 100%;margin-top: 1%;">
         <videoMonitoring></videoMonitoring>
         <!-- <table style="height: 50%;width: 100%;">
           <tr style="height: 50%;width: 50%;">
@@ -184,6 +184,8 @@ export default {
   created() {
   },
   mounted() {
+     // alert("screen.width"+screen.width);
+     // alert("screen.height"+screen.height);
      this.getCurrentTime(); // 组件挂载后获取时间
      this.initData();// 你的业务逻辑
      setTimeout(()=>{
@@ -589,17 +591,17 @@ export default {
       background-image: url("../assets/images/background.jpg");
       background-size: cover; /* 覆盖整个div */
       background-position: center; /* 图片居中 */
-      overflow-y: auto; /* 仅垂直滚动 */
+      // overflow-y: auto; /* 仅垂直滚动 */
       display: flex;
       width: 100%;
       justify-content: center; /* 水平居中 */
       flex-wrap: wrap;
     }
     .container2 {
-        height: 100%;
+        height: 95%;
         width: 100%;
         display: flex;
-        flex-direction: row;
+        // flex-direction: row;
         justify-content: center; /* 水平居中 */
         align-items: center;
         flex-wrap: wrap;
@@ -610,7 +612,7 @@ export default {
        background-image: url("../assets/images/canteen1.png");
        background-size: cover; /* 覆盖整个div */
        background-position: center; /* 图片居中 */
-       height: 15%;
+       height: 5%;
     }
     .titlediv{
       display: flex;
@@ -699,7 +701,7 @@ export default {
     }
     .partthree{
       margin-top: 1%;
-      height: 30%;
+      height: 8%;
       width: 90%;
 
       display: flex;

From 809501e7c65ebad4cd77be53c9c044f55c7c3412 Mon Sep 17 00:00:00 2001
From: jiask <1069621233@qq.com>
Date: Fri, 22 Aug 2025 17:20:56 +0800
Subject: [PATCH 2/3] =?UTF-8?q?jsk=20=20=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/view.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/view.vue b/src/views/view.vue
index b7628b0..3dc70d9 100644
--- a/src/views/view.vue
+++ b/src/views/view.vue
@@ -106,7 +106,7 @@
     <div style="height: 30%;width: 92%;margin-top: 5%;">
       <div class="partthree_title"><span>重点区域监控</span></div>
       <div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
-      <div style="height: 95%;width: 100%;margin-top: 1%;">
+      <div style="height: 92%;width: 100%;margin-top: 1%;">
         <videoMonitoring></videoMonitoring>
         <!-- <table style="height: 50%;width: 100%;">
           <tr style="height: 50%;width: 50%;">

From 4d7d4984d7bb26d75d9c2eee5911cfb621be87d4 Mon Sep 17 00:00:00 2001
From: jiask <1069621233@qq.com>
Date: Fri, 22 Aug 2025 17:55:24 +0800
Subject: [PATCH 3/3] =?UTF-8?q?jsk=20=20=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/view.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/views/view.vue b/src/views/view.vue
index 3dc70d9..8f18827 100644
--- a/src/views/view.vue
+++ b/src/views/view.vue
@@ -27,7 +27,7 @@
           <td>健康证</td>
         </tr>
         <tr style="height: 100%;width: 100%;">
-          <td rowspan="5" style="height: 250px;width: 25%;">
+          <td rowspan="5" style="height: 230px;width: 25%;">
               <div style="width: 100%;height: 100%;">
                   <div style="height: 100%;" ref="chartone"></div>
               </div>
@@ -66,7 +66,7 @@
         </tr>
       </table>
     </div>
-    <div class="fegexian" style="margin-top: 10px;"></div>
+    <div class="fegexian"></div>
    <div class="partthree">
       <div class="partthree_title"><span>AI巡检记录</span></div>
       <div style="width: 100%; height: 100%; ">
@@ -80,7 +80,7 @@
       </div>
     </div>
 
-    <div  style="display: flex;margin-top: 15%;">
+    <div  style="display: flex;margin-top: 10%;">
       <div class="container2">
         <div class="partthree_title"><span>证照公示</span></div>
         <div class="partthree_title2"><div class="fegexian2" style="margin-top: 0px;"></div></div>
@@ -591,7 +591,7 @@ export default {
       background-image: url("../assets/images/background.jpg");
       background-size: cover; /* 覆盖整个div */
       background-position: center; /* 图片居中 */
-      // overflow-y: auto; /* 仅垂直滚动 */
+      overflow-y: auto; /* 仅垂直滚动 */
       display: flex;
       width: 100%;
       justify-content: center; /* 水平居中 */
@@ -638,6 +638,7 @@ export default {
     }
     .titlediv2{
       display: flex;
+      height: 1%;
       width: 100%;
       justify-content: center; /* 水平居中 */
       align-items: flex-start; /* 垂直靠上 */