Skip to content

我的工作台(商务)

基础信息

说明
菜单路径/operationsManagement/taskManagement/myWorkbench/business
路由名称MyWorkbenchPet(源码中复用了增服的 name,实际路由路径区分商务)
页面组件src/views/operationsManagement/taskManagement/myWorkbench/business.vue
接口模块组件内 this.$api.post(...) 直接调用
Store
页面定位宠物商务业务线工作台,左侧任务中心 + 右侧侧边栏(快捷入口、预警任务、公告通知)

页面功能

页面采用左右两栏布局:左侧 TaskCenter(任务中心),右侧 Sidebar(侧边栏)。pageType4(商务)。business.vue 结构与 phone.vue / petServices.vue 一致,但不传 defJobType(默认 1 全部任务),且未通过插槽注入工单 Tab。

1. 侧边栏(Sidebar)

  • 快捷入口(QuickEntry):新建任务(跳转 addBusinessTask)、导入任务(pageType === '4' 展示,模板名「导入商务任务模版」,taskType: '16.2')。商务业务独有占位 div 占满布局。
  • 预警任务(WarningTasks):按 wbType: '4' 查询统计与滚动列表。
  • 公告通知(Notice):发布渠道 6(工作台-商务)。

2. 任务中心(TaskCenter)

  • 统计看板(BusinessStatisticsBox)pageType === '4' 使用 BusinessStatisticsBox 展示商务业务统计卡片。
  • Tab 页:全部任务、待处理任务、我创建任务、延期任务、已完成任务(8,商务独有,状态加载 ['6','8','5','2','7'])。商务业务不展示改派任务 Tab(showTab4 仅手机/理赔)。
  • 筛选区:承保公司、任务级别、任务类型(wb_job_business_type)、任务状态、查询/重置/高级筛选/导出清单。
  • 任务列表:展示任务主题、承保公司、任务级别、任务类型、创建时间、创建人、关联任务属性(PropertiesPopover)、责任人、任务时效、任务状态、执行时间。点击行跳转 businessTaskDetails
  • 轮询:同其他业务线,每 5 分钟刷新统计与列表。

3. 权限机制

  • getHasPermission 调用 wbJob/hasPermissionwbType: '4')。
  • hasPermi:商务业务「全部任务」Tab 直接放行,其余依赖 hasPermission

4. 与其他工作台差异

  • 不注入工单 Tab(无 phoneTap / petTap 插槽)。
  • 独有「已完成任务」Tab,无「改派任务」「已创建理赔任务」Tab。
  • 任务属性字典过滤逻辑不同:排除 42/47/48/50/51/52/53/54 等商务专属属性。

使用组件

组件路径用途
TaskCenter./TaskCenter/index.vue任务中心(统计、Tab、筛选、列表)
Sidebar./Sidebar/index.vue右侧侧边栏容器
QuickEntry./Sidebar/QuickEntry.vue快捷入口
WarningTasks./Sidebar/WarningTasks.vue预警任务
Notice./Sidebar/Notice.vue公告通知
BusinessStatisticsBox./TaskCenter/components/BusinessStatisticsBox.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任务分布统计
pagination@/components/pagination分页
ImportPopup@/components/ImportPopup导入任务弹窗

使用 Store

无。

调用接口

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

接口 URL用途
wbJob/hasPermission查询当前用户是否有操作权限(wbType: '4'
wbJob/pageCentreQueryNew任务中心列表分页查询
wbJob/wbJobCentreCountNew任务中心统计看板数据(wbType: '4'
ddic/getList字典(任务级别、任务状态、任务类型 wb_job_business_type、任务属性 wb_job_property
wbJob/template/queryBusinessInfo承保公司树
wbJob/export导出任务清单
wbJob/alertTaskStatisticsNew预警任务统计
wbJob/pageQuery预警任务滚动列表/更多列表
wbJob/addImport导入商务任务(taskType: '16.2'
notice/countWork公告未读数
notice/listWork公告滚动列表

修改记录

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