# 13 · 在线完整设计（达人 Marketplace）

> Route: `/online` · Design Complete

---

## 1. 目标

达人发现 → 下单 → 文字/语音/连麦服务 → 评价 → 复购。

---

## 2. UI 清单

### 2.1 列表页（✅ E8 部分 · 与「问·真人1v1」同构）

底栏「在线」带运营角标 **「限免」**；新客链路易**直达「向TA提问」收银页**（券弹层「我知道了」），列表本体与问-真人轨共用筛选：

| 区 | 元素 |
|---|---|
| 顶栏双轨残留 | 若从问切入可仍见「测测AI / 真人1v1」 |
| 筛选 | 综合排序 · 全部工具 · 筛选 · 新客半价 |
| ExpertCard | 头像、活跃、好评率、测友推荐、价格/次 |
| 限免漏斗 | 点进 → 向TA提问（文字/语音/合盘/星盘…）+ 测测币/卡券/VIP 折扣 |

### 2.2 详情页 `/online/experts/{id}`

简介 · 资质标 · 服务 SKU（文字/语音/连麦+单价+时长）· 评价列表 · 底部「立即咨询」· 收藏。

### 2.3 下单确认 Sheet

SKU · 优惠券 · 协议勾选 · 应付金额 · 去支付。

### 2.4 会话页 `/consult/{orderId}`

| 模式 | UI |
|---|---|
| 文字 | 聊天 + 剩余时长/条数 |
| 语音 | 语音条 |
| 连麦 | 通话 UI + 权限 |

结束：评价 1–5 星 + 标签 + 文字。

---

## 3. 订单状态机（前端必须渲染）

`Created` → `Paying` → `Paid` → `WaitingAccept` → `InService` → `Completed` → `Reviewed`  
旁路：`Cancelled` · `Rejected` · `Refunding` · `Refunded` · `Expired`

超时：Paid 后 N 分钟未接单自动退款（N 后台配，默认 15）。

---

## 4. API

`GET /v1/experts` · `GET /v1/experts/{id}` · `POST /v1/consult/orders` · `POST /v1/consult/orders/{id}/pay` · `GET /v1/consult/orders/{id}` · `POST /v1/consult/orders/{id}/cancel` · `POST /v1/consult/orders/{id}/review` · 消息走 IM 通道（WS）。

---

## 5. 权限与安全

麦克风/相机权限拒绝 → 引导设置，降级文字。  
举报入口：会话内 · 详情页。  
未成年人：禁止连麦（D）。

---

## 6. 埋点

`online_expose` · `expert_click` · `consult_sku_select` · `consult_pay_success` · `consult_review_submit`

## 7. 校验 ID

`V-O01` 筛选维度 · `V-O02` SKU 种类 · `V-O03` 价格展示 · `V-O04` 评价表单