1.1 KiB
1.1 KiB
profile.uvue — 个人中心
概要
配送员个人中心,展示司机基本信息、当前工作状态、统计摘要(今日订单/收入)、常用入口(车辆管理/收入/设置/帮助)以及最近任务预览。
数据结构
DriverInfoid,user_id,real_name,avatar_url,work_status,rating,vehicle(简要信息)
关键方法
loadDriverInfo():从ml_delivery_drivers或users表加载司机信息并设置driverInfo。toggleWorkStatus():切换上线/下线并触发loadAvailableOrders()(上线时)。relocate():请求定位权限并更新司机服务位置(可调用后端保存)。
交互示例
async toggleWorkStatus() {
await supa.from('ml_delivery_drivers').update({ work_status: newStatus }).eq('id', driverInfo.id)
this.driverInfo.work_status = newStatus
}
注意事项
- 工作状态变更应通知后端并尽量在服务端发出状态变更事件(WebSocket/推送)。
- 个人信息编辑应跳转到
profile-edit,并在保存后同步更新本页缓存。