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 @@ -
+
@@ -106,7 +106,7 @@
- @@ -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 {