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

admin-frontend-vue/src/pages/shop/ShopKeysPage.vue

@@ -13,9 +13,9 @@ const loading = ref(false)
 const rows = ref<ShopKeyItem[]>([])
 const total = ref(0)
 const page = ref(1)
-const pageSize = 15
+const pageSize = ref(15)
 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 filterKeyword = ref('')
 const filteredRows = computed(() => {
@@ -52,7 +52,7 @@ function whitelistTooltip(row: ShopKeyItem): string {
 async function load() {
   loading.value = true
   try {
-    const result = await fetchShopKeyList({ page: page.value, pageSize })
+    const result = await fetchShopKeyList({ page: page.value, pageSize: pageSize.value })
     rows.value = result.items
     total.value = result.total
     page.value = result.page
@@ -126,6 +126,13 @@ function changePage(next: number) {
   load()
 }
 
+
+function changeSize(size: number) {
+  pageSize.value = size
+  page.value = 1
+  load()
+}
+
 function goJump() {
   const n = Number.parseInt(jumpPage.value, 10)
   if (Number.isNaN(n)) {
@@ -206,19 +213,7 @@ onMounted(load)
           </tbody>
         </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>
 
     <el-dialog v-model="dialogVisible" :title="editingId == null ? '新增密钥' : '编辑密钥'" width="560px">

admin-frontend-vue/src/pages/shop/ShopManagePage.vue

@@ -21,9 +21,9 @@ const loading = ref(false)
 const rows = ref<ShopSummary[]>([])
 const total = ref(0)
 const page = ref(1)
-const pageSize = 15
+const pageSize = ref(15)
 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 groups = ref<ShopGroupOption[]>([])
 const filter = reactive({ shopName: '', groupId: null as number | null })
@@ -78,7 +78,7 @@ async function load() {
   try {
     const result = await fetchShopManageList({
       page: page.value,
-      pageSize,
+      pageSize: pageSize.value,
       groupId: filter.groupId,
       shopName: filter.shopName.trim() || undefined,
     })
@@ -103,6 +103,13 @@ function changePage(next: number) {
   void load()
 }
 
+
+function changeSize(size: number) {
+  pageSize.value = size
+  page.value = 1
+  load()
+}
+
 function goJump() {
   const n = Number.parseInt(jumpPage.value, 10)
   if (Number.isNaN(n)) {
@@ -273,19 +280,7 @@ onMounted(() => {
           </tbody>
         </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>
 
     <el-dialog v-model="dialogVisible" :title="editingId == null ? '新增店铺' : '编辑店铺'" width="600px">