BookSystem/.trae/documents/fix_user_role_display_plan.md
jayhgq 6620aec5a2 fix(roles): 隐藏默认查看按钮并优化角色管理功能
- 在role-crud.ts中隐藏默认的查看按钮(view: { show: false })
- 优化RoleManage.vue的axios导入,仅导入isAxiosError
- 更新用户管理中的角色显示逻辑,确保正确显示角色名称
- 添加错误处理逻辑,显示友好的中文错误提示
- 更新相关构建文件和文档说明
2026-05-10 22:06:37 +08:00

1.6 KiB
Raw Permalink Blame History

图书管理系统前端问题修复计划

问题分析

问题1用户列表中角色字段显示为角色名称

当前 user-crud.tsrole_id 字段使用了 dict-select 类型但列显示可能没有正确转换角色ID为角色名称。需要添加 column.dict 配置。

问题2用户添加时角色字段显示为角色名称

添加表单中已经使用了 dict-select,但需要确认是否正确配置。

问题3添加用户时后端错误没有中文提示

addRequest 中没有错误处理,需要添加 try-catch 并显示中文错误提示。

问题4角色页面有两个查看按钮

role-crud.ts 中自定义了 viewPerm 按钮,但 FastCRUD 默认还会显示一个 view 按钮,需要禁用默认的 view 按钮。

修复方案

序号 文件 修改内容
1 frontend/src/modules/admin/views/users/user-crud.ts role_id 列添加 column.dict 配置,使列表显示角色名称
2 frontend/src/modules/admin/views/users/user-crud.ts 添加 addRequesteditRequest 的错误处理,显示中文错误提示
3 frontend/src/modules/admin/views/roles/role-crud.ts 禁用默认的 view 按钮,保留自定义的 viewPerm 按钮

实施步骤

  1. 修改 user-crud.tsrole_id 列配置,添加 column.dict
  2. 修改 user-crud.ts 的请求配置,添加错误处理
  3. 修改 role-crud.tsrowHandle.buttons 配置,禁用默认 view 按钮

风险评估

  • 低风险:所有修改都是配置层面的调整,不涉及核心逻辑
  • 需要确保后端 /roles/ 接口返回正确的角色数据