源码获取：ym7k.com/17894/

代驾服务订单详情功能清单

一、订单信息展示模块

• 顶部导航栏：左上角设置返回按钮，方便用户返回上一级页面；中间标题栏显示“订单详情”，明确当前页面功能；右上角预留功能按钮区域（当前无内容）。
• 地图与路线展示：
  • 起点标注：蓝色圆形图标标记“金石国际B座”，作为代驾服务出发地，图标旁设置信息查看按钮，点击可展开地址详情。
  • 终点标注：橙色圆形图标标记“傲海星城”，作为代驾服务目的地，同样配备信息查看按钮。
  • 路线规划：蓝色粗线清晰展示从起点到终点的行驶路径，途经“恒昌汇财”“青岛利群金鼎广场”等周边地标，增强路线辨识度。
  • 距离与时间提示：路线下方悬浮框显示“9公里15分钟”，直观呈现行程距离和预计耗时，帮助用户快速了解服务时长。
• 安全中心入口：页面左侧设置蓝色盾牌图标“安全中心”，点击可进入安全服务页面，提供紧急联系人设置、行程分享、一键报警等功能，保障用户代驾过程中的安全。

二、订单核心设置模块

• 出发时间设置：默认显示“现在出发”，右侧设置“修改出发地”按钮，支持用户调整代驾服务开始时间，满足不同场景下的预约需求。
• 地址选择功能：
  • 出发地栏：黑色圆点标记“金石国际B座”，右侧“修改出发地”按钮允许用户重新选择或输入起点位置。
  • 目的地栏：蓝色圆点标记“青岛西海岸金沙滩啤酒...”（名称省略显示），右侧“修改目的地”按钮支持用户调整终点位置，确保地址准确性。

三、代叫服务模块

• 替TA代叫功能：
  • 用户信息展示：显示被代叫人“张三”及部分隐藏的手机号“1589999”，保护用户隐私的同时明确服务对象。
  • 信息修改入口：右侧“去修改”按钮支持用户更换被代叫人信息，方便为他人叫代驾时灵活调整。

四、费用与操作模块

• 费用预估区域：
  • 预估价格：红色字体突出显示“预估30.00元”，明确代驾服务费用，增强用户消费透明度。
  • 价格明细入口：下方“价格明细”文字搭配下拉箭头，点击可展开查看详细计费规则（如里程费、时长费、夜间服务费等）。
• 订单提交区域：
  • 立即下单按钮：蓝色高亮按钮“立即下单”，点击后提交订单并进入支付流程（若需预付）或直接等待司机接单。
  • 协议确认：底部“请仔细阅读并同意《代驾协议》”文字，搭配圆形勾选框，用户需勾选后方可提交订单，确保服务条款知晓。

五、界面交互设计

• 状态反馈：订单提交后，页面顶部将显示“订单已提交，等待司机接单”提示，并实时更新司机位置及预计到达时间。
• 地址模糊搜索：目的地输入框支持模糊搜索，用户输入关键词（如“金沙滩”）即可匹配周边地标，提升输入效率。
• 隐私保护：被代叫人手机号采用“1589999”格式隐藏中间四位，避免隐私泄露。