feat: 任务 1: 集成 TradingSimulation 追踪事件任务 2: 传递 tradingEvents 到子组件

This commit is contained in:
zdl
2025-10-29 14:24:39 +08:00
parent f380cf3151
commit 5cca88b280
5 changed files with 139 additions and 16 deletions

View File

@@ -281,9 +281,14 @@ export default function TradingSimulation() {
</Box>
{/* 主要功能区域 - 放在上面 */}
<Tabs
index={activeTab}
onChange={setActiveTab}
<Tabs
index={activeTab}
onChange={(index) => {
setActiveTab(index);
// 🎯 追踪 Tab 切换
const tabNames = ['trading', 'holdings', 'history', 'margin'];
tradingEvents.trackTabClicked(tabNames[index]);
}}
variant="soft-rounded"
colorScheme="blue"
size="lg"
@@ -298,28 +303,31 @@ export default function TradingSimulation() {
<TabPanels>
{/* 交易面板 */}
<TabPanel px={0}>
<TradingPanel
<TradingPanel
account={account}
onBuyStock={buyStock}
onSellStock={sellStock}
searchStocks={searchStocks}
tradingEvents={tradingEvents}
/>
</TabPanel>
{/* 我的持仓 */}
<TabPanel px={0}>
<PositionsList
<PositionsList
positions={positions}
account={account}
onSellStock={sellStock}
tradingEvents={tradingEvents}
/>
</TabPanel>
{/* 交易历史 */}
<TabPanel px={0}>
<TradingHistory
<TradingHistory
history={tradingHistory}
onCancelOrder={cancelOrder}
tradingEvents={tradingEvents}
/>
</TabPanel>
@@ -341,7 +349,7 @@ export default function TradingSimulation() {
<Heading size="lg" mb={4} color={useColorModeValue('gray.700', 'white')}>
📊 账户统计分析
</Heading>
<AccountOverview account={account} />
<AccountOverview account={account} tradingEvents={tradingEvents} />
</Box>
{/* 资产走势图表 - 只在有数据时显示 */}