1.0 KiB
1.0 KiB
1. 数据源
- 1.1
src/api/user.ts:定义User类型(字段对齐后端)+ 模块级 mock 数组 +listUsers/createUser/updateUser/deleteUser/resetPassword异步函数(返回{code,message,data})
2. 用户管理页面
- 2.1
src/pages/system/user/index.vue:搜索表单(用户名/昵称/手机/状态 + 查询/重置) - 2.2 表格列(用户名/昵称/邮箱/手机/状态 tag/组织/创建时间)+ 操作列(编辑/重置密码/删除)
- 2.3 分页(el-pagination,page/pageSize/total)
- 2.4 新增/编辑弹窗(el-dialog + el-form,校验用户名/密码必填;编辑时用户名只读)
- 2.5 重置密码弹窗(新密码)
- 2.6 删除确认(ElMessageBox.confirm)+ 成功/失败提示(ElMessage)
3. 验证
- 3.1
pnpm dev登录后进入「用户管理」,列表/搜索/分页正常 - 3.2 新增/编辑/重置密码/删除流程可用,状态标签颜色正确
- 3.3
pnpm type-check与pnpm build-only通过