feat(权限): 优化权限列表显示方式,按功能模块分组

- RoleResource: 使用 Tabs 组件按模块分组显示权限
  - 每个模块一个标签页,带有对应的图标
  - 权限名称简化为操作名称(如:查看详情、创建、编辑等)
  - 支持批量选择和取消选择
  - super-admin 角色的权限不可修改
- UserResource: 同样使用 Tabs 组件优化直接权限显示
  - 与角色权限保持一致的显示风格
  - 更清晰地展示权限的模块归属
- 添加 getPermissionTabs() 方法统一生成权限标签页
- 模块包括:文档管理、系统设置、操作日志、终端管理、SOP模板、分组管理、用户管理、角色管理

优化后的界面更加清晰易用,用户可以快速找到需要的权限模块
This commit is contained in:
2026-03-11 10:18:10 +08:00
parent 8018f4625c
commit 1843fa2883
2 changed files with 141 additions and 102 deletions

View File

@@ -35,6 +35,76 @@ class RoleResource extends Resource
return auth()->user()?->can('role.viewAny') ?? false;
}
/**
* 获取权限分组标签页
*/
protected static function getPermissionTabs(): array
{
// 模块名称和图标映射
$moduleConfig = [
'document' => ['name' => '文档管理', 'icon' => 'heroicon-o-document-text'],
'system-setting' => ['name' => '系统设置', 'icon' => 'heroicon-o-cog-6-tooth'],
'activity-log' => ['name' => '操作日志', 'icon' => 'heroicon-o-clipboard-document-list'],
'terminal' => ['name' => '终端管理', 'icon' => 'heroicon-o-computer-desktop'],
'sop-template' => ['name' => 'SOP模板', 'icon' => 'heroicon-o-document-text'],
'group' => ['name' => '分组管理', 'icon' => 'heroicon-o-user-group'],
'user' => ['name' => '用户管理', 'icon' => 'heroicon-o-users'],
'role' => ['name' => '角色管理', 'icon' => 'heroicon-o-shield-check'],
];
// 操作名称映射
$actionNames = [
'viewAny' => '查看列表',
'view' => '查看详情',
'create' => '创建',
'update' => '编辑',
'delete' => '删除',
'download' => '下载',
'export' => '导出',
'sync' => '同步',
'publish' => '发布',
'archive' => '归档',
];
// 按模块分组权限
$groupedPermissions = Permission::all()
->groupBy(function ($permission) {
return explode('.', $permission->name)[0];
});
$tabs = [];
foreach ($groupedPermissions as $module => $permissions) {
$config = $moduleConfig[$module] ?? ['name' => $module, 'icon' => 'heroicon-o-square-3-stack-3d'];
// 构建该模块的权限选项
$options = $permissions->mapWithKeys(function ($permission) use ($actionNames) {
$action = explode('.', $permission->name)[1] ?? '';
$actionName = $actionNames[$action] ?? $action;
return [$permission->name => $actionName];
})->toArray();
$tabs[] = Forms\Components\Tabs\Tab::make($config['name'])
->icon($config['icon'])
->schema([
Forms\Components\CheckboxList::make('permissions')
->label('')
->relationship('permissions', 'name')
->options($options)
->columns(2)
->bulkToggleable()
->disabled(fn (?Role $record): bool => $record?->name === 'super-admin')
->helperText(fn (?Role $record): string =>
$record?->name === 'super-admin'
? 'super-admin 角色拥有所有权限,不可修改'
: '选择该模块的权限'
),
]);
}
return $tabs;
}
public static function form(Form $form): Form
{
return $form
@@ -67,61 +137,9 @@ class RoleResource extends Resource
Forms\Components\Section::make('权限配置')
->schema([
Forms\Components\CheckboxList::make('permissions')
->label('权限')
->relationship('permissions', 'name')
->options(function () {
return Permission::all()
->groupBy(function ($permission) {
// 按模块分组(取权限名称的第一部分)
return explode('.', $permission->name)[0];
})
->map(function ($permissions, $module) {
// 模块名称映射
$moduleNames = [
'document' => '文档管理',
'system-setting' => '系统设置',
'activity-log' => '操作日志',
'terminal' => '终端管理',
'sop-template' => 'SOP模板',
'group' => '分组管理',
'user' => '用户管理',
'role' => '角色管理',
];
$moduleName = $moduleNames[$module] ?? $module;
return $permissions->pluck('name', 'name')
->mapWithKeys(function ($name) use ($moduleName) {
// 操作名称映射
$action = explode('.', $name)[1] ?? '';
$actionNames = [
'viewAny' => '查看列表',
'view' => '查看详情',
'create' => '创建',
'update' => '编辑',
'delete' => '删除',
'download' => '下载',
'export' => '导出',
'sync' => '同步',
'publish' => '发布',
'archive' => '归档',
];
$actionName = $actionNames[$action] ?? $action;
$label = "{$moduleName} - {$actionName}";
return [$name => $label];
});
})
->flatten()
->toArray();
})
->columns(3)
->searchable()
->bulkToggleable()
->helperText('选择该角色拥有的权限')
->disabled(fn (?Role $record): bool => $record?->name === 'super-admin'),
Forms\Components\Tabs::make('权限分组')
->tabs(self::getPermissionTabs())
->columnSpanFull(),
])
->description('配置角色的权限super-admin 角色拥有所有权限且不可修改'),
]);

View File

@@ -35,6 +35,71 @@ class UserResource extends Resource
return auth()->user()?->can('user.view') ?? false;
}
/**
* 获取权限分组标签页
*/
protected static function getPermissionTabs(): array
{
// 模块名称和图标映射
$moduleConfig = [
'document' => ['name' => '文档管理', 'icon' => 'heroicon-o-document-text'],
'system-setting' => ['name' => '系统设置', 'icon' => 'heroicon-o-cog-6-tooth'],
'activity-log' => ['name' => '操作日志', 'icon' => 'heroicon-o-clipboard-document-list'],
'terminal' => ['name' => '终端管理', 'icon' => 'heroicon-o-computer-desktop'],
'sop-template' => ['name' => 'SOP模板', 'icon' => 'heroicon-o-document-text'],
'group' => ['name' => '分组管理', 'icon' => 'heroicon-o-user-group'],
'user' => ['name' => '用户管理', 'icon' => 'heroicon-o-users'],
'role' => ['name' => '角色管理', 'icon' => 'heroicon-o-shield-check'],
];
// 操作名称映射
$actionNames = [
'viewAny' => '查看列表',
'view' => '查看详情',
'create' => '创建',
'update' => '编辑',
'delete' => '删除',
'download' => '下载',
'export' => '导出',
'sync' => '同步',
'publish' => '发布',
'archive' => '归档',
];
// 按模块分组权限
$groupedPermissions = \Spatie\Permission\Models\Permission::all()
->groupBy(function ($permission) {
return explode('.', $permission->name)[0];
});
$tabs = [];
foreach ($groupedPermissions as $module => $permissions) {
$config = $moduleConfig[$module] ?? ['name' => $module, 'icon' => 'heroicon-o-square-3-stack-3d'];
// 构建该模块的权限选项
$options = $permissions->mapWithKeys(function ($permission) use ($actionNames) {
$action = explode('.', $permission->name)[1] ?? '';
$actionName = $actionNames[$action] ?? $action;
return [$permission->name => $actionName];
})->toArray();
$tabs[] = Forms\Components\Tabs\Tab::make($config['name'])
->icon($config['icon'])
->schema([
Forms\Components\CheckboxList::make('permissions')
->label('')
->relationship('permissions', 'name')
->options($options)
->columns(2)
->bulkToggleable()
->helperText('选择该模块的直接权限(会叠加到角色权限之上)'),
]);
}
return $tabs;
}
public static function form(Form $form): Form
{
return $form
@@ -86,53 +151,9 @@ class UserResource extends Resource
Forms\Components\Section::make('直接权限')
->description('为用户分配额外的权限,这些权限会叠加到角色权限之上')
->schema([
Forms\Components\CheckboxList::make('permissions')
->label('权限列表')
->relationship('permissions', 'name')
->columns(3)
->gridDirection('row')
->options(function () {
return \Spatie\Permission\Models\Permission::all()
->groupBy(function ($permission) {
return explode('.', $permission->name)[0];
})
->map(function ($permissions, $module) {
$moduleNames = [
'document' => '文档管理',
'sop' => 'SOP模板',
'terminal' => '终端管理',
'user' => '用户管理',
'role' => '角色管理',
'group' => '分组管理',
'system' => '系统设置',
'activity' => '操作日志',
];
return $permissions->pluck('name', 'name')
->mapWithKeys(function ($name) use ($moduleNames) {
$parts = explode('.', $name);
$module = $parts[0];
$action = $parts[1] ?? '';
$actionNames = [
'view' => '查看',
'create' => '创建',
'update' => '编辑',
'delete' => '删除',
'export' => '导出',
'import' => '导入',
'publish' => '发布',
'archive' => '归档',
'download' => '下载',
'sync' => '同步',
];
$label = ($moduleNames[$module] ?? $module) . ' - ' . ($actionNames[$action] ?? $action);
return [$name => $label];
});
})
->flatten()
->toArray();
})
->searchable()
->bulkToggleable(),
Forms\Components\Tabs::make('权限分组')
->tabs(self::getPermissionTabs())
->columnSpanFull(),
])
->collapsible()
->collapsed(),