refactor: 整合 CompanyHeaderCard 到 StockQuoteCard,优化布局对齐

- 将公司基本信息整合到 StockQuoteCard 内部
- 采用 1:2 Flex 布局确保上下竖线对齐
- 删除废弃的 CompanyHeaderCard 组件
- 清理 types.ts 中的 CompanyHeaderCardProps

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-10 19:54:51 +08:00
parent 6d5594556b
commit 6ce913d79b
7 changed files with 365 additions and 292 deletions

View File

@@ -11,6 +11,7 @@ import { useCompanyStock } from './hooks/useCompanyStock';
import { useCompanyWatchlist } from './hooks/useCompanyWatchlist';
import { useCompanyEvents } from './hooks/useCompanyEvents';
import { useStockQuote } from './hooks/useStockQuote';
import { useBasicInfo } from './components/CompanyOverview/hooks/useBasicInfo';
// 页面组件
import CompanyHeader from './components/CompanyHeader';
@@ -46,6 +47,9 @@ const CompanyIndex = () => {
// 2. 获取股票行情数据
const { data: quoteData, isLoading: isQuoteLoading } = useStockQuote(stockCode);
// 2.1 获取公司基本信息
const { basicInfo } = useBasicInfo(stockCode);
// 3. 再初始化事件追踪(传入 stockCode
const {
trackStockSearched,
@@ -88,13 +92,14 @@ const CompanyIndex = () => {
bgColor="#1A202C"
/>
{/* 股票行情卡片:价格、关键指标、主力动态、自选股按钮 */}
{/* 股票行情卡片:价格、关键指标、主力动态、公司信息 */}
<StockQuoteCard
data={quoteData}
isLoading={isQuoteLoading}
isInWatchlist={isInWatchlist}
isWatchlistLoading={isWatchlistLoading}
onWatchlistToggle={handleWatchlistToggle}
basicInfo={basicInfo}
/>
{/* Tab 切换区域:概览、行情、财务、预测 */}