align(account·像素复刻): 用户管理/菜单权限配置/分组管理 三页自绘复刻旧版(panel-users/columns/group-manage)——原生表格+btn-sm行操作+原生confirm删除+旧式分页(菜单/分组全量无分页同旧版)+分组摘要chips;创建/编辑/菜单树弹窗保留现有组件

This commit is contained in:
2026-09-06 22:53:34 +08:00
parent 35bed42b73
commit c5c103b287
6 changed files with 927 additions and 290 deletions
@@ -7,8 +7,8 @@ import { readSource } from './helpers.ts'
// 菜单管理是树结构(非列表),商品类目树用懒加载+加载更多节点,均豁免。
test('align_pagination_normal_primary_path', () => {
// 分组管理已像素复刻旧版(panel-group-manage 无分页),豁免;其余列表保留分页。
for (const page of [
'src/pages/account/GroupsPage.vue',
'src/pages/records/RecordsSoftwareVersionPage.vue',
'src/pages/asin/ProductCategoryPage.vue',
]) {
@@ -20,7 +20,6 @@ test('align_pagination_normal_primary_path', () => {
test('align_pagination_normal_variant_input', () => {
// 分页组件需含上一页/下一页(prev/next),中文文案由全局 zh-cn locale 渲染。
for (const page of [
'src/pages/account/GroupsPage.vue',
'src/pages/records/RecordsSoftwareVersionPage.vue',
'src/pages/asin/ProductCategoryPage.vue',
]) {
@@ -30,8 +29,8 @@ test('align_pagination_normal_variant_input', () => {
})
test('align_pagination_boundary_empty_input', () => {
// 分组/软件版本为全量拉取,走客户端切片分页(computed 按 page/pageSize 切)。
for (const page of ['src/pages/account/GroupsPage.vue', 'src/pages/records/RecordsSoftwareVersionPage.vue']) {
// 软件版本为全量拉取,走客户端切片分页(computed 按 page/pageSize 切)。
for (const page of ['src/pages/records/RecordsSoftwareVersionPage.vue']) {
const src = readSource(page)
assert.match(src, /pagedRows|pageRows|pageItems|pagedItems/, `${page} 应有客户端分页切片`)
assert.match(src, /:data="paged/, `${page} 表格应绑定分页后的数据`)
@@ -46,13 +45,18 @@ test('align_pagination_boundary_single_item', () => {
})
test('align_pagination_repeated_operation_is_idempotent', () => {
// 已有分页的页面12 页)保持原样,不被破坏。
// 已有分页的页面保持原样,不被破坏;已像素复刻(自绘旧式分页)的页单独断言
for (const page of [
'src/pages/account/UsersPage.vue',
'src/pages/asin/AsinInvalidPage.vue',
'src/pages/shop/ShopManagePage.vue',
]) {
const src = readSource(page)
assert.match(src, /el-pagination/, `${page} 既有分页保留`)
}
const users = readSource('src/pages/account/UsersPage.vue')
assert.match(users, /class="pagination"/, '用户页已像素复刻,用旧式分页容器')
assert.doesNotMatch(users, /el-pagination/, '用户页不再用 EP 分页')
const groups = readSource('src/pages/account/GroupsPage.vue')
assert.doesNotMatch(groups, /el-pagination/, '分组管理已像素复刻旧版(panel-group-manage 无分页)')
assert.doesNotMatch(groups, /pagedRows/, '分组管理全量渲染无客户端切片')
})