fix : 报警信息框loading

src/views/tunnel/index.vue

@@ -85,7 +85,7 @@
       </div>
     </el-dialog>
   </div>
-  <div class="digital-tunnel" >
+  <div class="digital-tunnel">
     <el-dialog :close-on-click-modal="false" v-model="isVisited" title="报警信息"
                width="2175px"
                :modal="false">
@@ -106,7 +106,7 @@
         </el-form-item>
       </el-form>
       <div class="device-table">
-        <el-table stripe v-loading="loading"
+        <el-table stripe v-loading="loading" :empty-text="tableEmptyText"
                   style="background-color: #011c29;--el-table-border-color: none;"
                   :header-cell-style="{backgroundColor: '#064B66',color: '#fff',fontSize: '40px',borderBottom: 'none' }"
                   :data="alarmList">
@@ -184,6 +184,7 @@ const showFan = ref(false);
 const drawerLeft = ref(true);
 const showTunnelTitle = ref(true);
 const loading = ref(false);
+const tableEmptyText = ref("加载中~");
 const initialIndex = ref(0)
 const showFanLoading = ref(0)
 const showWindLoading = ref(0)
@@ -334,6 +335,11 @@ const getAlarmList = () => {
   }).then(res => {
     if (res.code === 1000) {
       loading.value = false
+      if(res.data.rows.length===0){
+        tableEmptyText.value='暂无数据~'
+      }else {
+        tableEmptyText.value=''
+      }
       alarmList.value = res.data.rows
       total.value = res.data.total
     }
@@ -688,19 +694,33 @@ const initWebSocket = () => {
     margin: 820px auto 0 auto;
   }
 }
-:deep(.el-table__body-wrapper){
+
+:deep(.el-table__body-wrapper) {
   height: 90px;
+
 }
-:deep(.el-loading-mask) {
-  background-color: transparent;
-  .el-loading-spinner{
-    height: 60px;
+:deep(.el-table--fit) {
+  width: auto;
+  //height: 600px;
+  background-color: transparent!important;
+  .el-loading-mask{
+    background: rgba(6, 34, 71, 0.78);
+    .el-loading-spinner{
+      .circular{
+        width: 150px;
+        height: 150px;
+      }
+    }
   }
 }
 
 :deep(.el-table__empty-block) {
-  font-size: 40px;
-  background-color: transparent;
+  height: 200px!important;
+  //display: none;
+  .el-table__empty-text{
+    font-size: 60px;
+    color: #08B7B8;
+  }
 }
 
 .digital-tunnel {