From fb5b0f01439f632c8de745357569b39f0c6a9c77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=89=88=E5=85=86=E5=A2=9E?= <你的邮箱@example.com>
Date: Wed, 2 Sep 2026 18:34:36 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B5=E7=AB=99=E7=9B=91=E6=B5=8B=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E6=8E=92=E5=BA=8Fload=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/monitorInfo.vue                | 32 +++++++++++--------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/frontend/src/modules/rightSearchDrawer/monitoringTable/components/monitorInfo.vue b/frontend/src/modules/rightSearchDrawer/monitoringTable/components/monitorInfo.vue
index 4ffb64a4..0de5d32b 100644
--- a/frontend/src/modules/rightSearchDrawer/monitoringTable/components/monitorInfo.vue
+++ b/frontend/src/modules/rightSearchDrawer/monitoringTable/components/monitorInfo.vue
@@ -23,18 +23,20 @@
         />
       </div>
       <div class="monitor-table">
-        <BasicTable
-          ref="tableRef"
-          :scrollY="240"
-          :scrollX="tableScrollX"
-          :columns="tableColumns"
-          :data="tableData"
-          :paginationConfig="{
-            showSizeChanger: false,
-            showQuickJumper: false
-          }"
-          @sort-change="handleSortChange"
-        />
+        <a-spin :spinning="tableLoading" tip="加载中...">
+          <BasicTable
+            ref="tableRef"
+            :scrollY="240"
+            :scrollX="tableScrollX"
+            :columns="tableColumns"
+            :data="tableData"
+            :paginationConfig="{
+              showSizeChanger: false,
+              showQuickJumper: false
+            }"
+            @sort-change="handleSortChange"
+          />
+        </a-spin>
       </div>
     </a-spin>
   </SidePanelItem>
@@ -487,7 +489,11 @@ const buildSearchParams = (sort?: { field: string; dir: 'asc' | 'desc' }) => {
 };
 
 // data 模式表格：点击排序时重新请求接口（服务端排序），与 listUrl 模式效果一致
-const { tableData, handleSortChange } = useServerSortTableData<any>({
+const {
+  tableData,
+  isLoading: tableLoading,
+  handleSortChange
+} = useServerSortTableData<any>({
   request: getMonitorData,
   buildSearchParams
 });