优化右边滚动,没有值的时候报错问题

gassafetyprogress-web/src/components/bigWindow/rightBar.vue

 <template>
   <div style="height: 100%">
-
     <!-- 预警信息 -->
     <div>
       <div class="item1">
         <span class="dot">
           <span class="dot-inner"></span>
         </span>
-        <span style="letter-spacing: 3px; color: #cddbe4;cursor: pointer;" @click="$router.push('/operationMonitor/operationMonitor')">预警信息</span>
+        <span
+          style="letter-spacing: 3px; color: #cddbe4; cursor: pointer"
+          @click="$router.push('/operationMonitor/operationMonitor')"
+          >预警信息</span
+        >
         <div
           class="fong-div"
           style="
@@ -92,8 +95,6 @@
       </div>
     </div>
 
-
-
     <!-- 用户安全监控设备 -->
     <div>
       <div class="item1">
@@ -156,7 +157,9 @@
               color: #00ffff;
               font-size: 20px;
             "
-            >{{ diviceNum.juminNum + diviceNum.shangNum + diviceNum.gongNum }}</span
+            >{{
+              diviceNum.juminNum + diviceNum.shangNum + diviceNum.gongNum
+            }}</span
           >
         </div>
         <div class="usernum">
@@ -184,7 +187,6 @@
         </div>
       </div>
 
-  
       <div class="outuserright">
         <div class="outusertwo">
           <p>安全设备数量</p>
@@ -192,7 +194,7 @@
             diviceNum.baoNum + diviceNum.changNum + diviceNum.liNum
           }}</span> -->
         </div>
-        <div id="huanright" style="width: 235px; height: 170px;"></div>
+        <div id="huanright" style="width: 235px; height: 170px"></div>
         <div class="inyuan">
           <div style="letter-spacing: 2px">设备总数</div>
           <span
@@ -231,18 +233,17 @@
       </div>
     </div>
 
-    
-    
-    
-
-
     <!-- 资源统计 -->
     <div>
       <div class="item1" style="margin-top: 15px">
         <span class="dot">
           <span class="dot-inner"></span>
         </span>
-        <span style="letter-spacing: 3px; color: #cddbe4;cursor: pointer;" @click="$router.push('/regulation/station')">资源统计</span>
+        <span
+          style="letter-spacing: 3px; color: #cddbe4; cursor: pointer"
+          @click="$router.push('/regulation/station')"
+          >资源统计</span
+        >
         <div
           class="fong-div"
           style="
@@ -286,9 +287,6 @@
     >
       <div id="myChartone" :style="{ width: '420px', height: '240px' }"></div>
     </div>
-
-
-    
   </div>
 </template>
 
@@ -360,7 +358,7 @@ export default {
       );
       // 列表
       const select = this.$refs.table.$el
-        .querySelector(".el-table__body-wrapper")
+        ?.querySelector(".el-table__body-wrapper")
         .querySelector(".el-table__body");
 
       setTimeout(() => {
@@ -376,7 +374,7 @@ export default {
           console.log("滚动");
         } else {
           this.alarmTimerAni();
-          console.log("不滚动");
+          console.log("不滚动-----------------------------");
         }
         // 列表大的时候鼠标移入移出就会触发暂停，否则就return
         this.changeTimer = heightSelect > heightWrapper;
@@ -852,7 +850,7 @@ export default {
     transform: scale(2.4);
   }
 }
-.inuser{
+.inuser {
   width: 100%;
   height: 265px;
 }