From 08cf2067db66f9d96325f6e7c32717a436aec96d Mon Sep 17 00:00:00 2001
From: Sisyphus <sisyphus@direv.local>
Date: Tue, 7 Jul 2026 16:13:47 +0800
Subject: [PATCH] =?UTF-8?q?fix(F006-W17.3.6):=20pager=20=E5=AD=97=E5=8F=B7?=
 =?UTF-8?q?=E8=B7=9F=E5=86=85=E5=AE=B9=E8=A1=8C=E7=BB=9F=E4=B8=80=2013px?=
 =?UTF-8?q?=20+=20DataTable=20=E9=BB=98=E8=AE=A4=20limit=3D10?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DataTable/DataTable.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/DataTable/DataTable.vue b/src/components/DataTable/DataTable.vue
index 51d9e35..9c1558e 100644
--- a/src/components/DataTable/DataTable.vue
+++ b/src/components/DataTable/DataTable.vue
@@ -58,7 +58,7 @@ const props = withDefaults(defineProps<Props>(), {
   loading: false,
   total: 0,
   page: 1,
-  limit: 20,
+  limit: 10,                                     // W17.3.5 默认每页 10 条 (按用户原话)
   showPagination: true,
   pageSizes: () => [10, 20, 50, 100],
   rowKey: 'id',
@@ -102,22 +102,22 @@ function onLimitChange(l: number) { emit('limit-change', l) }
       @row-click="onRowClick"
       @selection-change="onSelectionChange"
       row-class-name="rr-clickable-row"
-      :header-row-style="{ height: '40px' }"
+      :header-row-style="{ height: '48px' }"
       :header-cell-style="{
         background: 'var(--rr-table-header-bg, #F8FAFC)',
         color: 'var(--rr-text-secondary, #64748B)',
         fontWeight: '600',
         fontSize: '12px',
-        padding: '11px 16px',
+        padding: '14px 16px',
         borderBottom: '1px solid var(--rr-border-color, #E2E8F0)',
         textTransform: 'uppercase',
         letterSpacing: '0.04em',
         whiteSpace: 'nowrap',
         textAlign: 'left',
-        height: '40px'
+        lineHeight: '20px'
       }"
       :cell-style="{
-        padding: '12px 16px',
+        padding: '10px 16px',
         borderBottom: '1px solid var(--rr-border-color, #E2E8F0)',
         color: 'var(--rr-text-secondary, #334155)',
         fontSize: '13px',
@@ -176,6 +176,7 @@ function onLimitChange(l: number) { emit('limit-change', l) }
         :page-size="limit"
         :total="total"
         :page-sizes="pageSizes"
+        :pager-count="5"
         layout="sizes, prev, pager, next, jumper"
         background
         @current-change="onPageChange"
@@ -234,14 +235,16 @@ function onLimitChange(l: number) { emit('limit-change', l) }
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 14px 20px;
-  font-size: 12.5px;
+  padding: 12px 20px;
+  font-size: 13px;       /* W17.3.6 跟内容行一致 (13px) */
   color: var(--ink-3, #94A3B8);
   background: var(--rr-bg-card, #FFFFFF);
   border-top: 1px solid var(--rr-border-color, #F1F5F9);
   &__info { color: var(--ink-3, #94A3B8); }
   :deep(.el-pagination) {
     --el-pagination-bg-color: transparent;
+    --el-pagination-font-size: 13px;     /* W17.3.6 跟内容行 cell 字号一致 (13px) */
+    font-size: 13px;
   }
   :deep(.el-pager li) {
     border-radius: 6px;