源码获取：ym7k.com/17894/

代驾/出行订单详情页功能清单

根据所提供的界面截图内容，本页面定位于代驾或出行服务场景中的订单详情管理，核心围绕行程信息展示、地址管理、代叫服务、费用预估与协议确认等维度展开。以下为详细功能清单：

一、行程地图可视化

页面顶部提供地图展示区域，直观呈现行程路线与关键地标。地图上标注了起点“金石国际B座”、途经点“傲海星城”“恒昌汇财”以及终点“青岛利群金鼎广场”等位置信息。同时，地图区域显示了行程距离与预估时长——“9公里 15分钟”，帮助用户提前了解行程规模与耗时，便于合理安排出行计划。

二、安全中心入口

地图区域旁设有“安全中心”入口，为用户提供行程安全保障功能。点击后可访问紧急联系人设置、行程分享、一键报警、实时位置共享等安全相关服务，体现平台对用户出行安全的重视。

三、出发时间设定

页面展示“出发时间”字段，支持用户查看当前已设定的出发时间或进行修改调整。该功能适用于预约类订单，允许用户灵活安排出行时刻，满足计划性用车需求。

四、地址管理与修改

起点地址显示为“金石国际B座”，并配有“修改出发地”按钮，用户可重新选择或输入新的上车地点。终点地址显示为“青岛西海岸金沙滩啤酒...”，并配有“修改目的地”按钮，支持用户变更下车位置。地址信息支持部分截断显示（以“…”表示），适配移动端有限屏幕空间，同时保留完整地址的查看与编辑入口。

五、代叫服务

平台提供“替TA代叫”功能，满足用户为他人叫车的场景需求。界面展示被代叫人的信息：“张三 158****9999”，姓名与手机号中间四位脱敏显示，既便于用户确认代叫对象，又保护他人隐私。点击“去修改”按钮可更换代叫人的姓名及联系方式。该功能适用于用户为亲友、客户或同事发起行程的场景。

六、费用预估与明细

页面醒目位置显示“预估30.00元”作为本次行程的大致费用，帮助用户在确认订单前了解消费预期。旁边设有“价格明细”入口，点击后可展开详细的计费规则说明，例如起步价、里程费、时长费、夜间服务费、动态溢价等，确保计费透明，避免事后争议。

七、代驾协议确认

页面底部提供“请仔细阅读并同意《代驾协议》”的确认提示。用户需阅读服务条款后方可继续下单，协议通常包含责任划分、保险理赔、取消政策、乘客与司机权利义务等法律内容。该设计保障平台与用户双方的合法权益，降低服务纠纷风险。

八、界面布局与操作逻辑

订单详情页整体遵循从上到下的信息流布局：顶部为地图及行程概览，便于用户快速获取路线信息；中部为地址管理与代叫服务，属于用户可编辑的操作区；下方为费用相关模块；底部为协议确认入口。各功能模块分区清晰，操作按钮（如“修改出发地”“修改目的地”“去修改”“价格明细”）均采用明确可点击的交互样式，符合移动端用户习惯。

九、平台特色能力总结

本订单详情页具备以下特色功能：地图与文字协同展示行程信息，用户既可通过地图直观预览路线，也可通过文字准确获取距离和时长；“替TA代叫”满足社交场景下的代叫车需求，拓宽了服务使用场景；手机号脱敏展示平衡了便利性与隐私保护；费用预估与明细入口相结合，兼顾快速决策与详细查询的双重需求；代驾协议前置确认强化合规意识，降低平台运营风险。