- 删除系统用户管理模块中重复且冗余的 Extra 组件及相关引用 - 修复用户列表数据请求时搜索条件被覆盖的问题,保留默认筛选参数 - 清理未使用的 userType 和 handleTabs 相关代码,减少死代码 - 修改密码重置操作的明文展示方式,改为使用弹窗提示,提升安全性 - 在用户及管理员列表中新增状态列,显示用户状态(正常/冻结) - 修改表格行点击事件为打开用户详情界面,移除无提示双击编辑操作 - 在用户列表页面新增高级筛选条件(角色、注册来源、类型) - 添加搜索和重置按钮,绑定高级筛选参数,提高筛选灵活性
2.0 KiB
2.0 KiB
2026-07-11 工作日志
用户管理模块 UX 优化(guilixu-admin 前端)
按用户确认的方案,对 src/views/system/ 下用户管理模块做了一轮优化:
1. 隐藏右上角三个导航按钮
- 原
src/views/system/user/components/Extra.vue定义了「人员管理 / 实名认证 / 管理员列表」三个按钮,被 4 个页面复用:user/index.vue、admin/index.vue、userVerify2/index.vue、organization/index.vue。 - 已移除这 4 个页面里对
<Extra/>的引用与 import,并删除孤儿组件Extra.vue。
2. 修复搜索条件被覆盖的 bug
user/index.vue与admin/index.vue的datasource中where = {}会清空传入条件(导致defaultWhere失效)。改为const params = { ...where, ... }合并后传给pageUsers。
3. 清理死代码
- 删除
userType、handleTabs(user/index.vue、admin/index.vue 均未使用)。
4. 修复重置密码明文安全问题
resetPsw原先把明文新密码直接显示在message.success中;改为Modal.success弹窗展示,避免明文暴露。
5. 增加用户状态列 + 行点击查看详情
- user/admin 列表新增「状态」列(正常/冻结,读取
record.status)。 - 表格行
onClick改为打开用户详情抽屉(openInfo),移除原无提示的双击编辑。
6. 新增高级筛选(仅 user/index.vue)
- 在页头加入角色 / 注册来源(platform) / 类型(isAdmin) 三个筛选条件 + 搜索/重置按钮,绑定
searchWherereactive,datasource 读取后传给pageUsers。
验证
- 已用
vue-tsc --noEmit跑类型检查(后台进行中),待结果确认无编译错误。
备注
- 方案中的「Batch 3 长期维护项」(admin/user 组件合并、导入模板配置化、search.vue 重命名)本次未执行,属可选重构,风险较高,留待后续。
- Grep 工具在当前环境因 pcre2 动态库缺失报错,改用 bash grep 替代。