人员排班管理

基础信息

项	说明
菜单路径	/operationsManagement/taskManagement/configurationCenter/serviceWorkManage
路由名称	serviceWorkManage
页面组件	src/views/operationsManagement/taskManagement/configurationCenter/serviceWorkManage/index.vue
接口模块	组件内 this.$api.post(...) 直接调用
Store	无
页面定位	客服排班信息的增删改查、启停、定时任务执行与日志查看

页面功能

页面使用 Container + el-tabs（人员排班管理 / 排班信息日志）+ SearchContainer（带操作区）+ TableContainer 标准布局。

1. 人员排班管理 Tab

筛选区

• 排班标题、排班开始/结束时间、状态（启用/禁用）、创建时间、操作人。
• 查询、重置按钮。

操作区

• 新增排班信息：跳转 /taskManagement/serviceWorkManage/info。
• 执行排班定时任务：确认后调用 wbWorkforceManage/updateWbUserConfig。

排班列表

列	说明
排班标题	title
排班部门	departmentName
排班开始时间	startTime
排班结束时间	endTime
创建时间	createTime
操作人	createUserName
状态	status，启用绿/禁用红

行操作

• 启用/禁用：仅当月排班可操作（年份/月份校验），调用 wbWorkforceManage/enableDisable。
• 查看：跳转 info 页（type: view）。
• 编辑：仅启用状态展示，跳转 info 页（type: edit）。
• 删除：仅禁用状态展示，调用 wbWorkforceManage/delete。

2. 排班信息日志 Tab

• 切换到日志 Tab 时展示 LogInfo 组件。

3. 新增/编辑排班信息（info 页）

• 路由 /taskManagement/serviceWorkManage/info，由 info/index.vue 承载。
• Basic：排班标题、排班部门、开始/结束时间等基本信息。
• List：排班明细列表，支持导入排班数据。
• 保存：新增调用 wbWorkforceManage/add，编辑调用 wbWorkforceManage/importUpdateSave。

使用组件

组件	路径	用途
Container	@/components/container	页面容器
SearchContainer	@/components/SearchTableContainer	筛选区容器
TableContainer	@/components/SearchTableContainer	表格容器
LogInfo	./components/LogInfo.vue	排班信息日志
Basic	./info/Basic.vue	排班基本信息（info 页）
List	./info/List.vue	排班明细列表（info 页）

使用 Store

无。

调用接口

所有接口实际请求统一带 /api 前缀（下表 URL 为业务路径简写）。

接口 URL	用途
wbWorkforceManage/pageQuery	排班信息分页查询
wbWorkforceManage/enableDisable	启用/禁用排班
wbWorkforceManage/delete	删除排班（含 manageId、userId）
wbWorkforceManage/updateWbUserConfig	执行排班定时任务
wbWorkforceManage/queryById	排班详情（info 页）
wbWorkforceManage/add	新增排班信息（info 页）
wbWorkforceManage/importUpdateSave	编辑保存排班信息（info 页）
wbWorkforceManage/workforceImport	导入排班数据（info 页）
wbWorkforceManage/workforceImportUpdate	导入更新（info 页）
wbWorkforceManage/getImportMergeData	查询导入合并数据（info 页）

修改记录

修改人	修改时间	修改内容
zhouw	2026-07-03	初始化页面
zhouw	2026-07-09	编写页面内容