refactor: Company 页面一级 Tab 重构为 6 个
- 新增深度分析 Tab(从 CompanyOverview 提取为独立组件) - 新增动态跟踪 Tab(占位组件,后续添加内容) - Tab 顺序:公司概览 | 深度分析 | 股票行情 | 财务全景 | 盈利预测 | 动态跟踪 - 简化 CompanyOverview:移除内部 Tabs,只保留头部卡片 + 基本信息 - DeepAnalysis 组件独立管理深度分析数据加载(3个接口) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
46
src/views/Company/components/DynamicTracking/index.js
Normal file
46
src/views/Company/components/DynamicTracking/index.js
Normal file
@@ -0,0 +1,46 @@
|
||||
// src/views/Company/components/DynamicTracking/index.js
|
||||
// 动态跟踪 - 独立一级 Tab 组件
|
||||
|
||||
import React from "react";
|
||||
import {
|
||||
Box,
|
||||
VStack,
|
||||
Text,
|
||||
Icon,
|
||||
Card,
|
||||
CardBody,
|
||||
} from "@chakra-ui/react";
|
||||
import { FaNewspaper } from "react-icons/fa";
|
||||
|
||||
/**
|
||||
* 动态跟踪组件
|
||||
*
|
||||
* 功能:
|
||||
* - 预留二级 Tab 结构
|
||||
* - 后续放入新闻动态等
|
||||
*
|
||||
* @param {Object} props
|
||||
* @param {string} props.stockCode - 股票代码
|
||||
*/
|
||||
const DynamicTracking = ({ stockCode }) => {
|
||||
return (
|
||||
<Card bg="white" shadow="sm">
|
||||
<CardBody>
|
||||
<VStack spacing={4} py={12}>
|
||||
<Icon as={FaNewspaper} boxSize={12} color="gray.300" />
|
||||
<Text fontSize="lg" color="gray.500">
|
||||
动态跟踪
|
||||
</Text>
|
||||
<Text fontSize="sm" color="gray.400">
|
||||
后续将添加新闻动态等内容
|
||||
</Text>
|
||||
<Text fontSize="xs" color="gray.300">
|
||||
股票代码: {stockCode}
|
||||
</Text>
|
||||
</VStack>
|
||||
</CardBody>
|
||||
</Card>
|
||||
);
|
||||
};
|
||||
|
||||
export default DynamicTracking;
|
||||
Reference in New Issue
Block a user