Skip to content

我的工作台(理赔)

基础信息

说明
菜单路径/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>)实现。pageType3。布局为左侧主区(claim-workbench__main)+ 右侧 ClaimWorkbenchSidebar(280px)。

1. 主区 Tab 页

Tab 切换 params.jobType,切换时重置筛选条件并按 Tab 动态过滤任务状态下拉:

  • 全部任务1,默认)
  • 待处理任务2):状态仅加载执行中/执行中异常/已处理暂无结果
  • 我创建任务3):默认状态 ['1','3','9']
  • 延期任务7):状态排除未分配
  • 改派任务4):支持多选任务后改派,查询/分页会重置选中项
  • 根任务6):展示已创建理赔根任务,含任务结果、根任务等待时长列,支持「重新打开」终止结果根任务
  • 任务分布统计5):切换到 Distribution 组件

2. 筛选区

  • 顶部快捷属性:理赔常用任务属性(propertyKey 10/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 流程)

修改记录

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