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

admin-frontend-vue/src/pages/tasks/ImageVideoTasksPage.vue

@@ -24,9 +24,9 @@ const loading = ref(false)
 const tasks = ref<ImageVideoRow[]>([])
 const totalTasks = ref(0)
 const page = ref(1)
-const pageSize = 20
+const pageSize = ref(20)
 const jumpPage = ref('')
-const totalPages = computed(() => Math.max(1, Math.ceil(totalTasks.value / pageSize)))
+const totalPages = computed(() => Math.max(1, Math.ceil(totalTasks.value / pageSize.value)))
 
 const filter = reactive<ImageVideoFilter & { dateRange: string[] }>({ ...createImageVideoFilter(), dateRange: [] })
 const selection = ref<Set<string>>(new Set())
@@ -103,7 +103,7 @@ function toFilter(): ImageVideoFilter {
 async function load() {
   loading.value = true
   try {
-    const result = await fetchImageVideoTasks(toFilter(), page.value, pageSize)
+    const result = await fetchImageVideoTasks(toFilter(), page.value, pageSize.value)
     tasks.value = result.items
     totalTasks.value = result.total
     page.value = result.page
@@ -133,6 +133,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)) {
@@ -356,19 +363,7 @@ onMounted(load)
         </template>
         <div v-else-if="!loading" class="empty-tip">暂无符合条件的视频任务</div>
       </div>
-
-      <div class="pagination">
-        <span class="page-total">共 {{ totalTasks }} 条</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="totalTasks" :page="page" :page-size="pageSize" @change="changePage" @size-change="changeSize" />
     </section>
 
     <el-drawer v-model="detailVisible" title="任务明细" size="720px">