task-276(验收反馈): 分页组件全站统一(jumper+按钮高亮样式)+MenusPage补分页+最低价筛选同排+视频筛选加固+移除侧边栏收起按钮+gitignore战役脚本规则

admin-frontend-vue/src/pages/account/GroupsPage.vue

@@ -123,7 +123,7 @@ onMounted(loadGroups)
         </el-table-column>
       </el-table>
       <div class="table-footer">
-        <el-pagination background layout="prev, pager, next" :total="total" :page-size="pageSize" :current-page="page" @current-change="changePage" />
+        <el-pagination background layout="prev, pager, next, jumper" :total="total" :page-size="pageSize" :current-page="page" @current-change="changePage" />
       </div>
     </el-card>
     <GroupEditorDialog

admin-frontend-vue/src/pages/account/MenusPage.vue

@@ -22,6 +22,15 @@ import {
 
 const loading = ref(false)
 const rows = ref<MenuManageNode[]>([])
+// 客户端分页：列表展示统一带分页组件。
+const page = ref(1)
+const pageSize = 10
+const total = computed(() => rows.value.length)
+const pagedRows = computed(() => rows.value.slice((page.value - 1) * pageSize, page.value * pageSize))
+
+function changePage(p: number) {
+  page.value = p
+}
 const createVisible = ref(false)
 const saving = ref(false)
 const editingNode = ref<MenuManageNode | null>(null)
@@ -181,7 +190,7 @@ onMounted(loadMenus)
     </div>
     <el-card shadow="never">
       <p class="menu-drag-tip">拖动每行左侧的手柄可调整同级菜单的显示顺序，松开后自动保存。</p>
-      <el-table v-loading="loading" :data="rows" row-key="id" default-expand-all stripe>
+      <el-table v-loading="loading" :data="pagedRows" row-key="id" default-expand-all stripe>
         <el-table-column label="排序" min-width="64">
           <template #default="{ row }">
             <span
@@ -218,6 +227,16 @@ onMounted(loadMenus)
           </template>
         </el-table-column>
       </el-table>
+      <div class="table-footer">
+        <el-pagination
+          background
+          layout="prev, pager, next, jumper"
+          :total="total"
+          :page-size="pageSize"
+          :current-page="page"
+          @current-change="changePage"
+        />
+      </div>
     </el-card>
 
     <el-dialog v-model="createVisible" :title="dialogTitle" width="520px">