task-58(账号/权限页面): 实现同级菜单排序交互

menu-manage-model.ts 增 siblingOrderAfterMove 同级内上下移(越界/缺失原序)；menu-manage-api.ts
增 reorderMenus POST /api/admin/column/reorder({ordered_ids})；MenusPage 每行上移/下移按钮
按同级组计算新顺序并提交后刷新。8 用例全过，427 单测 + build 绿。

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { createMenu, deleteMenu, loadMenuManageTree, updateMenu } from './menu-manage-api'
+import { createMenu, deleteMenu, loadMenuManageTree, reorderMenus, updateMenu } from './menu-manage-api'
 import {
   createMenuForm,
   flattenMenuNodes,
@@ -9,6 +9,7 @@ import {
   menuFormFromNode,
   menuParentChangeReason,
   nextSiblingSort,
+  siblingOrderAfterMove,
   validateMenuManageForm,
   type MenuManageForm,
   type MenuManageNode,
@@ -95,6 +96,20 @@ async function removeMenu(node: MenuManageNode) {
   }
 }
 
+/** 同级上移/下移并提交排序；到达边界则忽略。 */
+async function moveMenuRow(node: MenuManageNode, dir: -1 | 1) {
+  const flat = flattenMenuNodes(rows.value)
+  const group = flat.filter((n) => (n.parentId ?? null) === (node.parentId ?? null)).map((n) => n.id)
+  const ordered = siblingOrderAfterMove(group, node.id, dir)
+  if (ordered.join(',') === group.join(',')) return
+  try {
+    await reorderMenus(ordered)
+    await loadMenus()
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : '排序保存失败')
+  }
+}
+
 onMounted(loadMenus)
 </script>
 
@@ -113,6 +128,12 @@ onMounted(loadMenus)
         <el-table-column prop="columnKey" label="权限标识" min-width="240" />
         <el-table-column prop="routePath" label="路由" min-width="260" />
         <el-table-column prop="sortOrder" label="排序" width="100" />
+        <el-table-column label="移动" width="120">
+          <template #default="{ row }">
+            <el-button link type="primary" @click="moveMenuRow(row, -1)">上移</el-button>
+            <el-button link type="primary" @click="moveMenuRow(row, 1)">下移</el-button>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" width="200">
           <template #default="{ row }">
             <el-button link type="primary" @click="openEdit(row)">编辑</el-button>

admin-frontend-vue/src/pages/account/menu-manage-api.ts

@@ -13,6 +13,7 @@ import {
 } from './menu-manage-model'
 
 export const MENUS_ENDPOINT = '/api/admin/permission-menus'
+export const REORDER_ENDPOINT = '/api/admin/column/reorder'
 
 /** 拉取扁平可编辑菜单节点。 */
 export async function fetchMenuManageNodes(): Promise<MenuManageNode[]> {
@@ -44,3 +45,9 @@ export async function deleteMenu(id: number): Promise<void> {
   const { data } = await http.delete<unknown>(`${MENUS_ENDPOINT}/${id}`)
   unwrap<unknown>(data)
 }
+
+/** 同级菜单排序：POST /api/admin/column/reorder 提交新的同级 id 顺序（含子树节点时仅同级生效）。 */
+export async function reorderMenus(orderedIds: number[]): Promise<void> {
+  const { data } = await http.post<unknown>(REORDER_ENDPOINT, { ordered_ids: orderedIds })
+  unwrap<unknown>(data)
+}

admin-frontend-vue/src/pages/account/menu-manage-model.ts

@@ -177,6 +177,19 @@ export function menuDeleteReason(node: MenuManageNode | null | undefined): strin
   return undefined
 }
 
+/** 同级拖拽/上下移：把 targetId 移动 dir 位（±1），返回新的同级 id 顺序；越界/缺失则原序。 */
+export function siblingOrderAfterMove(group: number[], targetId: number, dir: number): number[] {
+  if (!Array.isArray(group) || group.length === 0) return []
+  const next = [...group]
+  const idx = next.indexOf(targetId)
+  if (idx < 0) return next
+  const to = idx + (dir === -1 || dir === 1 ? dir : 0)
+  if (to < 0 || to >= next.length) return next
+  const [moved] = next.splice(idx, 1)
+  next.splice(to, 0, moved)
+  return next
+}
+
 /** 新建/编辑表单空值工厂：默认菜单类型为 admin、排序 0、根父节点。 */
 export function emptyMenuManageForm(): MenuManageForm {
   return { name: '', columnKey: '', parentId: null, menuType: ADMIN_MENU_TYPE, routePath: '', sortOrder: 0 }