feat(需求): ①全站列表/卡片分页统一为共享 OldPagination(共N条+10/20/50/100条数可选+跳页) ②创建用户菜单权限改左右布局(后台|桌面端并排) ③修复角色筛选失效(normalizeUserPageParams 白名单丢 role 字段)

admin-frontend-vue/src/pages/asin/DedupeRegistryPage.vue

@@ -23,17 +23,18 @@ import {
 import { importOutcomeText, importTaskFinished, isAllowedImportFile } from './dedupe-import-model.ts'
 import type { DedupeImportProgress } from './dedupe-import-model.ts'
 import { toExportUrl } from './dedupe-total-export.ts'
+import OldPagination from '@/components/OldPagination.vue'
 
 const loading = ref(false)
 const rows = ref<DedupeTotalItem[]>([])
 const total = ref(0)
 const page = ref(1)
-const pageSize = 15
+const pageSize = ref(15)
 const filter = reactive(createDedupeTotalFilterState())
 const groups = ref<DedupeGroupOption[]>([])
 const jumpPage = ref('')
 
-const totalPages = computed(() => Math.max(1, Math.ceil(total.value / pageSize)))
+const totalPages = computed(() => Math.max(1, Math.ceil(total.value / pageSize.value)))
 
 const editVisible = ref(false)
 const editSaving = ref(false)
@@ -74,7 +75,7 @@ function stopExportWait(): void {
 async function load(): Promise<void> {
   loading.value = true
   try {
-    const result = await fetchDedupeTotalList(toDedupeListParams(filter, page.value, pageSize))
+    const result = await fetchDedupeTotalList(toDedupeListParams(filter, page.value, pageSize.value))
     rows.value = result.items
     total.value = result.total
     if (result.page >= 1) page.value = result.page
@@ -102,7 +103,13 @@ function goJump(): void {
     ElMessage.warning('请输入页码')
     return
   }
-  changePage(n)
+  changePage(Math.min(Math.max(n, 1), totalPages.value))
+}
+
+function changeSize(size: number) {
+  pageSize.value = size
+  page.value = 1
+  void load()
 }
 
 function openEdit(row: DedupeTotalItem): void {
@@ -371,18 +378,7 @@ onMounted(() => {
         </table>
       </div>
 
-      <div class="pagination">
-        <span class="page-total">共 {{ total }} 条</span>
-        <button type="button" :disabled="page <= 1" @click="changePage(page - 1)">上一页</button>
-        <span class="page-cur">第 {{ page }} / {{ totalPages }} 页</span>
-        <button type="button" :disabled="page >= totalPages" @click="changePage(page + 1)">下一页</button>
-        <span class="page-jump">
-          跳至
-          <input v-model="jumpPage" type="text" inputmode="numeric" @keyup.enter="goJump" />
-          页
-          <button type="button" @click="goJump">跳转</button>
-        </span>
-      </div>
+      <OldPagination :total="total" :page="page" :page-size="pageSize" @change="changePage" @size-change="changeSize" />
     </section>
 
     <div v-if="editVisible" class="modal-mask" @click.self="editVisible = false">