NB
Neighbour Express OrderInfo
Unified Layout / Strict Grid / 2026 Logistics Console
Neighbour Express / Unified Order Workspace

单页展示全部模块,但必须保持严格对齐

这一版把你要的两种方向合在一起:外层保持高级、克制、明亮的企业后台气质,关键模块内部引入更强的物流控制面板感。 重点不是堆视觉效果,而是保证 9 个模块全部进入同一套 12 栏网格,任何模块上下左右的边界、标题起点、内容密度都严格统一。

严格网格 白底后台 深色控制面板
订单编号
N26T1D4255669
状态
待发货
责任链
仓内准备
风险等级
Low
Module 01

订单信息

首屏只回答最重要的问题:这单是什么、现在属于哪类业务、状态是什么、应该由谁处理。字段很多,但不应该一上来全部铺开。

Full Width Header
订单身份
Order Identity
主单号、客户单号、委托客户、订单来源统一放在这里。
业务类型
Business Type
运输类型、订单类型、货物类型、业务模式做聚合摘要。
责任状态
Current Owner
当前节点、责任链、是否需要人工介入,用状态摘要呈现。
Module 02

批次信息

严格做成同尺寸模块,不再自由生长。

4 Col
批次 / 路线 / 排单
Batch Chain
分拨摘要
Hub Status
时效提示
SLA / Cutoff
运营建议
Ops Note
Module 05

配送信息

位于中间柱,和左右模块等宽等高。

4 Col
配送主体
Driver / Team
配送形态
Truck / Task
预约窗口
ETA Window
签收方式
POD Rule
Module 06

货物信息

右侧同宽模块,避免任何视觉塌陷。

4 Col
件数
01
件数摘要
体积
体积摘要
重量
kg
重量摘要
复核
0
差异摘要
Module 03

发件人信息

与目的地信息形成完全镜像的 6-6 结构,标题、内边距、内容起点全部一致。

6 Col

Origin Block

联系人、电话、邮编、始发地、备注。

Sender
联系人 / 公司
Primary Contact
地址主信息
Origin Address
时效与备注
Pickup Window
Module 04

目的地信息

与发件人信息严格对称,不能出现左右模块头部、内容区、底部不齐的情况。

6 Col

Destination Block

收件人、地址、门禁 / 单元、经纬度、留言提醒。

Consignee
收件主体
Receiver Contact
交付地址
Destination Address
交付约束
Delivery Constraint
Module 07

POD 信息

保留明亮后台外观,但内部增加结果态和证明区,吸收你第二张图里那种更集中、更偏操作面板的质感。

6 Col
签收成功 待复核 失败回执
这里放签名、POD 图片、失败照片或交付证明集。
它应该是统一证据区,不再拆成单独页签。
签名 / 证明摘要
Signature Summary
失败原因
Failure Reason
重派建议
Re-dispatch
Module 08

可操作信息

操作区和 POD 区严格同宽同高层级,异常监控、投诉、客服动作集中收束。

6 Col
异常监控
Alert Monitor
超时未派、轨迹中断、地址异常、司机失联等都放在这里。
高风险异常必须做成醒目的提示带,不要缩成角落里的小图标或散乱按钮。
投诉 / 客服动作
Complaint Desk
投诉状态、工单入口、回访、客诉优先级可以收敛在统一操作容器内。
Complaint
01
Ticket
02
Callback
03
Priority
High
Module 09

轨迹状态

这里明确采用更深色的物流控制面板语言,但它仍然被包裹在同样的外边距、同样的圆角、同样的标题系统里,所以不会破坏整体对齐。

12 Col / Timeline + Map
当前节点
Gateway Transit
当前位置
Toronto Hub
下一个责任段
Final Delivery
订单创建 / 已进入业务系统
T+0 / System Event
左栏统一展示事件流,所有节点卡高度节奏一致,杜绝一条高一条低的无序排列。
仓内处理 / 分拣复核
Hub Processing
节点文案建议控制为 2 到 4 行,保证列表整体对齐,不要让某些节点过于膨胀。
派送阶段 / 司机承接
Dispatch Execution
司机、车辆、二配单、站点等信息都可以在这个卡片模型里扩展。
签收完成 / 失败回执
POD Result
最后一个节点与上方 POD 区和操作区形成闭环,不再孤立存在。
Origin发件地 / 仓内准备
Processing Hub批次 / 路线 / 调度节点
Destination目的地 / 派送 / 签收