# 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 复用