From 31309420373269add0341d670fd6cea68ef9278e Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Mon, 4 Mar 2024 16:31:00 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E6=8A=A5=E8=AD=A6=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E6=A1=86loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/tunnel/index.vue | 38 +++++++++++++++++++++++++++++---------
 1 file changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue
index fdd9460..308c761 100644
--- a/src/views/tunnel/index.vue
+++ b/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 {