一个连接货主与司机的网络货运平台:从发布货源、寻找运力、抢单接单、运输跟踪、运费结算到售后保障,全流程在线完成。 两端 App/小程序面向用户,三个 Web 后台面向企业与平台运营,售后作为独立模块贯穿始终。
先把地图画出来,再谈页面长什么样
使用主体:个人与企业货主
发布货源、比价下单、订单跟踪、支付与售后。六种发货类型覆盖整车、零担、同城、回程。
使用主体:司机与挂靠司机
找货、抢单、订阅播报、运输上报、钱包提现。货车导航规避限高限重,是全平台最复杂的入口。
使用主体:运输 / 物流公司
管司机、管车辆、管运单、管结算。公司下架则旗下司机一并无法接单。
使用主体:企业货主
企业集中发货与对账:多货单管理、熟车与黑名单、月度账单与发票。
使用主体:平台运营方
全局管理与平台治理:货运、押金、司机车辆、物流公司、货主、财务与系统设置。
使用主体:平台客服 / 双方用户
独立成模块:货主方、司机方、平台保障三类售后,配合保险与信用体系形成兜底。
货主选类型、填装卸地、传照片
筛选、推荐、订阅推送给司机
资质校验后抢单,双方确认
上报节点,轨迹实时回传
回单上传,双方确认
运费、押金、保险、互评
纠纷、理赔、违约金
蓝=平台与动作,橙=钱,红=异常。后端沿用同一套色,只是密度更高
| 层级 | 字号/行高 | 用途 |
|---|---|---|
| H1 | 21 / 30 | 首页主标题 |
| H2 | 19 / 26 | 订单状态、列表运费 |
| H3 | 16 / 22 | 线路起终点 |
| Body-L | 14 / 20 | 正文、入口名 |
| Body | 13 / 18 | 卡片明细 |
| Caption | 11.5 / 16 | 时间、状态 |
| Price | 19–26 / 700 | 运费(橙) |
| Token | 值 | 用途 |
|---|---|---|
| radius-xl | 16px | 底部弹层、信息面板 |
| radius-card | 12px | 货源卡、表单卡 |
| radius-btn | 10px | 主/次按钮、输入框 |
| radius-sm | 8px | 抢单按钮、图标块 |
| radius-pill | 999px | 距离、认证、状态 |
| 间距 | 4/8/12/16/20/24 | 只允许取这六档 |
| 触控热区 | ≥44px | 视觉 34 用 padding 补足 |
375px 手机界面,逐屏可看。建议用手机打开,就是客户真实看到的样子。
进入手机端页面 → 宽屏后台 · 3 个端 · 26 屏1180px 桌面界面,含完整侧栏与数据表。建议在电脑上打开,手机上会自动切换为横滑查看。
进入后台宽屏页面 →界面之外,还有 33 条口径要先定