fix(反馈): ①分组管理操作列加宽160px ②查询ASIN操作列补「删除」(整店全站配置清除,逐国端点) ③去重汇总编辑/删除间距(gap8) ④店铺数据记录下载文件按钮与全站编辑主色统一(btn-sm主蓝) ⑤撞款页按钮色统一蓝白(btn-primary #4f78a5)；⑥全站分页统一收官: 分组管理/菜单管理/软件版本补 OldPagination(10/20/50/100)

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

@@ -9,6 +9,7 @@ import { openAdminConfirm } from '@/components/admin-confirm'
 import { deleteShopGroup, fetchShopGroups } from './shop-group-api'
 import type { ShopGroupItem } from './shop-group-model'
 import GroupEditorDialog from './GroupEditorDialog.vue'
+import OldPagination from '@/components/OldPagination.vue'
 
 const session = useAdminSessionStore()
 const loading = ref(false)
@@ -30,6 +31,12 @@ const filteredRows = computed(() => {
     return nameOk && leaderOk
   })
 })
+/** 全站分页统一：分组列表客户端分页（10/20/50/100）。 */
+const page = ref(1)
+const pageSize = ref(10)
+const pagedGroups = computed(() => filteredRows.value.slice((page.value - 1) * pageSize.value, page.value * pageSize.value))
+function changeGroupPage(p: number) { page.value = p }
+function changeGroupSize(size: number) { pageSize.value = size; page.value = 1 }
 
 function canEditOf(group: ShopGroupItem): boolean {
   if (isSuperAdmin.value) return true
@@ -103,12 +110,12 @@ onMounted(loadGroups)
               <th>组员</th>
               <th style="width: 16%">创建时间</th>
               <th style="width: 16%">修改时间</th>
-              <th style="width: 124px">操作</th>
+              <th style="width: 160px">操作</th>
             </tr>
           </thead>
           <tbody>
             <template v-if="filteredRows.length">
-              <tr v-for="(group, index) in filteredRows" :key="group.id">
+              <tr v-for="(group, index) in pagedGroups" :key="group.id">
                 <td>{{ index + 1 }}</td>
                 <td>{{ group.name }}</td>
                 <td>{{ group.leaderUsername || '-' }}</td>
@@ -139,6 +146,7 @@ onMounted(loadGroups)
           </tbody>
         </table>
       </div>
+      <OldPagination v-if="filteredRows.length > 0" :total="filteredRows.length" :page="page" :page-size="pageSize" @change="changeGroupPage" @size-change="changeGroupSize" />
     </section>
 
     <GroupEditorDialog

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

@@ -4,6 +4,7 @@ import { formatDateTime } from '@/utils/datetime'
  *   script 逻辑沿用现有 Vue 实现（拖拽分组/落点/重排保存、弹窗表单）。 */
 import { computed, onMounted, reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import OldPagination from '@/components/OldPagination.vue'
 import { createMenu, deleteMenu, loadMenuManageTree, reorderMenus, updateMenu } from './menu-manage-api'
 import {
   MENU_TYPE_OPTIONS,
@@ -41,6 +42,12 @@ const filteredMenuRows = computed<MenuRow[]>(() => {
     return nameOk && typeOk
   })
 })
+/** 全站分页统一：菜单树展平行客户端分页（10/20/50/100）。 */
+const page = ref(1)
+const pageSize = ref(10)
+const pagedMenuRows = computed(() => filteredMenuRows.value.slice((page.value - 1) * pageSize.value, page.value * pageSize.value))
+function changeMenuPage(p: number) { page.value = p }
+function changeMenuSize(size: number) { pageSize.value = size; page.value = 1 }
 /** 展平视图：前序 + depth。 */
 const menuRows = computed<MenuRow[]>(() => {
   const out: MenuRow[] = []
@@ -240,7 +247,7 @@ onMounted(loadMenus)
           <tbody>
             <template v-if="filteredMenuRows.length">
               <tr
-                v-for="row in filteredMenuRows"
+                v-for="row in pagedMenuRows"
                 :key="row.id"
                 :class="{ 'is-column-dragging': dragState?.id === row.id }"
                 @dragover="onDragOver($event, row)"
@@ -287,6 +294,7 @@ onMounted(loadMenus)
           </tbody>
         </table>
       </div>
+      <OldPagination v-if="filteredMenuRows.length > 0" :total="filteredMenuRows.length" :page="page" :page-size="pageSize" @change="changeMenuPage" @size-change="changeMenuSize" />
     </section>
 
     <el-dialog v-model="createVisible" :title="dialogTitle" width="520px">