主题
人员分组配置
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /operationsManagement/taskManagement/configurationCenter/serviceGroupManage |
| 路由名称 | serviceGroupManage |
| 页面组件 | src/views/operationsManagement/taskManagement/configurationCenter/serviceGroupManage/index.vue |
| 接口模块 | 组件内 this.$api.post(...) 直接调用 |
| Store | 无 |
| 页面定位 | 手机/增服/理赔/商务四业务线客服分组的新增、编辑、删除及接单状态维护 |
页面功能
页面使用 Container + 双层 el-tabs 布局。外层 Tab 切换业务线（wbType），内层 Tab 切换「分组配置列表」/「分组配置日志」，实际内容由 listPane 组件承载。
1. 业务线 Tab
| Tab | wbType | 说明 |
|---|---|---|
| 手机业务分组配置 | 1 | 手机维修客服分组 |
| 宠物增服分组配置 | 2 | 宠物增服客服分组 |
| 宠物理赔分组配置 | 3 | 宠物理赔客服分组 |
| 宠物商务分组配置 | 4 | 宠物商务客服分组 |
2. 分组配置列表（listPane）
- 筛选区：分组名称（输入框）。查询、重置。
- 操作区：新增分组配置（打开
addServiceGroup弹窗）。 - 分组列表：分组名称ID、分组名称、关联分配规则数、创建人、创建时间。操作：修改、删除（仅
rules === 0可删除）。 - 展开行：展示分组成员列表，含姓名、角色名称、角色类型、今日任务分配总数、今日是否在岗、今日是否可接单（开关，调用
wbKefuGroup/updateStatus）。
3. 新增/编辑分组弹窗（addServiceGroup）
- 指定人员（多选，按
wbJobType查询user/selectList，展示姓名+角色）。 - 分组名称（校验：仅中英文数字，1-25 字符）。
- 保存：新增调用
wbKefuGroup/add，编辑调用wbKefuGroup/edit。
4. 分组配置日志（GroupConfigLog）
- 内层 Tab 切换到「分组配置日志」时展示
GroupConfigLog组件，按wbType查询操作日志。
使用组件
| 组件 | 路径 | 用途 |
|---|---|---|
Container | @/components/container | 页面容器 |
listPane | ./listPane.vue | 分组列表/日志内容 |
addServiceGroup | ./addServiceGroup.vue | 新增/编辑分组弹窗 |
GroupConfigLog | ./GroupConfigLog.vue | 分组配置日志 |
SearchContainer | @/components/SearchTableContainer | 筛选区容器 |
TableContainer | @/components/SearchTableContainer | 表格容器 |
pagination | @/components/pagination | 分页 |
使用 Store
无。
调用接口
所有接口实际请求统一带
/api前缀（下表 URL 为业务路径简写）。
| 接口 URL | 用途 |
|---|---|
wbKefuGroup/pageQuery | 分组分页查询（按 wbType） |
wbKefuGroup/add | 新增分组 |
wbKefuGroup/edit | 编辑分组 |
wbKefuGroup/delete | 删除分组 |
wbKefuGroup/updateStatus | 更新成员接单状态 |
user/selectList | 查询可选客服人员（按 wbJobType） |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |