update pay ui

src/views/LimitAnalyse/components/DataVisualizationComponents.js

@@ -512,7 +512,7 @@ const SectorRelationMap = ({ data }) => {
 };
 
 // 数据分析主组件
-export const DataAnalysis = ({ dailyData, wordCloudData }) => {
+export const DataAnalysis = ({ dailyData, wordCloudData, totalStocks, dateStr }) => {
     const cardBg = useColorModeValue('white', 'gray.800');
 
     const pieData = useMemo(() => {
@@ -538,10 +538,30 @@ export const DataAnalysis = ({ dailyData, wordCloudData }) => {
         return Object.values(dailyData.sector_data).flatMap(sector => sector.stocks || []);
     }, [dailyData]);
 
+    // 格式化日期显示
+    const formatDate = (str) => {
+        if (!str || str.length !== 8) return '';
+        return `${str.slice(0, 4)}年${parseInt(str.slice(4, 6))}月${parseInt(str.slice(6, 8))}日`;
+    };
+
     return (
         <Card bg={cardBg} borderRadius="xl" boxShadow="xl">
             <CardHeader>
-                <Heading size="md">数据分析</Heading>
+                <HStack justify="space-between" align="center" flexWrap="wrap" gap={2}>
+                    <Heading size="md">数据分析</Heading>
+                    {totalStocks !== undefined && (
+                        <HStack spacing={3}>
+                            {dateStr && (
+                                <Badge colorScheme="gray" fontSize="sm" px={3} py={1}>
+                                    {formatDate(dateStr)}
+                                </Badge>
+                            )}
+                            <Badge colorScheme="red" fontSize="lg" px={4} py={2} borderRadius="md">
+                                今日涨停: {totalStocks} 只
+                            </Badge>
+                        </HStack>
+                    )}
+                </HStack>
             </CardHeader>
             <CardBody>
                 <Tabs variant="soft-rounded" colorScheme="blue" isLazy>