super/crawler-plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin): 菜单管理列表去掉权限标识/路由列并自适应列宽（编辑弹窗仍保留字段）

Browse Source
This commit is contained in:
黄自达
2026-09-05 21:32:56 +08:00
parent 85f565bd82
commit 3902acafb9
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-frontend-vue/src/pages/account/MenusPage.vue
+5 -7
View File
@@ -137,28 +137,26 @@ onMounted(loadMenus)
<el-card shadow="never">
<el-table v-loading="loading" :data="rows" row-key="id" default-expand-all stripe>
<el-table-column prop="id" label="ID" width="70" />
<el-table-column prop="name" label="菜单名称" min-width="200" />
<el-table-column prop="name" label="菜单名称" min-width="180" />
<el-table-column label="菜单类型" width="110">
<template #default="{ row }">
<el-tag size="small" :type="row.menuType === 'app' ? 'info' : 'primary'">{{ menuTypeLabel(row.menuType) }}</el-tag>
</template>
</el-table-column>
<el-table-column label="上级菜单" width="150">
<el-table-column label="上级菜单" min-width="120">
<template #default="{ row }">
{{ parentNameOf(row) }}
</template>
</el-table-column>
<el-table-column prop="columnKey" label="权限标识" min-width="220" />
<el-table-column prop="routePath" label="路由" min-width="240" />
<el-table-column prop="createdAt" label="创建时间" min-width="170" />
<el-table-column prop="createdAt" label="创建时间" min-width="150" />
<el-table-column prop="sortOrder" label="排序" width="90" />
<el-table-column label="移动" width="120">
<el-table-column label="移动" width="130">
<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="180" fixed="right">
<el-table-column label="操作" width="160" fixed="right">
<template #default="{ row }">
<el-button link type="primary" @click="openEdit(row)">编辑</el-button>
<el-button link type="danger" :disabled="menuDeleteReason(row) !== undefined" @click="removeMenu(row)">删除</el-button>
admin-frontend-vue/tests/task-252.test.ts
+5 -3
View File
@@ -13,10 +13,12 @@ test('test_task_252_menus_list_normal_primary_path', () => {
})
test('test_task_252_menus_list_normal_variant_input', () => {
// 正常变体：保留权限标识/路由/排序列，便于运维；删除确认文案含菜单名。
// 正常变体：权限标识/路由不作为列表列展示（运维从对话框维护），列宽自适应；删除确认含菜单名。
const page = readSource('src/pages/account/MenusPage.vue')
assert.match(page, /权限标识/, '需有权限标识列')
assert.match(page, /routePath/, '需有路由列')
assert.equal(/<el-table-column[^>]*prop="columnKey"/.test(page), false, '权限标识不应作为列表列')
assert.equal(/<el-table-column[^>]*prop="routePath"/.test(page), false, '路由不应作为列表列')
assert.match(page, /menuForm\.columnKey/, '权限标识字段仍在编辑表单内')
assert.match(page, /menuForm\.routePath/, '路由字段仍在编辑表单内')
assert.match(page, /确定删除菜单/, '删除确认需含“确定删除菜单”')
assert.match(page, /menuDeleteReason/, '删除需过前置校验')
})