update pay ui

src/views/Company/ForecastReport.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Box, Text, VStack, Icon } from '@chakra-ui/react';
+import { FaChartLine } from 'react-icons/fa';
+
+/**
+ * 预测报告组件 - 占位符
+ * TODO: 实现完整功能
+ */
+const ForecastReport = ({ stockCode }) => {
+  return (
+    <Box
+      p={8}
+      borderRadius="lg"
+      bg="gray.50"
+      _dark={{ bg: 'gray.800' }}
+      textAlign="center"
+    >
+      <VStack spacing={4}>
+        <Icon as={FaChartLine} boxSize={12} color="gray.400" />
+        <Text fontSize="lg" fontWeight="medium" color="gray.600" _dark={{ color: 'gray.400' }}>
+          预测报告功能开发中
+        </Text>
+        <Text fontSize="sm" color="gray.500">
+          股票代码: {stockCode || '未选择'}
+        </Text>
+      </VStack>
+    </Box>
+  );
+};
+
+export default ForecastReport;

src/views/Company/MarketDataView.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Box, Text, VStack, Icon } from '@chakra-ui/react';
+import { FaChartBar } from 'react-icons/fa';
+
+/**
+ * 市场数据视图组件 - 占位符
+ * TODO: 实现完整功能
+ */
+const MarketDataView = ({ stockCode }) => {
+  return (
+    <Box
+      p={8}
+      borderRadius="lg"
+      bg="gray.50"
+      _dark={{ bg: 'gray.800' }}
+      textAlign="center"
+    >
+      <VStack spacing={4}>
+        <Icon as={FaChartBar} boxSize={12} color="gray.400" />
+        <Text fontSize="lg" fontWeight="medium" color="gray.600" _dark={{ color: 'gray.400' }}>
+          市场数据功能开发中
+        </Text>
+        <Text fontSize="sm" color="gray.500">
+          股票代码: {stockCode || '未选择'}
+        </Text>
+      </VStack>
+    </Box>
+  );
+};
+
+export default MarketDataView;

src/views/Company/index.js

@@ -29,10 +29,10 @@ import { FaChartLine, FaMoneyBillWave, FaChartBar, FaInfoCircle } from 'react-ic
 import { useAuth } from '../../contexts/AuthContext';
 import { logger } from '../../utils/logger';
 import { getApiBase } from '../../utils/apiConfig';
-import FinancialPanorama from './FinancialPanorama';
+import FinancialPanorama from './components/FinancialPanorama';
 import ForecastReport from './ForecastReport';
 import MarketDataView from './MarketDataView';
-import CompanyOverview from './CompanyOverview';
+import CompanyOverview from './components/CompanyOverview';
 // 导入 PostHog 追踪 Hook
 import { useCompanyEvents } from './hooks/useCompanyEvents';