主题
我的工作台（手机）
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /operationsManagement/taskManagement/myWorkbench/phone |
| 路由名称 | MyWorkbenchPhone |
| 页面组件 | src/views/operationsManagement/taskManagement/myWorkbench/phone.vue |
| 接口模块 | 组件内 this.$api.post(...) 直接调用 |
| Store | 无 |
| 页面定位 | 手机维修业务线工作台，左侧任务中心/我的工单 + 右侧侧边栏（快捷入口、预警任务、公告通知） |
页面功能
页面采用左右两栏布局：左侧 TaskCenter（任务中心），右侧 Sidebar（侧边栏）。pageType 为 1（手机）。TaskCenter 通过 defJobType="2" 默认展示「待处理任务」Tab，并通过具名插槽 phoneTap 注入「我的工单」Tab 与 Order 工单组件。
1. 侧边栏（Sidebar）
- 快捷入口（QuickEntry）：新建报案、新建任务、新建无保单工单、查询工单（
pageType === '1'才展示前三项）。新建任务跳转addPhoneTask。 - 预警任务（WarningTasks）：展示累计预警/今日新增预警数量与滚动列表，点击查看任务详情（
phoneTaskDetails）。更多列表弹窗分页查询。 - 公告通知（Notice）：展示未读数与公告滚动列表，点击查看详情；发布渠道
2（工作台-手机）。
2. 任务中心（TaskCenter）
- 统计看板（PhoneStatisticsBox）：展示今日任务、昨日未完成、今日投诉/催办/紧急/重要任务，及累计任务等统计卡片（
pageType === '1'用PhoneStatisticsBox）。 - Tab 页：待处理任务（默认）、我创建任务、延期任务、改派任务（仅手机/理赔展示）、全部任务。
- 筛选区：任务级别、任务类型（
wb_job_phone_type）、任务状态（按 Tab 动态过滤）、查询/重置/高级筛选/导出清单。 - 任务列表：展示任务主题（含
TaskInfoPopover悬浮信息、预警标签）、承保公司、任务级别、任务类型、创建时间、创建人、客户姓名|电话、责任人、任务时效、任务状态、执行时间。点击行跳转phoneTaskDetails。 - 任务分布统计 Tab：手机业务不展示（仅理赔
showTab5）。 - 轮询：
mounted后每 5 分钟刷新统计与列表；deactivated清除定时器。
3. 我的工单（Order）
- 切到「我的工单」Tab 时展示
Order组件（hasPermission控制责任人列）。 - 筛选：客户信息（工单号/姓名/电话）、业务渠道、工单状态、工单创建时间，支持创建时间排序。
- 工单列表：业务渠道、创建时间、客户信息、工单标记（黑名单/催办/协同/投诉，可编辑）、工单信息（状态|工单号，跳转工单详情）。
- 展开行展示关联任务列表（
wbJobs），点击任务主题跳转phoneTaskDetails。
4. 权限机制
getHasPermission调用wbJob/hasPermission（wbType: '1'）获取当前用户是否有「全部任务」以外的责任人/导出等操作权限。hasPermi：手机业务「全部任务」Tab 时直接放行，其余依赖接口返回的hasPermission。
使用组件
| 组件 | 路径 | 用途 |
|---|---|---|
TaskCenter | ./TaskCenter/index.vue | 任务中心（统计、Tab、筛选、列表、高级筛选、导出） |
Sidebar | ./Sidebar/index.vue | 右侧侧边栏容器 |
Order | ./Order/index.vue | 我的工单列表 |
QuickEntry | ./Sidebar/QuickEntry.vue | 快捷入口 |
WarningTasks | ./Sidebar/WarningTasks.vue | 预警任务统计与滚动列表 |
Notice | ./Sidebar/Notice.vue | 公告通知 |
PhoneStatisticsBox | ./TaskCenter/components/PhoneStatisticsBox.vue | 手机业务统计看板 |
Statistics | ./components/Statistics.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 | 改派任务弹窗 |
pagination | @/components/pagination | 分页 |
ImportPopup | @/components/ImportPopup | 导入弹窗（手机业务快捷入口不展示导入） |
使用 Store
无。
调用接口
所有接口实际请求统一带
/api前缀（下表 URL 为业务路径简写）。
| 接口 URL | 用途 |
|---|---|
wbJob/hasPermission | 查询当前用户是否有操作权限（wbType: '1'） |
wbJob/pageCentreQueryNew | 任务中心列表分页查询 |
wbJob/wbJobCentreCountNew | 任务中心统计看板数据（wbType: '1'） |
ddic/getList | 字典（任务级别 wb_job_level、任务状态 wb_job_status、任务类型 wb_job_phone_type、任务属性 wb_job_property、业务渠道 wb_job_business_channel） |
wbJob/template/queryBusinessInfo | 承保公司树（手机业务不调用，理赔/增服调用） |
wbJob/export | 导出任务清单 |
wbJob/alertTaskStatisticsNew | 预警任务统计 |
wbJob/pageQuery | 预警任务滚动列表/更多列表 |
notice/countWork | 公告未读数 |
notice/listWork | 公告滚动列表 |
wo/wbServiceOrder/pageQuery | 我的工单列表 |
wo/serviceOrder/editRemarkType | 工单标记编辑 |
ddic/getDdicList | 工单状态下拉（service_order_status） |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |