- 在role-crud.ts中隐藏默认的查看按钮(view: { show: false })
- 优化RoleManage.vue的axios导入,仅导入isAxiosError
- 更新用户管理中的角色显示逻辑,确保正确显示角色名称
- 添加错误处理逻辑,显示友好的中文错误提示
- 更新相关构建文件和文档说明
1.6 KiB
1.6 KiB
图书管理系统前端问题修复计划
问题分析
问题1:用户列表中角色字段显示为角色名称
当前 user-crud.ts 中 role_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 |
添加 addRequest 和 editRequest 的错误处理,显示中文错误提示 |
| 3 | frontend/src/modules/admin/views/roles/role-crud.ts |
禁用默认的 view 按钮,保留自定义的 viewPerm 按钮 |
实施步骤
- 修改
user-crud.ts的role_id列配置,添加column.dict - 修改
user-crud.ts的请求配置,添加错误处理 - 修改
role-crud.ts的rowHandle.buttons配置,禁用默认 view 按钮
风险评估
- 低风险:所有修改都是配置层面的调整,不涉及核心逻辑
- 需要确保后端
/roles/接口返回正确的角色数据