xtraderClient/docs/views/EventMarkets.md

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