前端实现:
- userAssignment.js: API接口封装(56行,5个接口)
- getUserAssignmentList(): 分页查询
- getUserListByDept(): 按部门查询
- assignUser(): 分配用户
- batchAssignUsers(): 批量分配
- removeUserAssignment(): 移除分配
- userAssignment.vue: 人员分配页面(408行)
- 搜索功能:用户名、真实姓名、部门(树选择)、岗位、状态
- 表格展示:用户信息、部门标签、岗位标签、职位、状态
- 批量操作:多选批量分配
- 筛选功能:仅显示未分配用户
- 分配对话框:部门树选择、岗位下拉、职位输入
- 移除分配:确认后移除部门/岗位关联
技术特点:
- 多条件组合搜索
- 表格多选(el-table selection)
- 部门树选择器
- 岗位下拉选择
- 状态标签展示
- 批量分配优化
模块状态:✅ 完整(前端+后端)
Vue 3 + Vite
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about IDE Support for Vue in the Vue Docs Scaling up Guide.