6620aec5a2
- 在role-crud.ts中隐藏默认的查看按钮(view: { show: false })
- 优化RoleManage.vue的axios导入，仅导入isAxiosError
- 更新用户管理中的角色显示逻辑，确保正确显示角色名称
- 添加错误处理逻辑，显示友好的中文错误提示
- 更新相关构建文件和文档说明
1.3 KiB
1.3 KiB
用户管理页面角色显示和错误提示修复计划
问题分析
问题1：角色字段显示为ID而非名称
当前 user-crud.ts 中 role_id 字段配置存在以下问题：
- 列类型使用
dict-select，但列表显示需要使用type: "dict"并配合column.dict配置 - 字典数据需要提前加载或使用全局字典
问题2：错误提示未显示
当前代码通过 throw new Error(message) 抛出错误，但 FastCRUD 需要正确的错误处理配置才能显示提示框。需要在请求配置中添加错误处理函数。
修复方案
| 序号 | 文件 | 修改内容 |
|---|---|---|
| 1 | frontend/src/modules/admin/views/users/user-crud.ts |
修改 role_id 列配置，确保列表和表单正确显示角色名称 |
| 2 | frontend/src/modules/admin/views/users/user-crud.ts |
添加全局错误处理配置，确保错误信息能在页面弹出提示 |
实施步骤
-
修改
role_id列的配置：- 将
type改为"dict"或确保字典正确加载 - 添加
column.dict和form.dict配置
- 将
-
添加错误处理配置：
- 在
request配置中添加onError或类似的错误处理函数 - 使用
ElMessage显示错误提示
- 在
风险评估
- 低风险：所有修改都是配置层面的调整，不涉及核心逻辑