外因火灾-暂无数据修改

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

@@ -62,9 +62,12 @@
     </div>
 
     <div class="center-box" v-if="strType != 'sys_coalseam'">
-      <div class="content-box">
+      <div  class= "content-box" >
         <div class="container-title">{{ tabLists.yw }}</div>
-        <div class="container-content">
+        <div v-if="monitorlistYw.length==0" class="container-content1">
+          <div class="noData-text">暂无数据</div>
+        </div>
+        <div v-else class="container-content">
           <div class="container-content-box" v-for="(item, index) in monitorlistYw" :key="index">
             <div class="content-box-title">{{ item.strinstallpos || '--' }}</div>
             <div class="content-box-text">
@@ -110,7 +113,10 @@
       </div> -->
       <div class="content-box">
         <div class="container-title">{{ tabLists.wd }}</div>
-        <div class="container-content">
+        <div v-if="monitorlistWd.length==0" class="container-content1">
+          <div class="noData-text">暂无数据</div>
+        </div>
+        <div v-else class="container-content">
           <div class="container-content-box" v-for="(item, index) in monitorlistWd" :key="index">
             <div class="content-box-title">{{ item.strinstallpos || '--' }}</div>
             <div class="content-box-text">
@@ -133,7 +139,10 @@
       </div>
       <div class="content-box">
         <div class="container-title">{{ tabLists.co }}</div>
-        <div class="container-content">
+        <div v-if="monitorlistHy.length==0" class="container-content1">
+          <div class="noData-text">暂无数据</div>
+        </div>
+        <div v-else class="container-content">
           <div class="container-content-box" v-for="(item, index) in monitorlistHy" :key="index">
             <div class="content-box-title">{{ item.strinstallpos || '--' }}</div>
             <div class="content-box-text">
@@ -156,7 +165,10 @@
     <div :class="listData.fiber.length != 0 ? 'center-box1' : 'center-box2'" v-if="strType == 'sys_coalseam'">
       <div class="content-box">
         <div class="container-title">{{ tabLists.yw }}</div>
-        <div class="container-content">
+        <div v-if="monitorlistYw.length==0" class="container-content1">
+          <div class="noData-text">暂无数据</div>
+        </div>
+        <div v-else class="container-content">
           <div class="container-content-box" v-for="(item, index) in monitorlistYw" :key="index">
             <div class="content-box-title">{{ item.strinstallpos || '--' }}</div>
             <div class="content-box-text">
@@ -179,7 +191,10 @@
       </div>
       <div class="content-box">
         <div class="container-title">{{ tabLists.wd }}</div>
-        <div class="container-content">
+        <div v-if="monitorlistWd.length==0" class="container-content1">
+          <div class="noData-text">暂无数据</div>
+        </div>
+        <div v-else class="container-content">
           <div class="container-content-box" v-for="(item, index) in monitorlistWd" :key="index">
             <div class="content-box-title">{{ item.strinstallpos || '--' }}</div>
             <div class="content-box-text">
@@ -202,7 +217,10 @@
       </div>
       <div class="content-box">
         <div class="container-title">{{ tabLists.pl }}</div>
-        <div class="container-content">
+        <div v-if="monitorlistPl.length==0" class="container-content1">
+          <div class="noData-text">暂无数据</div>
+        </div>
+        <div v-else class="container-content">
           <div class="container-content-box" v-for="(item, index) in monitorlistPl" :key="index">
             <div class="content-box-title">{{ item.strinstallpos || '--' }}</div>
             <div class="content-box-text">
@@ -225,7 +243,10 @@
       </div>
       <div class="content-box">
         <div class="container-title">{{ tabLists.co }}</div>
-        <div class="container-content">
+        <div v-if="monitorlistHy.length==0" class="container-content1">
+          <div class="noData-text">暂无数据</div>
+        </div>
+        <div v-else class="container-content">
           <div class="container-content-box" v-for="(item, index) in monitorlistHy" :key="index">
             <div class="content-box-title">{{ item.strinstallpos || '--' }}</div>
             <div class="content-box-text">
@@ -689,6 +710,7 @@ watch(
 }
 
 .mainWell {
+  --image-zwnr: url('/@/assets/images/fire/wy-zwnr.png');
   --image-z: url('/@/assets/images/fire/wy-z.png');
   --image-zt: url('/@/assets/images/fire/wy-zt.png');
   --image-zt1: url('/@/assets/images/fire/wy-zt2.png');
@@ -970,7 +992,22 @@ watch(
         top: 4px;
         color: #fff;
       }
-
+      .container-content1{
+        position: absolute;
+        width: 100%;
+        top: 38px;
+        height: calc(100% - 48px);
+        background: var(--image-zwnr) no-repeat center;
+        background-size: 100% 100%;
+        overflow-y: auto;
+        .noData-text{
+          position: absolute;
+    left: 50%;
+    transform: translate(-50%, 0);
+    bottom: 20px;
+    color: #fff;
+        }
+      }
       .container-content {
         position: absolute;
         width: 100%;
@@ -1106,7 +1143,6 @@ watch(
         }
       }
     }
-
   }
 
   .center-box1 {
@@ -1142,6 +1178,22 @@ watch(
         color: #fff;
       }
 
+      .container-content1{
+        position: absolute;
+        width: 100%;
+        top: 38px;
+        height: calc(100% - 48px);
+        background: var(--image-zwnr) no-repeat center;
+        background-size: 100% 100%;
+        overflow-y: auto;
+        .noData-text{
+          position: absolute;
+    left: 50%;
+    transform: translate(-50%, 0);
+    bottom: 20px;
+    color: #fff;
+        }
+      }
       .container-content {
         position: absolute;
         width: 100%;
@@ -1310,7 +1362,22 @@ watch(
         top: 4px;
         color: #fff;
       }
-
+      .container-content1{
+        position: absolute;
+        width: 100%;
+        top: 38px;
+        height: calc(100% - 48px);
+        background: var(--image-zwnr) no-repeat center;
+        background-size: 100% 100%;
+        overflow-y: auto;
+        .noData-text{
+          position: absolute;
+    left: 50%;
+    transform: translate(-50%, 0);
+    bottom: 20px;
+    color: #fff;
+        }
+      }
       .container-content {
         position: absolute;
         width: 100%;
@@ -1447,6 +1514,9 @@ watch(
       }
     }
   }
+ 
+ 
+
 
   .footer-box {
     height: calc(38% - 40px);