手机物流信息管理

基础信息

项	说明
菜单路径	/operationsManagement/logisticsManagement/logisticsInfo
路由名称	/operationsManagement/logisticsManagement/logisticsInfo（菜单路由 name）/ logistics-info（列表组件 name）
页面组件	src/views/operationsManagement/logisticsManagement/logisticsInfo/index.vue（列表）；详情子页 logisticsInfo/details/index.vue；编辑复用 infoEntry/logisticsInfoEdit.vue
接口模块	组件内 this.$api.post(...) 直接调用（列表/详情）；导出使用 axios.post 直接请求
Store	无
页面定位	手机物流信息的列表查询、导出清单、查看详情与编辑，并展示每单关联的维修工单

页面功能

列表页由「筛选区 + 表格」组成，表格行展开可看关联运费工单，点击快递单号/查看进入详情，点击修改进入编辑。

1. 筛选区

筛选条件：运单号码（输入时经 verifyLogistics 校验清洗）、工单号、报案人、物流状态、配送公司、下单时间区间。下拉项来自字典 logistics_status、logistics_company（ddic/getList）。

2. 数据表格

查询接口 wo/logistics/getPageList。列含：序号、快递单号、关联工单数、配送方式、配送类型、配送路径、寄件人、收件人、录入人、物流状态、费用承担方、操作。

• 关联运费工单号（展开行）：展开后内嵌表格展示该运单关联的工单（工单号、报案人、报案人电话、设备品牌、设备型号、工单状态），点击工单号跳手机售后工单详情页 /intelligenceAfterSaleSystem/cellphoneAfterSale/workOrderPage。
• 快递单号 / 查看：跳详情页 /logisticsManagement/logisticsInfo/details?id=...。
• 修改：先 wo/logistics/getById 取详情存入 sessionStorage(editInfo)，再跳编辑页 /logisticsManagement/infoEntry/logisticsInfoEdit?pageType=edit。编辑前会按 id 清理旧的临时编辑缓存（tempEditInfo/tempEditList）。

3. 操作按钮

• 物流信息录入：跳录入页 /operationsManagement/logisticsManagement/infoEntry。
• 导出物流清单：需先选「下单时间」区间，二次确认后通过 axios.post('wo/logistics/exportLogisticsExpense ', params, { responseType: 'blob' }) 直接下载为 物流清单.csv（注意：该处绕过 @/api，直接用 axios，URL 末尾多一个空格）。

4. 详情子页（details/index.vue）

展示「关联工单信息」表格 + 「物流信息」（Tab：物流基本信息 / 物流跟踪记录）。

• 物流基本信息用 NoHeaderTable 渲染键值对（配送方式/类型、快递单号、保价/快递费用、寄收件人、地址、物流状态、费用承担方、寄出/签收时间等）。
• 物流跟踪记录用 TrackRecord（复用 infoEntry/components/Tables/TrackRecord），数据来自 logisticsTrack/page（按 logisticsNo 查询）。
• 详情数据来自 wo/logistics/getById。

5. 页面缓存

列表路由 keepAlive: true，activated 时刷新并 table.doLayout() 修正表格错位。

使用组件

组件	路径	用途
Container	@/components/container	页面标题容器（列表）
Pagination	@/components/pagination	分页（列表）
SearchContainer / TableContainer	@/components/SearchTableContainer/index.js	筛选/表格容器（列表）
NoHeaderTable	@/components/componentTable/NoHeaderTable	无表头键值对表格（详情基本信息）
TrackRecord	../infoEntry/components/Tables/TrackRecord	物流跟踪记录表格（详情）

使用 Store

无。

调用接口

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

接口 URL	用途
wo/logistics/getPageList	物流信息分页查询（列表）
wo/logistics/getById	物流详情（修改回显 / 详情页）
wo/logistics/exportLogisticsExpense	导出物流清单为 CSV（axios blob，直接下载）
logisticsTrack/page	物流跟踪记录（详情页）
ddic/getList	字典（物流状态 logistics_status、配送公司 logistics_company）

修改记录

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