From 640a2624124e17530e60769b83ce94fde281e110 Mon Sep 17 00:00:00 2001
From: chengkai3 <chengkai3@asiainfo.com>
Date: Tue, 9 Jun 2026 17:26:58 +0800
Subject: [PATCH] =?UTF-8?q?[fix]:[FL-73][=E8=A1=A5=E9=BD=90Worker=E7=9B=91?=
 =?UTF-8?q?=E6=8E=A7=E9=A1=B5=E9=9D=A2loading=E5=B1=85=E4=B8=AD]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: multica-agent <github@multica.ai>
---
 memory/2026-06-09.md               | 19 +++++++++++++++++++
 web/src/app/admin/workers/page.tsx |  7 ++-----
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/memory/2026-06-09.md b/memory/2026-06-09.md
index 574d127..18a816f 100644
--- a/memory/2026-06-09.md
+++ b/memory/2026-06-09.md
@@ -204,3 +204,22 @@
 - 风险与关注点：
   - 本次仅统一后台页面首屏加载态展示，不涉及接口、权限、数据结构或业务请求逻辑。
   - 后续新增后台页面时，若需要页面级首屏加载态，应优先复用 `AdminPageLoading`，不要再回退到左上角纯文本占位。
+
+## Work Log - 补齐 Worker 监控页面首屏居中加载态（2026-06-09）
+
+- 背景：
+  - FL-73 在回归评论中反馈“Worker监控页面的loading还是在左上角”。
+  - 排查确认上次统一的是 `web/src/app/admin/task-monitor/page.tsx`，但用户实际访问的是另一个独立路由 `web/src/app/admin/workers/page.tsx`。
+  - 该页面首屏分支仍是 `py-10 + Spin`，因此加载提示停留在左上区域。
+
+- 本次改动：
+  - `web/src/app/admin/workers/page.tsx`
+    - 复用 `web/src/components/admin-page-loading.tsx` 统一首屏加载态。
+    - 将 `Worker监控数据加载中...` 改为 `min-h-[280px]` 的居中 `Spin`，与此前 `线路管理/雷电流/杆塔模型` 的修复口径保持一致。
+
+- 验证：
+  - `cd web && npm exec eslint -- src/app/admin/workers/page.tsx src/components/admin-page-loading.tsx`
+    - 通过
+
+- 风险与关注点：
+  - 仅影响 `/admin/workers` 页面首屏展示，不涉及 Worker 数据接口、抽屉详情、权限或轮询逻辑。
diff --git a/web/src/app/admin/workers/page.tsx b/web/src/app/admin/workers/page.tsx
index 9893bd6..4430963 100644
--- a/web/src/app/admin/workers/page.tsx
+++ b/web/src/app/admin/workers/page.tsx
@@ -25,6 +25,7 @@ import {
 } from "antd";
 
 import { useAuth } from "@/components/auth-provider";
+import { AdminPageLoading } from "@/components/admin-page-loading";
 import { readApiError } from "@/lib/api";
 import { getTaskDisplayName } from "@/lib/celery-task-display";
 
@@ -487,11 +488,7 @@ export default function AdminWorkersPage() {
   }, [updateTableScrollY]);
 
   if (initializing || (overviewQuery.isLoading && !overviewQuery.data && canRead && Boolean(user))) {
-    return (
-      <div className="py-10">
-        <Spin tip="Worker监控数据加载中..." />
-      </div>
-    );
+    return <AdminPageLoading tip="Worker监控数据加载中..." minHeightClassName="min-h-[280px]" />;
   }
 
   if (!user) {