用于配置角色、成员范围和敏感权限的后台表单。An admin form for configuring roles, member scope, and sensitive permissions.
B 端后台B2B admin表单Form配置Settings侧边栏Sidebar单栏Single column专业Professional克制Restrained
权限配置
运营管理员12 名成员使用此角色
权限变更会记录到审计日志。
有 2 项更改尚未保存。
保存失败,填写内容已保留。
权限已更新。
标本可交互,可以切换不同状态。Interactive specimen — switch between the available states.
适用场景Use cases
角色配置、权限确认、变更保存角色配置 · 权限确认 · 变更保存
关键状态Key states
默认Default待确认Pending错误Error成功反馈Success
布局结构Structure
配置导航Settings navigation
角色基本信息Role basics
分组权限矩阵Grouped permission matrix
固定保存区Persistent save area
视觉特征Visual traits
标签位于控件上方Labels sit above controls
继承权限有明确来源Inherited permissions have a clear source
高风险选项附带影响说明High-risk options explain impact
实现约束Implementation guardrails
需要做到Do
显示未保存变更Show unsaved changes
高风险权限二次确认Confirm high-risk permissions twice
错误信息紧邻对应字段Keep errors beside the affected field
避免Avoid
用 placeholder 代替字段标签Use a placeholder instead of a field label
保存失败后清空用户输入Clear user input after a failed save
AI 风格说明AI design brief
构建一个能解释权限影响并防止误操作的角色配置页。
适用场景:角色配置、权限确认、变更保存。
页面结构:配置导航;角色基本信息;分组权限矩阵;固定保存区。
视觉特征:标签位于控件上方;继承权限有明确来源;高风险选项附带影响说明。
关键状态:默认、待确认、错误、成功反馈。
需要做到:显示未保存变更;高风险权限二次确认;错误信息紧邻对应字段。
避免:用 placeholder 代替字段标签;保存失败后清空用户输入。Build a role settings page that explains permission impact and prevents mistakes.
Use cases: Role configuration, Permission review, Saving changes.
Structure: Settings navigation; Role basics; Grouped permission matrix; Persistent save area.
Visual traits: Labels sit above controls; Inherited permissions have a clear source; High-risk options explain impact.
Key states: Default, Pending, Error, Success.
Do: Show unsaved changes; Confirm high-risk permissions twice; Keep errors beside the affected field.
Avoid: Use a placeholder instead of a field label; Clear user input after a failed save.
# 工作区权限配置 (Workspace Permission Settings)
用于配置角色、成员范围和敏感权限的后台表单。
An admin form for configuring roles, member scope, and sensitive permissions.
## 分类
- 产品类型:B 端后台 / B2B admin
- 页面类型:表单、配置 / Form, Settings
- 布局方式:侧边栏、单栏 / Sidebar, Single column
- 视觉气质:专业、克制 / Professional, Restrained
- 关键状态:默认、待确认、错误、成功反馈 / Default, Pending, Error, Success
## 页面结构
- 配置导航 / Settings navigation
- 角色基本信息 / Role basics
- 分组权限矩阵 / Grouped permission matrix
- 固定保存区 / Persistent save area
## 视觉特征
- 标签位于控件上方 / Labels sit above controls
- 继承权限有明确来源 / Inherited permissions have a clear source
- 高风险选项附带影响说明 / High-risk options explain impact
## AI 风格说明 / AI design brief
构建一个能解释权限影响并防止误操作的角色配置页。
适用场景:角色配置、权限确认、变更保存。
页面结构:配置导航;角色基本信息;分组权限矩阵;固定保存区。
视觉特征:标签位于控件上方;继承权限有明确来源;高风险选项附带影响说明。
关键状态:默认、待确认、错误、成功反馈。
需要做到:显示未保存变更;高风险权限二次确认;错误信息紧邻对应字段。
避免:用 placeholder 代替字段标签;保存失败后清空用户输入。
Build a role settings page that explains permission impact and prevents mistakes.
Use cases: Role configuration, Permission review, Saving changes.
Structure: Settings navigation; Role basics; Grouped permission matrix; Persistent save area.
Visual traits: Labels sit above controls; Inherited permissions have a clear source; High-risk options explain impact.
Key states: Default, Pending, Error, Success.
Do: Show unsaved changes; Confirm high-risk permissions twice; Keep errors beside the affected field.
Avoid: Use a placeholder instead of a field label; Clear user input after a failed save.
来源:LearnUI PM 原创示例,MIT License