From 311de1262e840d99df4664b285624562c166a46b Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Fri, 16 Jan 2026 14:01:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=AE=BE=E8=AE=A1?=
 =?UTF-8?q?=E5=B8=88=E7=BB=A9=E6=95=88=E6=8E=92=E8=A1=8C=E6=A6=9C=E5=88=86?=
 =?UTF-8?q?=E9=A1=B5=E6=8E=92=E5=90=8D=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=EF=BC=8C=E7=AC=AC=E4=BA=8C=E9=A1=B5=E5=BA=94=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?11-20=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/Analytics.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Analytics.vue b/frontend/src/views/Analytics.vue
index a925d3a..04d0895 100644
--- a/frontend/src/views/Analytics.vue
+++ b/frontend/src/views/Analytics.vue
@@ -237,11 +237,12 @@
                       row-key="userId"
                       size="middle"
                       class="dark-table"
+                      @change="handleDesignerTableChange"
                     >
                       <template #bodyCell="{ column, record, index }">
                         <template v-if="column.key === 'rank'">
-                          <span class="rank-badge" :class="getRankClass(index + 1)">
-                            {{ index + 1 }}
+                          <span class="rank-badge" :class="getRankClass(getGlobalRank(index))">
+                            {{ getGlobalRank(index) }}
                           </span>
                         </template>
                         <template v-else-if="column.key === 'onTimeRate'">
@@ -627,6 +628,9 @@ const warningFilter = ref('all')
 const selectedDeptId = ref<number | undefined>(undefined)
 const departmentList = ref<any[]>([])
 
+// 设计师绩效表格分页
+const designerTablePage = ref(1)
+
 // 扣分明细弹窗
 const deductionDetailVisible = ref(false)
 const deductionDetailLoading = ref(false)
@@ -1103,9 +1107,22 @@ const loadDepartments = async () => {
 // 部门筛选变化
 const handleDeptChange = (deptId: number | undefined) => {
   selectedDeptId.value = deptId
+  designerTablePage.value = 1 // 重置到第一页
   loadDesignerData()
 }
 
+// 计算全局排名（考虑分页）
+const getGlobalRank = (index: number): number => {
+  return (designerTablePage.value - 1) * 10 + index + 1
+}
+
+// 处理设计师绩效表格变化（翻页等）
+const handleDesignerTableChange = (pagination: any) => {
+  if (pagination && pagination.current) {
+    designerTablePage.value = pagination.current
+  }
+}
+
 // 显示扣分明细
 const showDeductionDetails = async (record: any) => {
   console.log('点击扣分数字:', record)