# profile.uvue — 个人中心

## 概要
配送员个人中心，展示司机基本信息、当前工作状态、统计摘要（今日订单/收入）、常用入口（车辆管理/收入/设置/帮助）以及最近任务预览。

## 数据结构
- `DriverInfo`
	- `id`, `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`，并在保存后同步更新本页缓存。