perf: 并行化 admin 聚合路由并完善前端缓存预取

- gateway: usage detail / provider summary / pool overview / users list 改为 tokio join 并行拉取依赖数据 - usage: interval timeline 支持自动刷新并按查询区间动态展示，取消服务端 120 分钟过滤并在 ScatterChart 统一封顶 - frontend: 新增管理端导航预取工具及 SidebarNav/MainLayout 触发，admin 读接口统一走 cachedRequest 的短期缓存 - dashboard: request detail 支持短 TTL 缓存并在 UsageRecordsTable mousedown 时预取 - data: migrate 测试在 wait_for_postgres 失败时清理子进程，避免遗留
2026-09-02 17:30:23 +08:00 · 2026-04-19 15:17:25 +08:00
parent 97cd877ce5
commit 41b51f10a9
30 changed files with 619 additions and 243 deletions
--- a/frontend/src/utils/adminNavigationPrefetch.ts
+++ b/frontend/src/utils/adminNavigationPrefetch.ts
@@ -0,0 +1,90 @@
+import { adminWalletApi } from '@/api/admin-wallets'
+import { adminApi } from '@/api/admin'
+import { getProvidersSummary } from '@/api/endpoints/providers'
+import { getPoolOverview, getPoolSchedulingPresets, listPoolKeys } from '@/api/endpoints/pool'
+import { listGlobalModels } from '@/api/global-models'
+import { usersApi } from '@/api/users'
+import { log } from '@/utils/logger'
+
+const NAV_DATA_CACHE_TTL_MS = 10 * 1000
+const NAV_SYSTEM_CONFIG_CACHE_TTL_MS = 30 * 1000
+const NAV_POOL_PRESETS_CACHE_TTL_MS = 5 * 60 * 1000
+const PREFETCH_COOLDOWN_MS = 5 * 1000
+
+const lastPrefetchAt = new Map<string, number>()
+
+const adminRouteWarmers: Record<string, () => Promise<void>> = {
+  '/admin/users': async () => {
+    await Promise.allSettled([
+      import('@/views/admin/Users.vue'),
+      usersApi.getAllUsers({ cacheTtlMs: NAV_DATA_CACHE_TTL_MS }),
+      adminWalletApi.listAllWallets(
+        { owner_type: 'user' },
+        { cacheTtlMs: NAV_DATA_CACHE_TTL_MS },
+      ),
+    ])
+  },
+  '/admin/providers': async () => {
+    await Promise.allSettled([
+      import('@/views/admin/ProviderManagement.vue'),
+      getProvidersSummary(
+        { page: 1, page_size: 20 },
+        { cacheTtlMs: NAV_DATA_CACHE_TTL_MS },
+      ),
+      adminApi.getSystemConfig('provider_priority_mode', {
+        cacheTtlMs: NAV_SYSTEM_CONFIG_CACHE_TTL_MS,
+      }),
+      listGlobalModels(
+        { is_active: true, limit: 1000 },
+        { cacheTtlMs: NAV_DATA_CACHE_TTL_MS },
+      ),
+    ])
+  },
+  '/admin/models': async () => {
+    await Promise.allSettled([
+      import('@/views/admin/ModelManagement.vue'),
+      listGlobalModels(
+        { skip: 0, limit: 20 },
+        { cacheTtlMs: NAV_DATA_CACHE_TTL_MS },
+      ),
+    ])
+  },
+  '/admin/pool': async () => {
+    const [overviewResult] = await Promise.allSettled([
+      getPoolOverview({ cacheTtlMs: NAV_DATA_CACHE_TTL_MS }),
+      getPoolSchedulingPresets({ cacheTtlMs: NAV_POOL_PRESETS_CACHE_TTL_MS }),
+      import('@/views/admin/PoolManagement.vue'),
+    ])
+
+    if (overviewResult.status !== 'fulfilled') {
+      return
+    }
+
+    const firstProviderId = overviewResult.value.items.find(item => item.pool_enabled)?.provider_id
+    if (!firstProviderId) {
+      return
+    }
+
+    await listPoolKeys(
+      firstProviderId,
+      { page: 1, page_size: 50, status: 'all' },
+      { cacheTtlMs: NAV_DATA_CACHE_TTL_MS },
+    )
+  },
+}
+
+export function prefetchAdminNavigationTarget(href: string): void {
+  const warmer = adminRouteWarmers[href]
+  if (!warmer) return
+
+  const now = Date.now()
+  const lastRun = lastPrefetchAt.get(href) ?? 0
+  if (now - lastRun < PREFETCH_COOLDOWN_MS) {
+    return
+  }
+  lastPrefetchAt.set(href, now)
+
+  void warmer().catch((err) => {
+    log.debug('[adminNavigationPrefetch] ignore prefetch failure', err)
+  })
+}