24 lines
977 B
Markdown
24 lines
977 B
Markdown
# EventMarkets.vue
|
||
|
||
**路径**：`src/views/EventMarkets.vue`
|
||
**路由**：`/event/:id/markets`，name: `event-markets`
|
||
|
||
## 功能用途
|
||
|
||
事件下的市场列表页，展示某个 Event 的多个 Market（如 NFL 多支队伍），支持选择并跳转交易详情。
|
||
|
||
- **多市场折线图**：按市场数量依次调用 `getPmPriceHistoryPublic`，每个市场使用 `clobTokenIds[0]`（YES token）作为 `market` 参数，展示多条分时曲线
|
||
- **时间范围**：1H / 6H / 1D / 1W / 1M / ALL，与 TradeDetail 一致
|
||
|
||
## 使用方式
|
||
|
||
- 从首页或详情进入，路由 `/event/123/markets`
|
||
- 路由参数 `id` 为 Event ID
|
||
- 分时图数据来源：`src/api/priceHistory.ts` 的 `getPmPriceHistoryPublic`、`priceHistoryToChartData`
|
||
|
||
## 扩展方式
|
||
|
||
- 增加市场筛选、排序
|
||
- 与 TradeDetail 联动，支持从市场列表直接进入指定 market 的交易
|
||
- 可抽取 `getTimeRangeMs`、`filterChartDataByRange` 为共享 util，与 TradeDetail 复用
|