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;