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