From f1fc7b4a9a015b80262678b31fca64f033334b56 Mon Sep 17 00:00:00 2001
From: opsx <opsx@local>
Date: Fri, 30 Oct 2026 17:50:54 +0000
Subject: [PATCH] =?UTF-8?q?fix(analysis):=20=E6=8E=92=E8=A1=8C=E5=88=86?=
 =?UTF-8?q?=E9=A1=B5=E5=90=8E=E5=90=8D=E6=AC=A1=E4=BB=8E=201=20=E9=87=8D?=
 =?UTF-8?q?=E6=96=B0=E5=BC=80=E5=A7=8B=EF=BC=8C=E5=BA=94=E4=B8=BA=2011/21?=
 =?UTF-8?q?=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

现象：翻到第 2 页，名次列仍是 1~10。
根因：TopAppsTable 用页内下标算名次（index + 1），分页后每页都从 1 开始。
修复：新增 startIndex 参数，由调用方传入当前页在整体排行中的偏移；
      分析页传 (page - 1) * 10，于是第 2 页为 11~20、第 3 页 21~30。
实测：tsc 通过；Pod = Hub latest = 9026d0e4c582
---
 frontend/src/pages/analysis/components/TopAppsTable.tsx | 7 +++++--
 frontend/src/pages/analysis/index.tsx                   | 1 +
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/analysis/components/TopAppsTable.tsx b/frontend/src/pages/analysis/components/TopAppsTable.tsx
index 155cdc6..c62af33 100644
--- a/frontend/src/pages/analysis/components/TopAppsTable.tsx
+++ b/frontend/src/pages/analysis/components/TopAppsTable.tsx
@@ -19,12 +19,15 @@ function Sparkline({ values }: { values: number[] }) {
 
 /** 应用日志量排行表:哪个 deployment 日志量最大、错误最多一目了然 */
 export const TopAppsTable = memo(function TopAppsTable({
-  apps, total, appLabel, onViewLogs,
+  apps, total, appLabel, onViewLogs, startIndex = 0,
 }: {
   apps: AppRow[]
   total: number
   appLabel: string
   onViewLogs: (query: string) => void
+  /* 当前页第一条在整体排行中的偏移（分页后名次要接着往下数：
+     第 2 页应该从 11 开始，而不是重新从 1 开始） */
+  startIndex?: number
 }) {
   const { t } = useTranslation('analysis')
   if (apps.length === 0) {
@@ -59,7 +62,7 @@ export const TopAppsTable = memo(function TopAppsTable({
           const selector = `{namespace="${row.namespace}", ${appLabel}="${row.app}"}`
           const metric = metricOf(row)
           return <tr key={`${row.app}-${row.namespace}`} className="hover:bg-muted/40">
-            <td className="px-3 py-2 tabular-nums text-muted-foreground">{index + 1}</td>
+            <td className="px-3 py-2 tabular-nums text-muted-foreground">{startIndex + index + 1}</td>
             <td className="max-w-56 truncate px-3 py-2 font-medium" title={row.app || undefined}>{row.app || t('table.untagged')}</td>
             <td className="max-w-40 truncate px-3 py-2 text-muted-foreground" title={row.namespaces.join(', ')}>{row.namespace || '—'}</td>
             {useBytes
diff --git a/frontend/src/pages/analysis/index.tsx b/frontend/src/pages/analysis/index.tsx
index b06469a..1bf22dc 100644
--- a/frontend/src/pages/analysis/index.tsx
+++ b/frontend/src/pages/analysis/index.tsx
@@ -385,6 +385,7 @@ const AnalysisPage = memo(function AnalysisPage() {
               ) : (
                 <TopAppsTable
                   apps={rankPageRows}
+                  startIndex={(rankSafePage - 1) * RANK_PAGE_SIZE}
                   /* 分母必须是同一口径的合计：按体积排行时用体积合计，
                      按条数排行时用条数合计，混用会让占比全部算成 0.0x% */
                   total={rankTotal}