外因火灾-界面布局修改更新

src/views/vent/monitorManager/alarmMonitor/common/mainWell.vue

@@ -424,7 +424,7 @@ watch(
   () => props.listData,
   (val) => {
     console.log(val, 'val---------------');
-    props.listData = val;
+    // props.listData = val;
     if (JSON.stringify(val) === '{}') return;
     echartDataSg1.xData.length = 0;
     echartDataSg1.yData.length = 0;
@@ -938,7 +938,7 @@ watch(
       display: flex;
       flex-direction: column;
       width: calc(50% - 10px);
-      height: calc(70% - 10px);
+      height: calc(50% - 10px);
       background: var(--image-bj1) no-repeat center;
       background-size: 100% 100%;
 
@@ -1093,50 +1093,6 @@ watch(
         }
       }
     }
-
-    .content-boxs {
-      display: flex;
-      flex-direction: column;
-      width: calc(50% - 10px);
-      height: calc(30% - 30px);
-      background: var(--image-bj1) no-repeat center;
-      background-size: 100% 100%;
-
-      &:nth-child(1) {
-        margin: 0px 20px 20px 0px;
-      }
-
-      &:nth-child(3) {
-        margin: 0px 20px 20px 0px;
-      }
-
-      .title {
-        width: 100%;
-        height: 40px;
-        padding: 0px 15px;
-        margin-bottom: 10px;
-        border-bottom: 1px solid var(--vent-warn-tab-bg);
-        box-sizing: border-box;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        .title-label {
-          font-size: 16px;
-          color: #fff;
-        }
-
-        .details {
-          font-size: 14px;
-          color: #1f81df;
-        }
-      }
-
-      .content {
-        height: calc(100% - 40px);
-        margin-bottom: 10px;
-      }
-    }
   }
 
   .center-box2 {
@@ -1151,7 +1107,7 @@ watch(
       display: flex;
       flex-direction: column;
       width: calc(50% - 10px);
-      height: calc(70% - 10px);
+      height: calc(50% - 10px);
       background: var(--image-bj1) no-repeat center;
       background-size: 100% 100%;
 
@@ -1175,7 +1131,7 @@ watch(
         position: absolute;
         width: 100%;
         top: 38px;
-        height: calc(100% - 48px);
+        height: calc(100% - 48px);  
         overflow-y: auto;
 
         .container-content-box {
@@ -1306,50 +1262,6 @@ watch(
         }
       }
     }
-
-    .content-boxs {
-      display: flex;
-      flex-direction: column;
-      width: calc(50% - 10px);
-      height: calc(50% - 30px);
-      background: var(--image-bj1) no-repeat center;
-      background-size: 100% 100%;
-
-      &:nth-child(1) {
-        margin: 0px 20px 20px 0px;
-      }
-
-      &:nth-child(3) {
-        margin: 0px 20px 20px 0px;
-      }
-
-      .title {
-        width: 100%;
-        height: 40px;
-        padding: 0px 15px;
-        margin-bottom: 10px;
-        border-bottom: 1px solid var(--vent-warn-tab-bg);
-        box-sizing: border-box;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        .title-label {
-          font-size: 16px;
-          color: #fff;
-        }
-
-        .details {
-          font-size: 14px;
-          color: #1f81df;
-        }
-      }
-
-      .content {
-        height: calc(100% - 40px);
-        margin-bottom: 10px;
-      }
-    }
   }
 
   .footer-box {