[fix]:[FL-73][补齐Worker监控页面loading居中]
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
@@ -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 数据接口、抽屉详情、权限或轮询逻辑。
|
||||
|
||||
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user