优化

src/modules/iam/pages/PermissionsView.test.ts

@@ -1,10 +1,14 @@
 import { createPinia, setActivePinia } from 'pinia'
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
 import { flushPromises, shallowMount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { listPlatformPermissions, type PlatformPermissionResource } from '@/modules/iam/api/platformIam'
 import { useAuthStore } from '@/core/auth/auth'
 import PermissionsView from './PermissionsView.vue'
 
+const permissionsSource = readFileSync(resolve(process.cwd(), 'src/modules/iam/pages/PermissionsView.vue'), 'utf8')
+
 vi.mock('@/modules/iam/api/platformIam', () => ({
   changePlatformPermissionStatus: vi.fn(),
   createPlatformPermission: vi.fn(),
@@ -81,6 +85,12 @@ describe('PermissionsView IAM mode', () => {
     vi.mocked(listPlatformPermissions).mockReset()
   })
 
+  it('keeps technical permission fields out of the default list and labels the table', () => {
+    expect(permissionsSource).toContain("{ key: 'code', label: '权限编码', minWidth: 220, slotName: 'code', defaultVisible: false }")
+    expect(permissionsSource).toContain("{ key: 'endpoint', label: '路由 / 接口', minWidth: 260, slotName: 'endpoint', defaultVisible: false }")
+    expect(permissionsSource).toContain('aria-label="平台权限资源列表"')
+  })
+
   it('loads the platform permission resource tree from IAM', async () => {
     vi.mocked(listPlatformPermissions).mockResolvedValue([permission])
 

src/modules/iam/pages/PermissionsView.vue

@@ -276,7 +276,7 @@ onMounted(loadPermissions)
       </template>
 
       <section v-if="!loadError" class="surface-panel table-panel">
-      <DataTable :key="tableRenderKey" v-model:page="page" v-model:page-size="pageSize" :data="pagedTreeRows" :columns="permissionColumns" preference-key="permissions-table" :loading="loading" :total="treeRows.length" row-key="id" :expand-row-keys="expandedRowKeys" :tree-props="{ children: 'children' }" empty-text="没有符合条件的权限资源">
+      <DataTable :key="tableRenderKey" v-model:page="page" v-model:page-size="pageSize" :data="pagedTreeRows" :columns="permissionColumns" preference-key="permissions-table" :loading="loading" :total="treeRows.length" row-key="id" aria-label="平台权限资源列表" :expand-row-keys="expandedRowKeys" :tree-props="{ children: 'children' }" empty-text="没有符合条件的权限资源">
         <template #toolbar-start><div class="permission-tree-tools"><div class="legend-list"><span><i class="is-menu" />目录 / 菜单</span><span><i class="is-action" />操作</span><span><i class="is-api" />接口预留</span><span class="permission-protection-hint">受保护资源不可编辑、停用或删除</span></div><div class="tree-view-actions"><el-button link type="primary" @click="expandAllRows">展开全部</el-button><el-button link @click="collapseActionRows">收起操作权限</el-button></div></div></template>
         <template #toolbar-actions><el-button v-if="canCreate" type="primary" @click="openCreate(null)"><Plus :size="16" />新增权限</el-button></template>
         <template #actions="{ row }">

src/modules/iam/pages/RolesView.test.ts

@@ -1,10 +1,14 @@
 import { createPinia, setActivePinia } from 'pinia'
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
 import { flushPromises, shallowMount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { createPlatformRole, listPlatformInternalUsers, listPlatformPermissions, listPlatformRoles, type PlatformRoleResource } from '@/modules/iam/api/platformIam'
 import { useAuthStore } from '@/core/auth/auth'
 import RolesView from './RolesView.vue'
 
+const rolesSource = readFileSync(resolve(process.cwd(), 'src/modules/iam/pages/RolesView.vue'), 'utf8')
+
 vi.mock('@/modules/iam/api/platformIam', () => ({
   createPlatformRole: vi.fn(),
   listPlatformInternalUsers: vi.fn(),
@@ -84,6 +88,13 @@ describe('RolesView', () => {
     expect(wrapper.get('[data-testid="permission-tree"]').attributes('data-check-strictly')).toBe('true')
   })
 
+  it('keeps the role code available but hidden from the default list layout', () => {
+    expect(rolesSource).toContain("{ key: 'roleCode', prop: 'code', label: '角色编码', minWidth: 180, showOverflowTooltip: true, defaultVisible: false }")
+    expect(rolesSource).toContain('<el-form-item label="角色编码"')
+    expect(rolesSource).not.toContain('<small>{{ (row as Role).code }}</small>')
+    expect(rolesSource).toContain('aria-label="平台角色列表"')
+  })
+
   it('loads platform roles from IAM for a server session', async () => {
     const pinia = createPinia()
     setActivePinia(pinia)

src/modules/iam/pages/RolesView.vue

@@ -80,7 +80,8 @@ const filteredRows = computed(() => roles.value.filter((item) => {
 const pagedRows = computed(() => filteredRows.value.slice((page.value - 1) * pageSize.value, page.value * pageSize.value))
 const roleColumns: DataTableColumn[] = [
   { key: 'actions', label: '操作', width: 235, fixed: 'left', slotName: 'actions' },
-  { key: 'role', label: '角色', minWidth: 210, slotName: 'role' },
+  { key: 'role', label: '角色名称', minWidth: 180, slotName: 'role' },
+  { key: 'roleCode', prop: 'code', label: '角色编码', minWidth: 180, showOverflowTooltip: true, defaultVisible: false },
   { key: 'description', prop: 'description', label: '说明', minWidth: 240, showOverflowTooltip: true },
   { key: 'permissionSummary', label: '授权范围', minWidth: 170, slotName: 'permissionSummary' },
   { key: 'userCount', prop: 'userCount', label: '用户数', width: 86, align: 'right' },
@@ -246,10 +247,10 @@ onMounted(loadRoles)
       </template>
 
       <section v-if="!loadError" class="surface-panel table-panel">
-      <DataTable v-model:page="page" v-model:page-size="pageSize" :data="pagedRows" :columns="roleColumns" preference-key="roles-table" :loading="loading" :total="filteredRows.length" row-key="id" empty-text="没有符合条件的角色">
+      <DataTable v-model:page="page" v-model:page-size="pageSize" :data="pagedRows" :columns="roleColumns" preference-key="roles-table" :loading="loading" :total="filteredRows.length" row-key="id" aria-label="平台角色列表" empty-text="没有符合条件的角色">
         <template #toolbar-actions><el-button v-if="canCreate" type="primary" @click="openCreate"><Plus :size="16" />新增角色</el-button></template>
         <template #actions="{ row }"><div v-if="canEdit || canGrant || access.can('platform:role:status') || access.can('platform:role:delete')" class="table-actions"><el-button v-if="canEdit || canGrant" link type="primary" :disabled="rowActionId === (row as Role).id || (row as Role).builtIn" @click="openEdit(row as Role)"><Pencil :size="15" />配置</el-button><el-button v-if="access.can('platform:role:status')" link :type="(row as Role).status === '启用' ? 'danger' : 'success'" :loading="rowActionId === (row as Role).id" :disabled="(row as Role).builtIn" @click="toggleStatus(row as Role)"><Power :size="15" />{{ (row as Role).status === '启用' ? '停用' : '启用' }}</el-button><el-button v-if="access.can('platform:role:delete')" link type="danger" :disabled="(row as Role).builtIn || (row as Role).userCount > 0 || rowActionId === (row as Role).id" @click="removeRole(row as Role)"><Trash2 :size="15" />删除</el-button></div><span v-else class="secondary-text">仅查看</span></template>
-        <template #role="{ row }"><div class="role-cell"><span><ShieldCheck :size="18" /></span><div><strong>{{ (row as Role).name }}</strong><small>{{ (row as Role).code }}</small></div></div></template>
+        <template #role="{ row }"><div class="role-cell"><span><ShieldCheck :size="18" /></span><div><strong>{{ (row as Role).name }}</strong></div></div></template>
         <template #permissionSummary="{ row }"><div class="primary-cell"><strong>{{ permissionSummary(row as Role) }}</strong><span>平台 IAM 权限</span></div></template>
         <template #roleType="{ row }"><el-tag :type="(row as Role).builtIn ? 'warning' : 'info'" effect="plain" size="small">{{ (row as Role).builtIn ? '系统内置' : '自定义' }}</el-tag></template>
         <template #status="{ row }"><StatusBadge :status="(row as Role).status" /></template>