主题
我的工作台(理赔)
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /operationsManagement/taskManagement/myWorkbench/claim |
| 路由名称 | MyWorkbenchClaim |
| 页面组件 | src/views/operationsManagement/taskManagement/myWorkbench/claim/index.vue |
| 接口模块 | 组件内 api.post(...) 直接调用(Vue3 setup) |
| Store | 无 |
| 页面定位 | 宠物理赔业务线工作台,主区任务列表/分布统计 + 右侧理赔侧边栏(快捷入口、统计卡片) |
页面功能
理赔工作台与手机/增服/商务不同,未复用通用 TaskCenter,而是使用独立的 claim/index.vue(Vue3 <script setup>)实现。pageType 为 3。布局为左侧主区(claim-workbench__main)+ 右侧 ClaimWorkbenchSidebar(280px)。
1. 主区 Tab 页
Tab 切换 params.jobType,切换时重置筛选条件并按 Tab 动态过滤任务状态下拉:
- 全部任务(
1,默认) - 待处理任务(
2):状态仅加载执行中/执行中异常/已处理暂无结果 - 我创建任务(
3):默认状态['1','3','9'] - 延期任务(
7):状态排除未分配 - 改派任务(
4):支持多选任务后改派,查询/分页会重置选中项 - 根任务(
6):展示已创建理赔根任务,含任务结果、根任务等待时长列,支持「重新打开」终止结果根任务 - 任务分布统计(
5):切换到Distribution组件
2. 筛选区
- 顶部快捷属性:理赔常用任务属性(
propertyKey10/11/13/14)直接展示输入框,复用propertyList。 - 常规筛选:任务编码、承保公司(级联多选)、任务级别、任务状态、任务类型(
wb_job_claim_type,改派/根任务 Tab 展示)、任务结果(根任务 Tab 展示,来自claimTaskResultConfig/detail)、根任务等待时长区间。 - 高级筛选:
AdvancedFilter弹窗,支持创建时间、责任人、主要负责人、完成时间、执行时间、任务属性等。
3. 任务列表
- 展示任务主题(
TaskInfoPopover悬浮信息 + 预警/超时标签)、承保公司、任务级别、任务类型(含提醒时间标签)、创建时间、创建人、关联任务属性(PropertiesPopover)、责任人、主要负责人、任务时效、任务状态、执行时间。 - 根任务 Tab 额外展示任务结果、根任务等待时长、重新打开操作。
- 点击行跳转
claimTaskDetails。
4. 侧边栏(ClaimWorkbenchSidebar)
- ClaimQuickEntry:理赔快捷入口(新建任务
addClaimTask、快捷查询claimQuickQuery、新建异议投诉、导入任务taskType: '16.3')。 - 统计卡片:今日任务、累计投诉、催办任务、紧急任务、抱怨任务、咨询任务、总通话时长、总通话次数(数据来自
claimWbJob/centreCount)。
5. 权限与轮询
getHasPermission调用claimWbJob/hasPermission获取权限。hasPermi:全部任务 Tab 直接放行,其余依赖hasPermission。- 轮询:
onMounted/onActivated启动 5 分钟轮询刷新列表与统计;onDeactivated/onBeforeUnmount停止。
使用组件
| 组件 | 路径 | 用途 |
|---|---|---|
ClaimWorkbenchSidebar | ./components/ClaimWorkbenchSidebar.vue | 理赔侧边栏(快捷入口+统计卡片) |
ClaimQuickEntry | ./components/ClaimQuickEntry.vue | 理赔快捷入口 |
AdvancedFilter | ../TaskCenter/components/AdvancedFilter.vue | 高级筛选弹窗 |
ExportPopup | ../TaskCenter/components/ExportPopup.vue | 导出清单弹窗 |
TaskInfoPopover | ../TaskCenter/components/TaskInfoPopover.vue | 任务主题悬浮信息 |
PropertiesPopover | ../TaskCenter/components/PropertiesPopover.vue | 关联任务属性悬浮 |
Distribution | ../TaskCenter/components/Distribution.vue | 任务分布统计 |
ReassignmentTask | ../TaskCenter/components/ReassignmentTask.vue | 改派任务弹窗 |
ReopenRootTaskDialog | ./components/ReopenRootTaskDialog.vue | 重新打开根任务弹窗 |
ClaimTaskResultOptionLabel | ../../components/ClaimTaskResultOptionLabel.vue | 任务结果选项标签 |
Statistics | ../components/Statistics.vue | 统计卡片 |
pagination | @/components/pagination | 分页 |
使用 Store
无。
调用接口
所有接口实际请求统一带
/api前缀(下表 URL 为业务路径简写)。
| 接口 URL | 用途 |
|---|---|
claimWbJob/hasPermission | 查询理赔工作台操作权限 |
claimWbJob/page | 理赔任务列表分页查询(非根任务) |
claimWbJob/rootTask/page | 根任务列表分页查询 |
claimWbJob/centreCount | 理赔统计卡片数据 |
claimWbJob/rootTask/export | 根任务导出清单 |
wbJob/export | 非根任务导出清单 |
ddic/getList | 字典(任务级别、任务状态 wb_job_status wbType=3、任务类型 wb_job_claim_type、任务属性 wb_job_property) |
wbJob/template/queryBusinessInfo | 承保公司树 |
claimTaskResultConfig/detail | 根任务结果下拉选项(按 jobType) |
claimWbJob/job/createSub | 新增理赔子任务(AddTask 流程) |
claimWbJob/job/createRootFromDetail | 理赔详情页新增根任务(AddTask 流程) |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |