主题
我的工作台(商务)
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /operationsManagement/taskManagement/myWorkbench/business |
| 路由名称 | MyWorkbenchPet(源码中复用了增服的 name,实际路由路径区分商务) |
| 页面组件 | src/views/operationsManagement/taskManagement/myWorkbench/business.vue |
| 接口模块 | 组件内 this.$api.post(...) 直接调用 |
| Store | 无 |
| 页面定位 | 宠物商务业务线工作台,左侧任务中心 + 右侧侧边栏(快捷入口、预警任务、公告通知) |
页面功能
页面采用左右两栏布局:左侧 TaskCenter(任务中心),右侧 Sidebar(侧边栏)。pageType 为 4(商务)。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/hasPermission(wbType: '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 | 公告滚动列表 |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |