源码获取：ym7k.com/17894/

一、 首页发单界面：行程发起与状态监控

1. 基础定位与城市管理
   • 左上角自动定位城市为 “青岛市”，所有服务资源、订单匹配均基于本地规则展开；
   • 地图同步标注周边地标（如青岛金信泰财税管理有限公司、青岛利群金鼎广场），帮助用户快速确认自身位置，精准定位起点。
2. 行程起点确认
   • 地图上标注默认起点为 “金石国际 B 座”，与下方行程输入区的 “从金石国际 B 座出发” 完全对应，避免因定位错误影响后续行程；
   • 支持用户手动修改起点，适配临时更换上车点的场景。
3. 订单状态实时提示
   • 页面中部弹出 “您有一个订单正在等待接单” 提示，同步配备 “查看” 按钮，用户可一键跳转至订单详情页，跟踪接单进度或调整订单信息。
4. 行程信息配置区
   • “输入你的目的地” 输入框：核心目的地录入入口，填写后即可进入订单确认环节；
   • “司机数量 | 1 名”：实时展示当前起点附近可接单的司机数量，帮助用户预判接单成功率与等待时长。
5. 安全保障与导航入口
   • 左侧 “安全中心”：提供行程分享、紧急求助、定位校准等安全功能，全程保障用户出行安全；
   • 底部导航栏：包含 “首页、订单、消息、我的” 四大模块，支持用户快速切换功能页面，满足不同操作需求。

二、 订单详情界面：行程确认与个性化设置

1. 路线与行程信息展示
   • 地图清晰绘制从 “金石国际 B 座” 到目的地的路线，标注 “9 公里 15 分钟” 的预估距离与时长，让用户直观了解行程规模；
   • 同步显示途经地标（如傲海星城、恒昌汇财），确保路线展示的精准性。
2. 行程信息灵活修改
   • 出发时间：默认 “现在出发”，支持点击修改为预约用车时间，适配提前规划行程的需求；
   • 出发地 / 目的地：均支持点击 “修改” 按钮，灵活调整上车点或终点，提升订单适配性。
3. 替 TA 代叫功能
   • 提供 “替 TA 代叫” 模块，可填写代叫人姓名与手机号（示例：张三 158****9999），支持 “去修改” 调整信息，满足为他人叫车的场景需求。
4. 价格与下单确认
   • 清晰展示预估费用 “30.00 元”，附带 “价格明细” 入口，用户可查看费用构成，透明化消费；
   • “立即下单” 按钮：核心提交入口，点击前需勾选同意《代驾协议》，确认服务条款后即可提交订单，等待司机接单。

三、 消息通知界面：订单状态与行程交互

1. 通知分类标签
   • 分为 “系统通知” 与 “行程对话” 两大标签页，清晰区分系统公告、订单状态通知、司机 / 用户对话等信息，分类管理更清晰。
2. 系统通知核心内容
   • 行程对话通知：提示 “有新的行程对话，请及时回复”，提醒用户与司机沟通行程细节（如上车点、路线调整）；
   • 订单取消通知：提示 “已取消订单，费用已退回”，及时告知用户订单处理结果与资金状态，避免用户遗漏信息。
3. 通知时间与状态标识
   • 每条通知均标注具体时间（如 2024.08.10），方便用户追溯行程记录；
   • 未读通知以红色红点标识，提醒用户及时查看重要消息。

四、 整体设计逻辑与核心价值

1. 全流程信息透明化：从起点、目的地、路线时长到预估费用，所有信息均直观展示，用户无需额外咨询，清晰掌握行程细节；
2. 多场景适配性：支持实时下单、预约用车、替 TA 代叫等多种模式，满足不同用户的出行需求；
3. 安全与交互闭环：通过安全中心前置安全保障，结合消息通知实时同步订单状态，形成 “发单 - 确认 - 沟通 - 售后” 的完整服务闭环；
4. 操作简洁高效：界面以直观的按钮、输入框、提示卡片为主，降低用户操作门槛，即使新手也能快速完成从发单到接单的全流程。