Merge branch 'feature' of https://git.valuefrontier.cn/vf/vf_react into feature

feat(EventList): 重构渲染和UI - 精简/详细模式优化、推送控制、描述展开
**主要变更**： 1. **渲染函数重构**： - 重写 renderCompactEvent：标题2行+标签内联+按钮右侧布局 - 重写 renderDetailedEvent：标题+优先级+统计+价格标签+时间作者 - 添加 getTimelineBoxStyle 函数统一时间轴样式 - renderCompactEvent 支持隔行变色（index % 2） 2. **顶部控制栏全面升级**： - 改为 sticky 定位，全宽白色背景 - 左侧占位，中间嵌入分页器，右侧控制按钮 - 新增桌面推送开关（使用 handlePushToggle） - WebSocket 状态简化为 🟢实时/🔴离线 - 精简模式切换改为 xs 尺寸 3. **描述展开/收起功能**： - 详细模式支持长描述（>120字符）展开/收起 - 使用 expandedDescriptions 状态管理 - noOfLines 动态切换 4. **统一时间格式**： - 所有时间显示统一为 YYYY-MM-DD HH:mm **效果**： - 精简模式更紧凑，信息密度更高 - 详细模式布局更清晰，价格标签更易读 - 顶部控制栏功能集中，操作更便捷 - 推送权限管理可视化 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-27 17:52:39 +08:00 · 2025-10-27 17:46:13 +08:00 · 2025-10-27 17:40:51 +08:00 · 2025-10-27 17:36:28 +08:00 · 2025-10-27 17:22:03 +08:00 · 2025-10-27 17:21:31 +08:00
25 changed files with 2445 additions and 598 deletions
--- a/src/contexts/NotificationContext.js
+++ b/src/contexts/NotificationContext.js
@@ -572,14 +572,10 @@ export const NotificationProvider = ({ children }) => {
    // 连接到 Socket 服务
    useEffect(() => {
        logger.info('NotificationContext', 'Initializing socket connection...');
+        console.log(`%c[NotificationContext] Initializing socket (type: ${SOCKET_TYPE})`, 'color: #673AB7; font-weight: bold;');

-        // 连接 socket
-        socket.connect();
-
-        // 获取并保存最大重连次数
-        const maxAttempts = socket.getMaxReconnectAttempts?.() || Infinity;
-        setMaxReconnectAttempts(maxAttempts);
-        logger.info('NotificationContext', 'Max reconnect attempts', { maxAttempts });
+        // ✅ 第一步: 注册所有事件监听器
+        console.log('%c[NotificationContext] Step 1: Registering event listeners...', 'color: #673AB7;');

        // 监听连接状态
        socket.on('connect', () => {
@@ -587,6 +583,7 @@ export const NotificationProvider = ({ children }) => {
            setIsConnected(true);
            setReconnectAttempt(0);
            logger.info('NotificationContext', 'Socket connected', { wasDisconnected });
+            console.log('%c[NotificationContext] ✅ Received connect event, updating state to connected', 'color: #4CAF50; font-weight: bold;');

            // 如果之前断开过，显示 RECONNECTED 状态2秒后自动消失
            if (wasDisconnected) {
@@ -683,6 +680,18 @@ export const NotificationProvider = ({ children }) => {
            addNotification(data);
        });

+        console.log('%c[NotificationContext] ✅ All event listeners registered', 'color: #4CAF50; font-weight: bold;');
+
+        // ✅ 第二步: 获取最大重连次数
+        const maxAttempts = socket.getMaxReconnectAttempts?.() || Infinity;
+        setMaxReconnectAttempts(maxAttempts);
+        logger.info('NotificationContext', 'Max reconnect attempts', { maxAttempts });
+
+        // ✅ 第三步: 调用 socket.connect()
+        console.log('%c[NotificationContext] Step 2: Calling socket.connect()...', 'color: #673AB7; font-weight: bold;');
+        socket.connect();
+        console.log('%c[NotificationContext] socket.connect() completed', 'color: #673AB7;');
+
        // 清理函数
        return () => {
            logger.info('NotificationContext', 'Cleaning up socket connection');
@@ -700,7 +709,7 @@ export const NotificationProvider = ({ children }) => {
            socket.off('system_notification');
            socket.disconnect();
        };
-    }, [adaptEventToNotification, connectionStatus, toast]); // eslint-disable-line react-hooks/exhaustive-deps
+    }, []); // ✅ 空依赖数组,确保只执行一次,避免 React 严格模式重复执行

    // ==================== 智能自动重试 ====================

--- a/src/hooks/useEventNotifications.js
+++ b/src/hooks/useEventNotifications.js
@@ -22,7 +22,7 @@
 */

 import { useEffect, useState, useRef } from 'react';
-import { socketService } from '../services/socketService';
+import socket from '../services/socket';
 import { logger } from '../utils/logger';

 export const useEventNotifications = (options = {}) => {
@@ -80,16 +80,16 @@ export const useEventNotifications = (options = {}) => {
        };

        // 监听连接事件（必须在connect之前设置，否则可能错过事件）
-        socketService.on('connect', handleConnect);
-        socketService.on('disconnect', handleDisconnect);
-        socketService.on('connect_error', handleConnectError);
+        socket.on('connect', handleConnect);
+        socket.on('disconnect', handleDisconnect);
+        socket.on('connect_error', handleConnectError);

        // 连接 WebSocket
        console.log('[useEventNotifications DEBUG] 准备连接 WebSocket...');
        logger.info('useEventNotifications', 'Initializing WebSocket connection');

        // 先检查是否已经连接
-        const alreadyConnected = socketService.isConnected();
+        const alreadyConnected = socket.connected || false;
        console.log('[useEventNotifications DEBUG] 当前连接状态:', alreadyConnected);
        logger.info('useEventNotifications', 'Pre-connection check', { isConnected: alreadyConnected });

@@ -104,8 +104,7 @@ export const useEventNotifications = (options = {}) => {
            }, 1000);
        } else {
            // 否则建立新连接
-            console.log('[useEventNotifications DEBUG] Socket未连接，开始连接...');
-            socketService.connect();
+            socket.connect();
        }

        // 新事件处理函数 - 使用 ref 中的回调
@@ -137,21 +136,28 @@ export const useEventNotifications = (options = {}) => {
        console.log('[useEventNotifications DEBUG] importance:', importance);
        console.log('[useEventNotifications DEBUG] enabled:', enabled);

-        socketService.subscribeToEvents({
-            eventType,
-            importance,
-            onNewEvent: handleNewEvent,
-            onSubscribed: (data) => {
-                console.log('\n[useEventNotifications DEBUG] ========== 订阅成功回调 ==========');
-                console.log('[useEventNotifications DEBUG] 订阅数据:', data);
-                console.log('[useEventNotifications DEBUG] ========== 订阅成功处理完成 ==========\n');
-            },
-        });
-        console.log('[useEventNotifications DEBUG] ========== 订阅请求已发送 ==========\n');
+        // 检查 socket 是否有 subscribeToEvents 方法（mockSocketService 和 socketService 都有）
+        if (socket.subscribeToEvents) {
+            socket.subscribeToEvents({
+                eventType,
+                importance,
+                onNewEvent: handleNewEvent,
+                onSubscribed: (data) => {
+                    console.log('\n[useEventNotifications DEBUG] ========== 订阅成功回调 ==========');
+                    console.log('[useEventNotifications DEBUG] 订阅数据:', data);
+                    console.log('[useEventNotifications DEBUG] ========== 订阅成功处理完成 ==========\n');
+                },
+            });
+            console.log('[useEventNotifications DEBUG] ========== 订阅请求已发送 ==========\n');
+        } else {
+            console.warn('[useEventNotifications] socket.subscribeToEvents 方法不存在');
+        }

        // 保存取消订阅函数
        unsubscribeRef.current = () => {
-            socketService.unsubscribeFromEvents({ eventType });
+            if (socket.unsubscribeFromEvents) {
+                socket.unsubscribeFromEvents({ eventType });
+            }
        };

        // 组件卸载时清理
@@ -166,16 +172,12 @@ export const useEventNotifications = (options = {}) => {

            // 移除监听器
            console.log('[useEventNotifications DEBUG] 移除事件监听器...');
-            socketService.off('connect', handleConnect);
-            socketService.off('disconnect', handleDisconnect);
-            socketService.off('connect_error', handleConnectError);
-
-            // 注意：不断开连接！
-            // socketService 是全局单例，可能被多个组件使用
-            // 断开连接会影响其他组件，所以只移除监听器和取消订阅
-            console.log('[useEventNotifications DEBUG] ⚠️ 保持连接（socketService是全局单例）');
-            // socketService.disconnect(); // 注释掉，不主动断开
+            socket.off('connect', handleConnect);
+            socket.off('disconnect', handleDisconnect);
+            socket.off('connect_error', handleConnectError);

+            // 注意：不断开连接，因为 socket 是全局共享的
+            // 由 NotificationContext 统一管理连接生命周期
            console.log('[useEventNotifications DEBUG] ========== 清理完成 ==========\n');
        };
    }, [eventType, importance, enabled]); // 移除 onNewEvent 依赖
--- a/src/mocks/data/company.js
+++ b/src/mocks/data/company.js
@@ -0,0 +1,535 @@
+// src/mocks/data/company.js
+// 公司相关的 Mock 数据
+
+// 平安银行 (000001) 的完整数据
+export const PINGAN_BANK_DATA = {
+    stockCode: '000001',
+    stockName: '平安银行',
+
+    // 基本信息
+    basicInfo: {
+        code: '000001',
+        name: '平安银行',
+        english_name: 'Ping An Bank Co., Ltd.',
+        registered_capital: 1940642.3, // 万元
+        registered_capital_unit: '万元',
+        legal_representative: '谢永林',
+        general_manager: '谢永林',
+        secretary: '周强',
+        registered_address: '深圳市深南东路5047号',
+        office_address: '深圳市深南东路5047号',
+        zipcode: '518001',
+        phone: '0755-82080387',
+        fax: '0755-82080386',
+        email: 'ir@bank.pingan.com',
+        website: 'http://bank.pingan.com',
+        business_scope: '吸收公众存款；发放短期、中期和长期贷款；办理国内外结算；办理票据承兑与贴现；发行金融债券；代理发行、代理兑付、承销政府债券；买卖政府债券、金融债券；从事同业拆借；买卖、代理买卖外汇；从事银行卡业务；提供信用证服务及担保；代理收付款项及代理保险业务；提供保管箱服务；经有关监管机构批准的其他业务。',
+        employees: 36542,
+        introduction: '平安银行股份有限公司是中国平安保险（集团）股份有限公司控股的一家跨区域经营的股份制商业银行，为中国大陆12家全国性股份制商业银行之一。注册资本为人民币51.2335亿元，总资产近1.37万亿元，总部位于深圳。平安银行拥有全国性银行经营资质，主要经营商业银行业务。',
+        list_date: '1991-04-03',
+        establish_date: '1987-12-22',
+        province: '广东省',
+        city: '深圳市',
+        industry: '银行',
+        main_business: '商业银行业务',
+    },
+
+    // 实际控制人信息
+    actualControl: {
+        controller_name: '中国平安保险（集团）股份有限公司',
+        controller_type: '企业',
+        shareholding_ratio: 52.38,
+        control_chain: '中国平安保险（集团）股份有限公司 -> 平安银行股份有限公司',
+        is_listed: true,
+        change_date: '2023-12-31',
+        remark: '中国平安通过直接和间接方式控股平安银行',
+    },
+
+    // 股权集中度
+    concentration: {
+        top1_ratio: 52.38,
+        top3_ratio: 58.42,
+        top5_ratio: 60.15,
+        top10_ratio: 63.28,
+        update_date: '2024-09-30',
+        concentration_level: '高度集中',
+        herfindahl_index: 0.2845,
+    },
+
+    // 高管信息
+    management: [
+        {
+            name: '谢永林',
+            position: '董事长、执行董事、行长',
+            gender: '男',
+            age: 56,
+            education: '硕士',
+            appointment_date: '2019-01-01',
+            annual_compensation: 723.8,
+            shareholding: 0,
+            background: '中国平安保险（集团）股份有限公司副总经理兼首席保险业务执行官'
+        },
+        {
+            name: '周强',
+            position: '执行董事、副行长、董事会秘书',
+            gender: '男',
+            age: 54,
+            education: '硕士',
+            appointment_date: '2016-06-01',
+            annual_compensation: 542.3,
+            shareholding: 0.002,
+            background: '历任平安银行深圳分行行长'
+        },
+        {
+            name: '郭世邦',
+            position: '执行董事、副行长、首席财务官',
+            gender: '男',
+            age: 52,
+            education: '博士',
+            appointment_date: '2018-03-01',
+            annual_compensation: 498.6,
+            shareholding: 0.001,
+            background: '历任中国平安集团财务负责人'
+        },
+        {
+            name: '蔡新发',
+            position: '副行长、首席风险官',
+            gender: '男',
+            age: 51,
+            education: '硕士',
+            appointment_date: '2017-05-01',
+            annual_compensation: 467.2,
+            shareholding: 0.0008,
+            background: '历任平安银行风险管理部总经理'
+        },
+        {
+            name: '项有志',
+            position: '副行长、首席信息官',
+            gender: '男',
+            age: 49,
+            education: '硕士',
+            appointment_date: '2019-09-01',
+            annual_compensation: 425.1,
+            shareholding: 0,
+            background: '历任中国平安科技公司总经理'
+        }
+    ],
+
+    // 十大流通股东
+    topCirculationShareholders: [
+        { shareholder_name: '中国平安保险（集团）股份有限公司', shares: 10168542300, ratio: 52.38, change: 0, shareholder_type: '企业' },
+        { shareholder_name: '香港中央结算有限公司', shares: 542138600, ratio: 2.79, change: 12450000, shareholder_type: '境外法人' },
+        { shareholder_name: '深圳市投资控股有限公司', shares: 382456100, ratio: 1.97, change: 0, shareholder_type: '国有企业' },
+        { shareholder_name: '中国证券金融股份有限公司', shares: 298654200, ratio: 1.54, change: -5000000, shareholder_type: '证金公司' },
+        { shareholder_name: '中央汇金资产管理有限责任公司', shares: 267842100, ratio: 1.38, change: 0, shareholder_type: '中央汇金' },
+        { shareholder_name: '全国社保基金一零三组合', shares: 156234500, ratio: 0.80, change: 23400000, shareholder_type: '社保基金' },
+        { shareholder_name: '全国社保基金一零一组合', shares: 142356700, ratio: 0.73, change: 15600000, shareholder_type: '社保基金' },
+        { shareholder_name: '中国人寿保险股份有限公司', shares: 128945600, ratio: 0.66, change: 0, shareholder_type: '保险公司' },
+        { shareholder_name: 'GIC PRIVATE LIMITED', shares: 98765400, ratio: 0.51, change: -8900000, shareholder_type: '境外法人' },
+        { shareholder_name: '挪威中央银行', shares: 87654300, ratio: 0.45, change: 5600000, shareholder_type: '境外法人' }
+    ],
+
+    // 十大股东（与流通股东相同，因为平安银行全流通）
+    topShareholders: [
+        { shareholder_name: '中国平安保险（集团）股份有限公司', shares: 10168542300, ratio: 52.38, change: 0, shareholder_type: '企业', is_restricted: false },
+        { shareholder_name: '香港中央结算有限公司', shares: 542138600, ratio: 2.79, change: 12450000, shareholder_type: '境外法人', is_restricted: false },
+        { shareholder_name: '深圳市投资控股有限公司', shares: 382456100, ratio: 1.97, change: 0, shareholder_type: '国有企业', is_restricted: false },
+        { shareholder_name: '中国证券金融股份有限公司', shares: 298654200, ratio: 1.54, change: -5000000, shareholder_type: '证金公司', is_restricted: false },
+        { shareholder_name: '中央汇金资产管理有限责任公司', shares: 267842100, ratio: 1.38, change: 0, shareholder_type: '中央汇金', is_restricted: false },
+        { shareholder_name: '全国社保基金一零三组合', shares: 156234500, ratio: 0.80, change: 23400000, shareholder_type: '社保基金', is_restricted: false },
+        { shareholder_name: '全国社保基金一零一组合', shares: 142356700, ratio: 0.73, change: 15600000, shareholder_type: '社保基金', is_restricted: false },
+        { shareholder_name: '中国人寿保险股份有限公司', shares: 128945600, ratio: 0.66, change: 0, shareholder_type: '保险公司', is_restricted: false },
+        { shareholder_name: 'GIC PRIVATE LIMITED', shares: 98765400, ratio: 0.51, change: -8900000, shareholder_type: '境外法人', is_restricted: false },
+        { shareholder_name: '挪威中央银行', shares: 87654300, ratio: 0.45, change: 5600000, shareholder_type: '境外法人', is_restricted: false }
+    ],
+
+    // 分支机构
+    branches: [
+        { name: '北京分行', address: '北京市朝阳区建国路88号SOHO现代城', phone: '010-85806888', type: '一级分行', establish_date: '2007-03-15' },
+        { name: '上海分行', address: '上海市浦东新区陆家嘴环路1366号', phone: '021-38637777', type: '一级分行', establish_date: '2007-05-20' },
+        { name: '广州分行', address: '广州市天河区珠江新城珠江东路32号', phone: '020-38390888', type: '一级分行', establish_date: '2007-06-10' },
+        { name: '深圳分行', address: '深圳市福田区益田路5033号', phone: '0755-82538888', type: '一级分行', establish_date: '1995-01-01' },
+        { name: '杭州分行', address: '杭州市江干区钱江路1366号', phone: '0571-87028888', type: '一级分行', establish_date: '2008-09-12' },
+        { name: '成都分行', address: '成都市武侯区人民南路四段13号', phone: '028-85266888', type: '一级分行', establish_date: '2009-04-25' },
+        { name: '南京分行', address: '南京市建邺区江东中路359号', phone: '025-86625888', type: '一级分行', establish_date: '2010-06-30' },
+        { name: '武汉分行', address: '武汉市江汉区建设大道568号', phone: '027-85712888', type: '一级分行', establish_date: '2011-08-15' },
+        { name: '西安分行', address: '西安市高新区唐延路35号', phone: '029-88313888', type: '一级分行', establish_date: '2012-10-20' },
+        { name: '天津分行', address: '天津市和平区南京路189号', phone: '022-23399888', type: '一级分行', establish_date: '2013-03-18' }
+    ],
+
+    // 公告列表
+    announcements: [
+        {
+            title: '平安银行股份有限公司2024年第三季度报告',
+            publish_date: '2024-10-28',
+            type: '定期报告',
+            summary: '2024年前三季度实现营业收入1245.6亿元，同比增长8.2%；净利润402.3亿元，同比增长12.5%',
+            url: '/announcement/detail/ann_20241028_001'
+        },
+        {
+            title: '关于召开2024年第一次临时股东大会的通知',
+            publish_date: '2024-10-15',
+            type: '临时公告',
+            summary: '定于2024年11月5日召开2024年第一次临时股东大会，审议关于调整董事会成员等议案',
+            url: '/announcement/detail/ann_20241015_001'
+        },
+        {
+            title: '平安银行股份有限公司关于完成注册资本变更登记的公告',
+            publish_date: '2024-09-20',
+            type: '临时公告',
+            summary: '公司已完成注册资本由人民币194.06亿元变更为194.06亿元的工商变更登记手续',
+            url: '/announcement/detail/ann_20240920_001'
+        },
+        {
+            title: '平安银行股份有限公司2024年半年度报告',
+            publish_date: '2024-08-28',
+            type: '定期报告',
+            summary: '2024年上半年实现营业收入828.5亿元，同比增长7.8%；净利润265.4亿元，同比增长11.2%',
+            url: '/announcement/detail/ann_20240828_001'
+        },
+        {
+            title: '关于2024年上半年利润分配预案的公告',
+            publish_date: '2024-08-20',
+            type: '分配方案',
+            summary: '拟以总股本194.06亿股为基数，向全体股东每10股派发现金红利2.8元（含税）',
+            url: '/announcement/detail/ann_20240820_001'
+        }
+    ],
+
+    // 披露时间表
+    disclosureSchedule: [
+        { report_type: '2024年年度报告', planned_date: '2025-04-30', status: '未披露' },
+        { report_type: '2024年第四季度报告', planned_date: '2025-01-31', status: '未披露' },
+        { report_type: '2024年第三季度报告', planned_date: '2024-10-31', status: '已披露' },
+        { report_type: '2024年半年度报告', planned_date: '2024-08-31', status: '已披露' },
+        { report_type: '2024年第一季度报告', planned_date: '2024-04-30', status: '已披露' }
+    ],
+
+    // 综合分析
+    comprehensiveAnalysis: {
+        overview: {
+            company_name: '平安银行股份有限公司',
+            stock_code: '000001',
+            industry: '银行',
+            established_date: '1987-12-22',
+            listing_date: '1991-04-03',
+            total_assets: 50245.6, // 亿元
+            net_assets: 3256.8,
+            registered_capital: 194.06,
+            employee_count: 36542
+        },
+        financial_highlights: {
+            revenue: 1623.5,
+            revenue_growth: 8.5,
+            net_profit: 528.6,
+            profit_growth: 12.3,
+            roe: 16.23,
+            roa: 1.05,
+            asset_quality_ratio: 1.02,
+            capital_adequacy_ratio: 13.45,
+            core_tier1_ratio: 10.82
+        },
+        business_structure: [
+            { business: '对公业务', revenue: 685.4, ratio: 42.2, growth: 6.8 },
+            { business: '零售业务', revenue: 812.3, ratio: 50.1, growth: 11.2 },
+            { business: '金融市场业务', revenue: 125.8, ratio: 7.7, growth: 3.5 }
+        ],
+        competitive_advantages: [
+            '背靠中国平安集团，综合金融优势明显',
+            '零售业务转型成效显著，客户基础雄厚',
+            '金融科技创新能力强，数字化银行建设领先',
+            '风险管理体系完善，资产质量稳定',
+            '管理团队经验丰富，执行力强'
+        ],
+        risk_factors: [
+            '宏观经济下行压力影响信贷质量',
+            '利率市场化导致息差收窄',
+            '金融监管趋严，合规成本上升',
+            '同业竞争激烈，市场份额面临挑战',
+            '金融科技发展带来的技术和运营风险'
+        ],
+        development_strategy: '坚持"科技引领、零售突破、对公做精"战略，加快数字化转型，提升综合金融服务能力',
+        analyst_rating: {
+            buy: 18,
+            hold: 12,
+            sell: 2,
+            target_price: 15.8,
+            current_price: 13.2
+        }
+    },
+
+    // 价值链分析
+    valueChainAnalysis: {
+        upstream: [
+            { name: '央行及监管机构', relationship: '政策与监管', importance: '高', description: '接受货币政策调控和监管指导' },
+            { name: '同业资金市场', relationship: '资金来源', importance: '高', description: '开展同业拆借、债券回购等业务' },
+            { name: '金融科技公司', relationship: '技术支持', importance: '中', description: '提供金融科技解决方案和技术服务' }
+        ],
+        core_business: {
+            deposit_business: { scale: 33256.8, market_share: 2.8, growth_rate: 9.2 },
+            loan_business: { scale: 28945.3, market_share: 2.5, growth_rate: 12.5 },
+            intermediary_business: { scale: 425.6, market_share: 3.2, growth_rate: 15.8 },
+            digital_banking: { user_count: 11256, app_mau: 4235, growth_rate: 28.5 }
+        },
+        downstream: [
+            { name: '个人客户', scale: '1.12亿户', contribution: '50.1%', description: '零售银行业务主体' },
+            { name: '企业客户', scale: '85.6万户', contribution: '42.2%', description: '对公业务主体' },
+            { name: '政府机构', scale: '2.3万户', contribution: '7.7%', description: '公共事业及政府业务' }
+        ],
+        ecosystem_partners: [
+            { name: '中国平安集团', type: '关联方', cooperation: '综合金融服务、客户共享' },
+            { name: '平安科技', type: '科技支持', cooperation: '金融科技研发、系统建设' },
+            { name: '平安普惠', type: '业务协同', cooperation: '普惠金融、小微贷款' },
+            { name: '平安证券', type: '业务协同', cooperation: '投资银行、资产管理' }
+        ]
+    },
+
+    // 关键因素时间线
+    keyFactorsTimeline: [
+        {
+            date: '2024-10-28',
+            event: '发布2024年三季报',
+            type: '业绩公告',
+            importance: 'high',
+            impact: '前三季度净利润同比增长12.5%，超市场预期',
+            change: '+5.2%'
+        },
+        {
+            date: '2024-09-15',
+            event: '推出AI智能客服系统',
+            type: '科技创新',
+            importance: 'medium',
+            impact: '提升客户服务效率，降低运营成本',
+            change: '+2.1%'
+        },
+        {
+            date: '2024-08-28',
+            event: '发布2024年中报',
+            type: '业绩公告',
+            importance: 'high',
+            impact: '上半年净利润增长11.2%，资产质量保持稳定',
+            change: '+3.8%'
+        },
+        {
+            date: '2024-07-20',
+            event: '获批设立理财子公司',
+            type: '业务拓展',
+            importance: 'high',
+            impact: '完善财富管理业务布局，拓展收入来源',
+            change: '+4.5%'
+        },
+        {
+            date: '2024-06-10',
+            event: '完成300亿元二级资本债发行',
+            type: '融资事件',
+            importance: 'medium',
+            impact: '补充资本实力，支持业务扩张',
+            change: '+1.8%'
+        },
+        {
+            date: '2024-04-30',
+            event: '发布2024年一季报',
+            type: '业绩公告',
+            importance: 'high',
+            impact: '一季度净利润增长10.8%，开门红表现优异',
+            change: '+4.2%'
+        },
+        {
+            date: '2024-03-15',
+            event: '零售客户突破1.1亿户',
+            type: '业务里程碑',
+            importance: 'medium',
+            impact: '零售转型成效显著，客户基础进一步夯实',
+            change: '+2.5%'
+        },
+        {
+            date: '2024-01-20',
+            event: '获评"2023年度最佳零售银行"',
+            type: '荣誉奖项',
+            importance: 'low',
+            impact: '品牌影响力提升',
+            change: '+0.8%'
+        }
+    ],
+
+    // 盈利预测报告
+    forecastReport: {
+        // 营收与利润趋势
+        income_profit_trend: {
+            years: ['2020', '2021', '2022', '2023', '2024E', '2025E', '2026E'],
+            income: [116524, 134632, 148956, 162350, 175280, 189450, 204120], // 营业总收入（百万元）
+            profit: [34562, 39845, 43218, 52860, 58420, 64680, 71250]  // 归母净利润（百万元）
+        },
+        // 增长率分析
+        growth_bars: {
+            years: ['2021', '2022', '2023', '2024E', '2025E', '2026E'],
+            revenue_growth_pct: [15.5, 10.6, 8.9, 8.0, 8.1, 7.7]  // 营收增长率(%)
+        },
+        // EPS趋势
+        eps_trend: {
+            years: ['2020', '2021', '2022', '2023', '2024E', '2025E', '2026E'],
+            eps: [1.78, 2.05, 2.23, 2.72, 3.01, 3.33, 3.67]  // EPS（稀释，元/股）
+        },
+        // PE与PEG分析
+        pe_peg_axes: {
+            years: ['2020', '2021', '2022', '2023', '2024E', '2025E', '2026E'],
+            pe: [7.4, 6.9, 7.2, 4.9, 4.4, 4.0, 3.6],  // PE（倍）
+            peg: [0.48, 0.65, 0.81, 0.55, 0.55, 0.49, 0.47]  // PEG
+        },
+        // 详细数据表格
+        detail_table: {
+            years: ['2020', '2021', '2022', '2023', '2024E', '2025E', '2026E'],
+            rows: [
+                { '指标': '营业总收入(百万元)', '2020': 116524, '2021': 134632, '2022': 148956, '2023': 162350, '2024E': 175280, '2025E': 189450, '2026E': 204120 },
+                { '指标': '营收增长率(%)', '2020': '-', '2021': 15.5, '2022': 10.6, '2023': 8.9, '2024E': 8.0, '2025E': 8.1, '2026E': 7.7 },
+                { '指标': '归母净利润(百万元)', '2020': 34562, '2021': 39845, '2022': 43218, '2023': 52860, '2024E': 58420, '2025E': 64680, '2026E': 71250 },
+                { '指标': '净利润增长率(%)', '2020': '-', '2021': 15.3, '2022': 8.5, '2023': 22.3, '2024E': 10.5, '2025E': 10.7, '2026E': 10.2 },
+                { '指标': 'EPS(稀释,元)', '2020': 1.78, '2021': 2.05, '2022': 2.23, '2023': 2.72, '2024E': 3.01, '2025E': 3.33, '2026E': 3.67 },
+                { '指标': 'ROE(%)', '2020': 14.2, '2021': 15.8, '2022': 15.5, '2023': 16.2, '2024E': 16.5, '2025E': 16.8, '2026E': 17.0 },
+                { '指标': '总资产(百万元)', '2020': 4512360, '2021': 4856230, '2022': 4923150, '2023': 5024560, '2024E': 5230480, '2025E': 5445200, '2026E': 5668340 },
+                { '指标': '净资产(百万元)', '2020': 293540, '2021': 312680, '2022': 318920, '2023': 325680, '2024E': 338560, '2025E': 352480, '2026E': 367820 },
+                { '指标': '资产负债率(%)', '2020': 93.5, '2021': 93.6, '2022': 93.5, '2023': 93.5, '2024E': 93.5, '2025E': 93.5, '2026E': 93.5 },
+                { '指标': 'PE(倍)', '2020': 7.4, '2021': 6.9, '2022': 7.2, '2023': 4.9, '2024E': 4.4, '2025E': 4.0, '2026E': 3.6 },
+                { '指标': 'PB(倍)', '2020': 1.05, '2021': 1.09, '2022': 1.12, '2023': 0.79, '2024E': 0.72, '2025E': 0.67, '2026E': 0.61 }
+            ]
+        }
+    }
+};
+
+// 生成通用公司数据的工具函数
+export const generateCompanyData = (stockCode, stockName) => {
+    // 如果是平安银行，直接返回详细数据
+    if (stockCode === '000001') {
+        return PINGAN_BANK_DATA;
+    }
+
+    // 否则生成通用数据
+    return {
+        stockCode,
+        stockName,
+        basicInfo: {
+            code: stockCode,
+            name: stockName,
+            registered_capital: Math.floor(Math.random() * 500000) + 10000,
+            registered_capital_unit: '万元',
+            legal_representative: '张三',
+            general_manager: '李四',
+            secretary: '王五',
+            registered_address: '中国某省某市某区某路123号',
+            office_address: '中国某省某市某区某路123号',
+            phone: '021-12345678',
+            email: 'ir@company.com',
+            website: 'http://www.company.com',
+            employees: Math.floor(Math.random() * 10000) + 1000,
+            list_date: '2010-01-01',
+            industry: '制造业',
+        },
+        actualControl: {
+            controller_name: '某控股集团有限公司',
+            controller_type: '企业',
+            shareholding_ratio: 35.5,
+            control_chain: '某控股集团有限公司 -> ' + stockName,
+        },
+        concentration: {
+            top1_ratio: 35.5,
+            top3_ratio: 52.3,
+            top5_ratio: 61.8,
+            top10_ratio: 72.5,
+            concentration_level: '适度集中',
+        },
+        management: [
+            { name: '张三', position: '董事长', gender: '男', age: 55, education: '硕士', annual_compensation: 320.5 },
+            { name: '李四', position: '总经理', gender: '男', age: 50, education: '硕士', annual_compensation: 280.3 },
+            { name: '王五', position: '董事会秘书', gender: '女', age: 45, education: '本科', annual_compensation: 180.2 },
+        ],
+        topCirculationShareholders: Array(10).fill(null).map((_, i) => ({
+            shareholder_name: `股东${i + 1}`,
+            shares: Math.floor(Math.random() * 100000000),
+            ratio: (10 - i) * 0.8,
+            change: Math.floor(Math.random() * 10000000) - 5000000,
+            shareholder_type: '企业'
+        })),
+        topShareholders: Array(10).fill(null).map((_, i) => ({
+            shareholder_name: `股东${i + 1}`,
+            shares: Math.floor(Math.random() * 100000000),
+            ratio: (10 - i) * 0.8,
+            change: Math.floor(Math.random() * 10000000) - 5000000,
+            shareholder_type: '企业',
+            is_restricted: false
+        })),
+        branches: [
+            { name: '北京分公司', address: '北京市朝阳区某路123号', phone: '010-12345678', type: '分公司' },
+            { name: '上海分公司', address: '上海市浦东新区某路456号', phone: '021-12345678', type: '分公司' },
+        ],
+        announcements: [
+            { title: stockName + '2024年第三季度报告', publish_date: '2024-10-28', type: '定期报告', summary: '业绩稳步增长' },
+            { title: stockName + '2024年半年度报告', publish_date: '2024-08-28', type: '定期报告', summary: '经营情况良好' },
+        ],
+        disclosureSchedule: [
+            { report_type: '2024年年度报告', planned_date: '2025-04-30', status: '未披露' },
+            { report_type: '2024年第三季度报告', planned_date: '2024-10-31', status: '已披露' },
+        ],
+        comprehensiveAnalysis: {
+            overview: {
+                company_name: stockName,
+                stock_code: stockCode,
+                industry: '制造业',
+                total_assets: Math.floor(Math.random() * 10000) + 100,
+            },
+            financial_highlights: {
+                revenue: Math.floor(Math.random() * 1000) + 50,
+                revenue_growth: (Math.random() * 20 - 5).toFixed(2),
+                net_profit: Math.floor(Math.random() * 100) + 10,
+                profit_growth: (Math.random() * 20 - 5).toFixed(2),
+            },
+            competitive_advantages: ['技术领先', '品牌优势', '管理团队优秀'],
+            risk_factors: ['市场竞争激烈', '原材料价格波动'],
+        },
+        valueChainAnalysis: {
+            upstream: [
+                { name: '原材料供应商A', relationship: '供应商', importance: '高' },
+                { name: '原材料供应商B', relationship: '供应商', importance: '中' },
+            ],
+            downstream: [
+                { name: '经销商网络', scale: '1000家', contribution: '60%' },
+                { name: '直营渠道', scale: '100家', contribution: '40%' },
+            ],
+        },
+        keyFactorsTimeline: [
+            { date: '2024-10-28', event: '发布三季报', type: '业绩公告', importance: 'high', impact: '业绩超预期' },
+            { date: '2024-08-28', event: '发布中报', type: '业绩公告', importance: 'high', impact: '业绩稳定增长' },
+        ],
+        // 通用预测报告数据
+        forecastReport: {
+            income_profit_trend: {
+                years: ['2020', '2021', '2022', '2023', '2024E', '2025E', '2026E'],
+                income: [5000, 5800, 6500, 7200, 7900, 8600, 9400],
+                profit: [450, 520, 580, 650, 720, 800, 890]
+            },
+            growth_bars: {
+                years: ['2021', '2022', '2023', '2024E', '2025E', '2026E'],
+                revenue_growth_pct: [16.0, 12.1, 10.8, 9.7, 8.9, 9.3]
+            },
+            eps_trend: {
+                years: ['2020', '2021', '2022', '2023', '2024E', '2025E', '2026E'],
+                eps: [0.45, 0.52, 0.58, 0.65, 0.72, 0.80, 0.89]
+            },
+            pe_peg_axes: {
+                years: ['2020', '2021', '2022', '2023', '2024E', '2025E', '2026E'],
+                pe: [22.2, 19.2, 17.2, 15.4, 13.9, 12.5, 11.2],
+                peg: [1.39, 1.59, 1.59, 1.42, 1.43, 1.40, 1.20]
+            },
+            detail_table: {
+                years: ['2020', '2021', '2022', '2023', '2024E', '2025E', '2026E'],
+                rows: [
+                    { '指标': '营业总收入(百万元)', '2020': 5000, '2021': 5800, '2022': 6500, '2023': 7200, '2024E': 7900, '2025E': 8600, '2026E': 9400 },
+                    { '指标': '营收增长率(%)', '2020': '-', '2021': 16.0, '2022': 12.1, '2023': 10.8, '2024E': 9.7, '2025E': 8.9, '2026E': 9.3 },
+                    { '指标': '归母净利润(百万元)', '2020': 450, '2021': 520, '2022': 580, '2023': 650, '2024E': 720, '2025E': 800, '2026E': 890 },
+                    { '指标': 'EPS(稀释,元)', '2020': 0.45, '2021': 0.52, '2022': 0.58, '2023': 0.65, '2024E': 0.72, '2025E': 0.80, '2026E': 0.89 },
+                    { '指标': 'ROE(%)', '2020': 12.5, '2021': 13.2, '2022': 13.8, '2023': 14.2, '2024E': 14.5, '2025E': 14.8, '2026E': 15.0 },
+                    { '指标': 'PE(倍)', '2020': 22.2, '2021': 19.2, '2022': 17.2, '2023': 15.4, '2024E': 13.9, '2025E': 12.5, '2026E': 11.2 }
+                ]
+            }
+        }
+    };
+};
--- a/src/mocks/data/financial.js
+++ b/src/mocks/data/financial.js
@@ -0,0 +1,139 @@
+// src/mocks/data/financial.js
+// 财务数据相关的 Mock 数据
+
+// 生成财务数据
+export const generateFinancialData = (stockCode) => {
+    const periods = ['2024-09-30', '2024-06-30', '2024-03-31', '2023-12-31'];
+
+    return {
+        stockCode,
+
+        // 股票基本信息
+        stockInfo: {
+            code: stockCode,
+            name: stockCode === '000001' ? '平安银行' : '示例公司',
+            industry: stockCode === '000001' ? '银行' : '制造业',
+            list_date: '1991-04-03',
+            market: 'SZ'
+        },
+
+        // 资产负债表
+        balanceSheet: periods.map((period, i) => ({
+            period,
+            total_assets: 5024560 - i * 50000, // 百万元
+            total_liabilities: 4698880 - i * 48000,
+            shareholders_equity: 325680 - i * 2000,
+            current_assets: 2512300 - i * 25000,
+            non_current_assets: 2512260 - i * 25000,
+            current_liabilities: 3456780 - i * 35000,
+            non_current_liabilities: 1242100 - i * 13000
+        })),
+
+        // 利润表
+        incomeStatement: periods.map((period, i) => ({
+            period,
+            revenue: 162350 - i * 4000, // 百万元
+            operating_cost: 45620 - i * 1200,
+            gross_profit: 116730 - i * 2800,
+            operating_profit: 68450 - i * 1500,
+            net_profit: 52860 - i * 1200,
+            eps: 2.72 - i * 0.06
+        })),
+
+        // 现金流量表
+        cashflow: periods.map((period, i) => ({
+            period,
+            operating_cashflow: 125600 - i * 3000, // 百万元
+            investing_cashflow: -45300 - i * 1000,
+            financing_cashflow: -38200 + i * 500,
+            net_cashflow: 42100 - i * 1500,
+            cash_ending: 456780 - i * 10000
+        })),
+
+        // 财务指标
+        financialMetrics: periods.map((period, i) => ({
+            period,
+            roe: 16.23 - i * 0.3, // %
+            roa: 1.05 - i * 0.02,
+            gross_margin: 71.92 - i * 0.5,
+            net_margin: 32.56 - i * 0.3,
+            current_ratio: 0.73 + i * 0.01,
+            quick_ratio: 0.71 + i * 0.01,
+            debt_ratio: 93.52 + i * 0.05,
+            asset_turnover: 0.41 - i * 0.01,
+            inventory_turnover: 0, // 银行无库存
+            receivable_turnover: 0 // 银行特殊
+        })),
+
+        // 主营业务
+        mainBusiness: {
+            by_product: [
+                { name: '对公业务', revenue: 68540, ratio: 42.2, yoy_growth: 6.8 },
+                { name: '零售业务', revenue: 81320, ratio: 50.1, yoy_growth: 11.2 },
+                { name: '金融市场业务', revenue: 12490, ratio: 7.7, yoy_growth: 3.5 }
+            ],
+            by_region: [
+                { name: '华南地区', revenue: 56800, ratio: 35.0, yoy_growth: 9.2 },
+                { name: '华东地区', revenue: 48705, ratio: 30.0, yoy_growth: 8.5 },
+                { name: '华北地区', revenue: 32470, ratio: 20.0, yoy_growth: 7.8 },
+                { name: '其他地区', revenue: 24375, ratio: 15.0, yoy_growth: 6.5 }
+            ]
+        },
+
+        // 业绩预告
+        forecast: {
+            period: '2024',
+            forecast_net_profit_min: 580000, // 百万元
+            forecast_net_profit_max: 620000,
+            yoy_growth_min: 10.0, // %
+            yoy_growth_max: 17.0,
+            forecast_type: '预增',
+            reason: '受益于零售业务快速增长及资产质量改善，预计全年业绩保持稳定增长',
+            publish_date: '2024-10-15'
+        },
+
+        // 行业排名
+        industryRank: {
+            industry: '银行',
+            total_companies: 42,
+            rankings: [
+                { metric: '总资产', rank: 8, value: 5024560, percentile: 19 },
+                { metric: '营业收入', rank: 9, value: 162350, percentile: 21 },
+                { metric: '净利润', rank: 8, value: 52860, percentile: 19 },
+                { metric: 'ROE', rank: 12, value: 16.23, percentile: 29 },
+                { metric: '不良贷款率', rank: 18, value: 1.02, percentile: 43 }
+            ]
+        },
+
+        // 期间对比
+        periodComparison: {
+            periods: ['Q3-2024', 'Q2-2024', 'Q1-2024', 'Q4-2023'],
+            metrics: [
+                {
+                    name: '营业收入',
+                    unit: '百万元',
+                    values: [41500, 40800, 40200, 40850],
+                    yoy: [8.2, 7.8, 8.5, 9.2]
+                },
+                {
+                    name: '净利润',
+                    unit: '百万元',
+                    values: [13420, 13180, 13050, 13210],
+                    yoy: [12.5, 11.2, 10.8, 12.3]
+                },
+                {
+                    name: 'ROE',
+                    unit: '%',
+                    values: [16.23, 15.98, 15.75, 16.02],
+                    yoy: [1.2, 0.8, 0.5, 1.0]
+                },
+                {
+                    name: 'EPS',
+                    unit: '元',
+                    values: [0.69, 0.68, 0.67, 0.68],
+                    yoy: [12.3, 11.5, 10.5, 12.0]
+                }
+            ]
+        }
+    };
+};
--- a/src/mocks/data/market.js
+++ b/src/mocks/data/market.js
@@ -0,0 +1,150 @@
+// src/mocks/data/market.js
+// 市场行情相关的 Mock 数据
+
+// 生成市场数据
+export const generateMarketData = (stockCode) => {
+    const basePrice = 13.50; // 基准价格（平安银行约13.5元）
+
+    return {
+        stockCode,
+
+        // 成交数据 - 必须包含K线所需的字段
+        tradeData: {
+            success: true,
+            data: Array(30).fill(null).map((_, i) => {
+                const open = basePrice + (Math.random() - 0.5) * 0.5;
+                const close = basePrice + (Math.random() - 0.5) * 0.5;
+                const high = Math.max(open, close) + Math.random() * 0.3;
+                const low = Math.min(open, close) - Math.random() * 0.3;
+                return {
+                    date: new Date(Date.now() - (29 - i) * 24 * 60 * 60 * 1000).toISOString().split('T')[0],
+                    open: parseFloat(open.toFixed(2)),
+                    close: parseFloat(close.toFixed(2)),
+                    high: parseFloat(high.toFixed(2)),
+                    low: parseFloat(low.toFixed(2)),
+                    volume: Math.floor(Math.random() * 500000000) + 100000000, // 1-6亿股
+                    amount: Math.floor(Math.random() * 7000000000) + 1300000000, // 13-80亿元
+                    turnover_rate: (Math.random() * 2 + 0.5).toFixed(2), // 0.5-2.5%
+                    change_pct: (Math.random() * 6 - 3).toFixed(2) // -3% to +3%
+                };
+            })
+        },
+
+        // 资金流向 - 融资融券数据数组
+        fundingData: {
+            success: true,
+            data: Array(30).fill(null).map((_, i) => ({
+                date: new Date(Date.now() - (29 - i) * 24 * 60 * 60 * 1000).toISOString().split('T')[0],
+                financing: {
+                    balance: Math.floor(Math.random() * 5000000000) + 10000000000, // 融资余额
+                    buy: Math.floor(Math.random() * 500000000) + 100000000, // 融资买入
+                    repay: Math.floor(Math.random() * 500000000) + 80000000 // 融资偿还
+                },
+                securities: {
+                    balance: Math.floor(Math.random() * 100000000) + 50000000, // 融券余额
+                    sell: Math.floor(Math.random() * 10000000) + 5000000, // 融券卖出
+                    repay: Math.floor(Math.random() * 10000000) + 3000000 // 融券偿还
+                }
+            }))
+        },
+
+        // 大单统计 - 包含 daily_stats 数组
+        bigDealData: {
+            success: true,
+            data: [],
+            daily_stats: Array(10).fill(null).map((_, i) => ({
+                date: new Date(Date.now() - (9 - i) * 24 * 60 * 60 * 1000).toISOString().split('T')[0],
+                big_buy: Math.floor(Math.random() * 300000000) + 100000000,
+                big_sell: Math.floor(Math.random() * 300000000) + 80000000,
+                medium_buy: Math.floor(Math.random() * 200000000) + 60000000,
+                medium_sell: Math.floor(Math.random() * 200000000) + 50000000,
+                small_buy: Math.floor(Math.random() * 100000000) + 30000000,
+                small_sell: Math.floor(Math.random() * 100000000) + 25000000
+            }))
+        },
+
+        // 异动分析 - 包含 grouped_data 数组
+        unusualData: {
+            success: true,
+            data: [],
+            grouped_data: Array(5).fill(null).map((_, i) => ({
+                date: new Date(Date.now() - (4 - i) * 24 * 60 * 60 * 1000).toISOString().split('T')[0],
+                events: [
+                    { time: '14:35:22', type: '快速拉升', change: '+2.3%', description: '5分钟内上涨2.3%' },
+                    { time: '11:28:45', type: '大单买入', amount: '5680万', description: '单笔大单买入' },
+                    { time: '10:15:30', type: '量比异动', ratio: '3.2', description: '量比达到3.2倍' }
+                ],
+                count: 3
+            }))
+        },
+
+        // 股权质押
+        pledgeData: {
+            success: true,
+            data: {
+                total_pledged: 25.6, // 质押比例%
+                major_shareholders: [
+                    { name: '中国平安保险集团', pledged_shares: 0, total_shares: 10168542300, pledge_ratio: 0 },
+                    { name: '深圳市投资控股', pledged_shares: 50000000, total_shares: 382456100, pledge_ratio: 13.08 }
+                ],
+                update_date: '2024-09-30'
+            }
+        },
+
+        // 市场摘要
+        summaryData: {
+            success: true,
+            data: {
+                current_price: basePrice,
+                change: 0.25,
+                change_pct: 1.89,
+                open: 13.35,
+                high: 13.68,
+                low: 13.28,
+                volume: 345678900,
+                amount: 4678900000,
+                turnover_rate: 1.78,
+                pe_ratio: 4.96,
+                pb_ratio: 0.72,
+                total_market_cap: 262300000000,
+                circulating_market_cap: 262300000000
+            }
+        },
+
+        // 涨停分析
+        riseAnalysisData: {
+            success: true,
+            data: {
+                is_limit_up: false,
+                limit_up_price: basePrice * 1.10,
+                current_price: basePrice,
+                distance_to_limit: 8.92, // %
+                consecutive_days: 0,
+                reason: '',
+                concept_tags: ['银行', '深圳国资', 'MSCI', '沪深300']
+            }
+        },
+
+        // 最新分时数据
+        latestMinuteData: {
+            success: true,
+            data: Array(240).fill(null).map((_, i) => {
+                const minute = 9 * 60 + 30 + i; // 从9:30开始
+                const hour = Math.floor(minute / 60);
+                const min = minute % 60;
+                const time = `${hour.toString().padStart(2, '0')}:${min.toString().padStart(2, '0')}`;
+                const randomChange = (Math.random() - 0.5) * 0.1;
+                return {
+                    time,
+                    price: (basePrice + randomChange).toFixed(2),
+                    volume: Math.floor(Math.random() * 2000000) + 500000,
+                    avg_price: (basePrice + randomChange * 0.8).toFixed(2)
+                };
+            }),
+            code: stockCode,
+            name: stockCode === '000001' ? '平安银行' : '示例股票',
+            trade_date: new Date().toISOString().split('T')[0],
+            type: 'minute'
+        }
+    };
+};
--- a/src/mocks/handlers/company.js
+++ b/src/mocks/handlers/company.js
@@ -0,0 +1,215 @@
+// src/mocks/handlers/company.js
+// 公司相关的 Mock Handlers
+
+import { http, HttpResponse } from 'msw';
+import { PINGAN_BANK_DATA, generateCompanyData } from '../data/company';
+
+// 模拟延迟
+const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+
+// 获取公司数据的辅助函数
+const getCompanyData = (stockCode) => {
+    return stockCode === '000001' ? PINGAN_BANK_DATA : generateCompanyData(stockCode, '示例公司');
+};
+
+export const companyHandlers = [
+    // 1. 综合分析
+    http.get('/api/company/comprehensive-analysis/:stockCode', async ({ params }) => {
+        await delay(300);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        return HttpResponse.json({
+            success: true,
+            data: data.comprehensiveAnalysis
+        });
+    }),
+
+    // 2. 价值链分析
+    http.get('/api/company/value-chain-analysis/:stockCode', async ({ params }) => {
+        await delay(250);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        return HttpResponse.json({
+            success: true,
+            data: data.valueChainAnalysis
+        });
+    }),
+
+    // 3. 关键因素时间线
+    http.get('/api/company/key-factors-timeline/:stockCode', async ({ params }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        return HttpResponse.json({
+            success: true,
+            data: {
+                timeline: data.keyFactorsTimeline,
+                total: data.keyFactorsTimeline.length
+            }
+        });
+    }),
+
+    // 4. 基本信息
+    http.get('/api/stock/:stockCode/basic-info', async ({ params }) => {
+        await delay(150);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        return HttpResponse.json({
+            success: true,
+            data: data.basicInfo
+        });
+    }),
+
+    // 5. 实际控制人
+    http.get('/api/stock/:stockCode/actual-control', async ({ params }) => {
+        await delay(150);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        return HttpResponse.json({
+            success: true,
+            data: data.actualControl
+        });
+    }),
+
+    // 6. 股权集中度
+    http.get('/api/stock/:stockCode/concentration', async ({ params }) => {
+        await delay(150);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        return HttpResponse.json({
+            success: true,
+            data: data.concentration
+        });
+    }),
+
+    // 7. 高管信息
+    http.get('/api/stock/:stockCode/management', async ({ params, request }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        // 解析查询参数
+        const url = new URL(request.url);
+        const activeOnly = url.searchParams.get('active_only') === 'true';
+
+        let management = data.management || [];
+
+        // 如果需要只返回在职高管（mock 数据中默认都是在职）
+        if (activeOnly) {
+            management = management.filter(m => m.status !== 'resigned');
+        }
+
+        return HttpResponse.json({
+            success: true,
+            data: management  // 直接返回数组
+        });
+    }),
+
+    // 8. 十大流通股东
+    http.get('/api/stock/:stockCode/top-circulation-shareholders', async ({ params, request }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        // 解析查询参数
+        const url = new URL(request.url);
+        const limit = parseInt(url.searchParams.get('limit') || '10', 10);
+
+        const shareholders = (data.topCirculationShareholders || []).slice(0, limit);
+
+        return HttpResponse.json({
+            success: true,
+            data: shareholders  // 直接返回数组
+        });
+    }),
+
+    // 9. 十大股东
+    http.get('/api/stock/:stockCode/top-shareholders', async ({ params, request }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        // 解析查询参数
+        const url = new URL(request.url);
+        const limit = parseInt(url.searchParams.get('limit') || '10', 10);
+
+        const shareholders = (data.topShareholders || []).slice(0, limit);
+
+        return HttpResponse.json({
+            success: true,
+            data: shareholders  // 直接返回数组
+        });
+    }),
+
+    // 10. 分支机构
+    http.get('/api/stock/:stockCode/branches', async ({ params }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        return HttpResponse.json({
+            success: true,
+            data: data.branches || []  // 直接返回数组
+        });
+    }),
+
+    // 11. 公告列表
+    http.get('/api/stock/:stockCode/announcements', async ({ params, request }) => {
+        await delay(250);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        // 解析查询参数
+        const url = new URL(request.url);
+        const limit = parseInt(url.searchParams.get('limit') || '20', 10);
+        const page = parseInt(url.searchParams.get('page') || '1', 10);
+        const type = url.searchParams.get('type');
+
+        let announcements = data.announcements || [];
+
+        // 类型筛选
+        if (type) {
+            announcements = announcements.filter(a => a.type === type);
+        }
+
+        // 分页
+        const start = (page - 1) * limit;
+        const end = start + limit;
+        const paginatedAnnouncements = announcements.slice(start, end);
+
+        return HttpResponse.json({
+            success: true,
+            data: paginatedAnnouncements  // 直接返回数组
+        });
+    }),
+
+    // 12. 披露时间表
+    http.get('/api/stock/:stockCode/disclosure-schedule', async ({ params }) => {
+        await delay(150);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        return HttpResponse.json({
+            success: true,
+            data: data.disclosureSchedule || []  // 直接返回数组
+        });
+    }),
+
+    // 13. 盈利预测报告
+    http.get('/api/stock/:stockCode/forecast-report', async ({ params }) => {
+        await delay(300);
+        const { stockCode } = params;
+        const data = getCompanyData(stockCode);
+
+        return HttpResponse.json({
+            success: true,
+            data: data.forecastReport || null
+        });
+    }),
+];
--- a/src/mocks/handlers/financial.js
+++ b/src/mocks/handlers/financial.js
@@ -0,0 +1,121 @@
+// src/mocks/handlers/financial.js
+// 财务数据相关的 Mock Handlers
+
+import { http, HttpResponse } from 'msw';
+import { generateFinancialData } from '../data/financial';
+
+// 模拟延迟
+const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+
+export const financialHandlers = [
+    // 1. 股票基本信息
+    http.get('/api/financial/stock-info/:stockCode', async ({ params }) => {
+        await delay(150);
+        const { stockCode } = params;
+        const data = generateFinancialData(stockCode);
+        return HttpResponse.json({
+            success: true,
+            data: data.stockInfo
+        });
+    }),
+
+    // 2. 资产负债表
+    http.get('/api/financial/balance-sheet/:stockCode', async ({ params, request }) => {
+        await delay(250);
+        const { stockCode } = params;
+        const url = new URL(request.url);
+        const limit = parseInt(url.searchParams.get('limit') || '4', 10);
+
+        const data = generateFinancialData(stockCode);
+        return HttpResponse.json({
+            success: true,
+            data: data.balanceSheet.slice(0, limit)
+        });
+    }),
+
+    // 3. 利润表
+    http.get('/api/financial/income-statement/:stockCode', async ({ params, request }) => {
+        await delay(250);
+        const { stockCode } = params;
+        const url = new URL(request.url);
+        const limit = parseInt(url.searchParams.get('limit') || '4', 10);
+
+        const data = generateFinancialData(stockCode);
+        return HttpResponse.json({
+            success: true,
+            data: data.incomeStatement.slice(0, limit)
+        });
+    }),
+
+    // 4. 现金流量表
+    http.get('/api/financial/cashflow/:stockCode', async ({ params, request }) => {
+        await delay(250);
+        const { stockCode } = params;
+        const url = new URL(request.url);
+        const limit = parseInt(url.searchParams.get('limit') || '4', 10);
+
+        const data = generateFinancialData(stockCode);
+        return HttpResponse.json({
+            success: true,
+            data: data.cashflow.slice(0, limit)
+        });
+    }),
+
+    // 5. 财务指标
+    http.get('/api/financial/financial-metrics/:stockCode', async ({ params, request }) => {
+        await delay(250);
+        const { stockCode } = params;
+        const url = new URL(request.url);
+        const limit = parseInt(url.searchParams.get('limit') || '4', 10);
+
+        const data = generateFinancialData(stockCode);
+        return HttpResponse.json({
+            success: true,
+            data: data.financialMetrics.slice(0, limit)
+        });
+    }),
+
+    // 6. 主营业务
+    http.get('/api/financial/main-business/:stockCode', async ({ params }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = generateFinancialData(stockCode);
+        return HttpResponse.json({
+            success: true,
+            data: data.mainBusiness
+        });
+    }),
+
+    // 7. 业绩预告
+    http.get('/api/financial/forecast/:stockCode', async ({ params }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = generateFinancialData(stockCode);
+        return HttpResponse.json({
+            success: true,
+            data: data.forecast
+        });
+    }),
+
+    // 8. 行业排名
+    http.get('/api/financial/industry-rank/:stockCode', async ({ params }) => {
+        await delay(250);
+        const { stockCode } = params;
+        const data = generateFinancialData(stockCode);
+        return HttpResponse.json({
+            success: true,
+            data: data.industryRank
+        });
+    }),
+
+    // 9. 期间对比
+    http.get('/api/financial/comparison/:stockCode', async ({ params }) => {
+        await delay(250);
+        const { stockCode } = params;
+        const data = generateFinancialData(stockCode);
+        return HttpResponse.json({
+            success: true,
+            data: data.periodComparison
+        });
+    }),
+];
--- a/src/mocks/handlers/index.js
+++ b/src/mocks/handlers/index.js
@@ -9,6 +9,9 @@ import { paymentHandlers } from './payment';
 import { industryHandlers } from './industry';
 import { conceptHandlers } from './concept';
 import { stockHandlers } from './stock';
+import { companyHandlers } from './company';
+import { marketHandlers } from './market';
+import { financialHandlers } from './financial';

 // 可以在这里添加更多的 handlers
 // import { userHandlers } from './user';
@@ -22,5 +25,8 @@ export const handlers = [
    ...industryHandlers,
    ...conceptHandlers,
    ...stockHandlers,
+    ...companyHandlers,
+    ...marketHandlers,
+    ...financialHandlers,
    // ...userHandlers,
 ];
--- a/src/mocks/handlers/market.js
+++ b/src/mocks/handlers/market.js
@@ -0,0 +1,74 @@
+// src/mocks/handlers/market.js
+// 市场行情相关的 Mock Handlers
+
+import { http, HttpResponse } from 'msw';
+import { generateMarketData } from '../data/market';
+
+// 模拟延迟
+const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+
+export const marketHandlers = [
+    // 1. 成交数据
+    http.get('/api/market/trade/:stockCode', async ({ params, request }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = generateMarketData(stockCode);
+        return HttpResponse.json(data.tradeData);
+    }),
+
+    // 2. 资金流向
+    http.get('/api/market/funding/:stockCode', async ({ params }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = generateMarketData(stockCode);
+        return HttpResponse.json(data.fundingData);
+    }),
+
+    // 3. 大单统计
+    http.get('/api/market/bigdeal/:stockCode', async ({ params }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = generateMarketData(stockCode);
+        return HttpResponse.json(data.bigDealData);
+    }),
+
+    // 4. 异动分析
+    http.get('/api/market/unusual/:stockCode', async ({ params }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = generateMarketData(stockCode);
+        return HttpResponse.json(data.unusualData);
+    }),
+
+    // 5. 股权质押
+    http.get('/api/market/pledge/:stockCode', async ({ params }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = generateMarketData(stockCode);
+        return HttpResponse.json(data.pledgeData);
+    }),
+
+    // 6. 市场摘要
+    http.get('/api/market/summary/:stockCode', async ({ params }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = generateMarketData(stockCode);
+        return HttpResponse.json(data.summaryData);
+    }),
+
+    // 7. 涨停分析
+    http.get('/api/market/rise-analysis/:stockCode', async ({ params }) => {
+        await delay(200);
+        const { stockCode } = params;
+        const data = generateMarketData(stockCode);
+        return HttpResponse.json(data.riseAnalysisData);
+    }),
+
+    // 8. 最新分时数据
+    http.get('/api/stock/:stockCode/latest-minute', async ({ params }) => {
+        await delay(300);
+        const { stockCode } = params;
+        const data = generateMarketData(stockCode);
+        return HttpResponse.json(data.latestMinuteData);
+    }),
+];
--- a/src/services/mockSocketService.js
+++ b/src/services/mockSocketService.js
@@ -303,6 +303,7 @@ const mockFinancialNews = [
 class MockSocketService {
    constructor() {
        this.connected = false;
+        this.connecting = false; // 新增：正在连接标志,防止重复连接
        this.listeners = new Map();
        this.intervals = [];
        this.messageQueue = [];
@@ -325,18 +326,30 @@ class MockSocketService {
     * 连接到 mock socket
     */
    connect() {
+        // ✅ 防止重复连接
        if (this.connected) {
            logger.warn('mockSocketService', 'Already connected');
+            console.log('%c[Mock Socket] Already connected, skipping', 'color: #FF9800; font-weight: bold;');
            return;
        }

+        if (this.connecting) {
+            logger.warn('mockSocketService', 'Connection in progress');
+            console.log('%c[Mock Socket] Connection already in progress, skipping', 'color: #FF9800; font-weight: bold;');
+            return;
+        }
+
+        this.connecting = true; // 标记为连接中
        logger.info('mockSocketService', 'Connecting to mock socket service...');
+        console.log('%c[Mock Socket] 🔌 Connecting...', 'color: #2196F3; font-weight: bold;');

        // 模拟连接延迟
        setTimeout(() => {
            // 检查是否应该模拟连接失败
            if (this.failConnection) {
+                this.connecting = false; // 清除连接中标志
                logger.warn('mockSocketService', 'Simulated connection failure');
+                console.log('%c[Mock Socket] ❌ Connection failed (simulated)', 'color: #F44336; font-weight: bold;');

                // 触发连接错误事件
                this.emit('connect_error', {
@@ -351,6 +364,7 @@ class MockSocketService {

            // 正常连接成功
            this.connected = true;
+            this.connecting = false; // 清除连接中标志
            this.reconnectAttempts = 0;

            // 清除自定义重连定时器
@@ -360,9 +374,15 @@ class MockSocketService {
            }

            logger.info('mockSocketService', 'Mock socket connected successfully');
+            console.log('%c[Mock Socket] ✅ Connected successfully!', 'color: #4CAF50; font-weight: bold; font-size: 14px;');
+            console.log(`%c[Mock Socket] Status: connected=${this.connected}, connecting=${this.connecting}`, 'color: #4CAF50;');

-            // 触发连接成功事件
-            this.emit('connect', { timestamp: Date.now() });
+            // ✅ 使用 setTimeout(0) 确保监听器已注册后再触发事件
+            setTimeout(() => {
+                console.log('%c[Mock Socket] Emitting connect event...', 'color: #9C27B0;');
+                this.emit('connect', { timestamp: Date.now() });
+                console.log('%c[Mock Socket] Connect event emitted', 'color: #9C27B0;');
+            }, 0);

            // 在连接后3秒发送欢迎消息
            setTimeout(() => {
--- a/src/services/socket/index.js
+++ b/src/services/socket/index.js
@@ -25,4 +25,73 @@ console.log(
    `color: ${useMock ? '#FF9800' : '#4CAF50'}; font-weight: bold; font-size: 12px;`
 );

+// ========== 暴露调试 API 到全局 ==========
+if (typeof window !== 'undefined') {
+    // 暴露 Socket 类型到全局
+    window.SOCKET_TYPE = SOCKET_TYPE;
+
+    // 暴露调试 API
+    window.__SOCKET_DEBUG__ = {
+        // 获取当前连接状态
+        getStatus: () => {
+            const isConnected = socket.connected || false;
+            return {
+                type: SOCKET_TYPE,
+                connected: isConnected,
+                reconnectAttempts: socket.getReconnectAttempts?.() || 0,
+                maxReconnectAttempts: socket.getMaxReconnectAttempts?.() || Infinity,
+                service: useMock ? 'mockSocketService' : 'socketService',
+            };
+        },
+
+        // 手动重连
+        reconnect: () => {
+            console.log('[Socket Debug] Manual reconnect triggered');
+            if (socket.reconnect) {
+                socket.reconnect();
+            } else {
+                socket.disconnect();
+                socket.connect();
+            }
+        },
+
+        // 断开连接
+        disconnect: () => {
+            console.log('[Socket Debug] Manual disconnect triggered');
+            socket.disconnect();
+        },
+
+        // 连接
+        connect: () => {
+            console.log('[Socket Debug] Manual connect triggered');
+            socket.connect();
+        },
+
+        // 获取服务实例 (仅用于调试)
+        getService: () => socket,
+
+        // 导出诊断信息
+        exportDiagnostics: () => {
+            const status = window.__SOCKET_DEBUG__.getStatus();
+            const diagnostics = {
+                ...status,
+                timestamp: new Date().toISOString(),
+                userAgent: navigator.userAgent,
+                url: window.location.href,
+            };
+            console.log('[Socket Diagnostics]', diagnostics);
+            return diagnostics;
+        }
+    };
+
+    console.log(
+        '%c[Socket Debug] Debug API available at window.__SOCKET_DEBUG__',
+        'color: #2196F3; font-weight: bold;'
+    );
+    console.log(
+        '%cTry: window.__SOCKET_DEBUG__.getStatus()',
+        'color: #2196F3;'
+    );
+}
+
 export default socket;
--- a/src/store/slices/communityDataSlice.js
+++ b/src/store/slices/communityDataSlice.js
@@ -145,7 +145,7 @@ export const fetchHotEvents = createAsyncThunk(
    try {
      return await fetchWithCache({
        cacheKey: CACHE_KEYS.HOT_EVENTS,
-        fetchFn: () => eventService.getHotEvents({ days: 5, limit: 4 }),
+        fetchFn: () => eventService.getHotEvents({ days: 5, limit: 20 }),
        getState,
        stateKey: 'hotEvents',
        forceRefresh
--- a/src/utils/logger.js
+++ b/src/utils/logger.js
@@ -3,6 +3,43 @@

 const isDevelopment = process.env.NODE_ENV === 'development';

+// ========== 日志限流配置 ==========
+const LOG_THROTTLE_TIME = 1000; // 1秒内相同日志只输出一次
+const recentLogs = new Map(); // 日志缓存,用于去重
+const MAX_CACHE_SIZE = 100; // 最大缓存数量
+
+/**
+ * 生成日志的唯一键
+ */
+function getLogKey(component, message) {
+    return `${component}:${message}`;
+}
+
+/**
+ * 检查是否应该输出日志(限流检查)
+ */
+function shouldLog(component, message) {
+    const key = getLogKey(component, message);
+    const now = Date.now();
+    const lastLog = recentLogs.get(key);
+
+    // 如果1秒内已经输出过相同日志,跳过
+    if (lastLog && now - lastLog < LOG_THROTTLE_TIME) {
+        return false;
+    }
+
+    // 记录日志时间
+    recentLogs.set(key, now);
+
+    // 限制缓存大小,避免内存泄漏
+    if (recentLogs.size > MAX_CACHE_SIZE) {
+        const oldestKey = recentLogs.keys().next().value;
+        recentLogs.delete(oldestKey);
+    }
+
+    return true;
+}
+
 /**
 * 统一日志工具
 * 开发环境：输出详细日志
@@ -20,7 +57,7 @@ export const logger = {
     * @param {object} data - 请求参数/body
     */
    request: (method, url, data = null) => {
-      if (isDevelopment) {
+      if (isDevelopment && shouldLog('API', `${method} ${url}`)) {
        console.group(`🌐 API Request: ${method} ${url}`);
        console.log('Timestamp:', new Date().toISOString());
        if (data) console.log('Data:', data);
@@ -36,7 +73,7 @@ export const logger = {
     * @param {any} data - 响应数据
     */
    response: (method, url, status, data) => {
-      if (isDevelopment) {
+      if (isDevelopment && shouldLog('API', `${method} ${url} ${status}`)) {
        console.group(`✅ API Response: ${method} ${url}`);
        console.log('Status:', status);
        console.log('Data:', data);
@@ -53,6 +90,7 @@ export const logger = {
     * @param {object} requestData - 请求参数（可选）
     */
    error: (method, url, error, requestData = null) => {
+      // API 错误始终输出，不做限流
      console.group(`❌ API Error: ${method} ${url}`);
      console.error('Error:', error);
      console.error('Message:', error?.message || error);
@@ -75,6 +113,7 @@ export const logger = {
   * @param {object} context - 上下文信息（可选）
   */
  error: (component, method, error, context = {}) => {
+    // 错误日志始终输出，不做限流
    console.group(`🔴 Error in ${component}.${method}`);
    console.error('Error:', error);
    console.error('Message:', error?.message || error);
@@ -93,7 +132,7 @@ export const logger = {
   * @param {object} data - 相关数据（可选）
   */
  warn: (component, message, data = {}) => {
-    if (isDevelopment) {
+    if (isDevelopment && shouldLog(component, message)) {
      console.group(`⚠️ Warning: ${component}`);
      console.warn('Message:', message);
      if (Object.keys(data).length > 0) {
@@ -111,7 +150,7 @@ export const logger = {
   * @param {object} data - 相关数据（可选）
   */
  debug: (component, message, data = {}) => {
-    if (isDevelopment) {
+    if (isDevelopment && shouldLog(component, message)) {
      console.group(`🐛 Debug: ${component}`);
      console.log('Message:', message);
      if (Object.keys(data).length > 0) {
@@ -129,7 +168,7 @@ export const logger = {
   * @param {object} data - 相关数据（可选）
   */
  info: (component, message, data = {}) => {
-    if (isDevelopment) {
+    if (isDevelopment && shouldLog(component, message)) {
      console.group(`ℹ️ Info: ${component}`);
      console.log('Message:', message);
      if (Object.keys(data).length > 0) {
--- a/src/views/Community/components/EventList.js
+++ b/src/views/Community/components/EventList.js
--- a/src/views/Community/components/EventTimelineCard.js
+++ b/src/views/Community/components/EventTimelineCard.js
@@ -22,6 +22,7 @@ import EventListSection from './EventListSection';
 * @param {Array} popularKeywords - 热门关键词
 * @param {Date} lastUpdateTime - 最后更新时间
 * @param {Function} onSearch - 搜索回调
+ * @param {Function} onSearchFocus - 搜索框获得焦点回调
 * @param {Function} onPageChange - 分页变化回调
 * @param {Function} onEventClick - 事件点击回调
 * @param {Function} onViewDetail - 查看详情回调
@@ -35,15 +36,17 @@ const EventTimelineCard = forwardRef(({
  popularKeywords,
  lastUpdateTime,
  onSearch,
+  onSearchFocus,
  onPageChange,
  onEventClick,
-  onViewDetail
+  onViewDetail,
+  ...rest
 }, ref) => {
  const cardBg = useColorModeValue('white', 'gray.800');
  const borderColor = useColorModeValue('gray.200', 'gray.700');

  return (
-    <Card ref={ref} bg={cardBg} borderColor={borderColor} mb={4}>
+    <Card ref={ref} {...rest} bg={cardBg} borderColor={borderColor} mb={4}>
      {/* 标题部分 */}
      <CardHeader>
        <EventTimelineHeader lastUpdateTime={lastUpdateTime} />
@@ -55,6 +58,7 @@ const EventTimelineCard = forwardRef(({
        <Box mb={4}>
          <UnifiedSearchBox
            onSearch={onSearch}
+            onSearchFocus={onSearchFocus}
            popularKeywords={popularKeywords}
            filters={filters}
          />
--- a/src/views/Community/components/EventTimelineHeader.js
+++ b/src/views/Community/components/EventTimelineHeader.js
@@ -23,7 +23,7 @@ const EventTimelineHeader = ({ lastUpdateTime }) => {
        <Heading size="md">
          <HStack>
            <TimeIcon />
-            <Text>实时事件时间轴</Text>
+            <Text>实时事件</Text>
          </HStack>
        </Heading>
        <HStack fontSize="sm" color="gray.500">
--- a/src/views/Community/components/HotEvents.css
+++ b/src/views/Community/components/HotEvents.css
@@ -1,8 +1,7 @@
 /* Hot Events Section */
 .hot-events-section {
-    padding: 24px 0;
+    padding-bottom: 24px;
 }
-
 .section-title {
    display: flex;
    align-items: center;
@@ -17,11 +16,76 @@
    margin-bottom: 24px;
 }

+/* Carousel */
+.carousel-wrapper {
+    position: relative;
+}
+
+.carousel-counter {
+    position: absolute;
+    top: 8px;           /* 容器内部顶部 */
+    right: 48px;        /* 避开右侧箭头 */
+    z-index: 100;       /* 确保在卡片和箭头上方 */
+    background: rgba(24, 144, 255, 0.95);
+    color: white;
+    font-size: 13px;
+    font-weight: 600;
+    padding: 4px 10px;
+    border-radius: 12px;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+    pointer-events: none;  /* 不阻挡鼠标事件 */
+}
+
+.hot-events-carousel {
+    padding: 0 40px;  /* 增加左右padding为箭头留出空间 */
+    position: relative;
+}
+
+.hot-events-carousel .carousel-item {
+    padding: 0 8px;
+}
+
+/* 自定义箭头样式 */
+.custom-carousel-arrow {
+    width: 40px !important;
+    height: 40px !important;
+    background: rgba(255, 255, 255, 0.9) !important;
+    border-radius: 50% !important;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
+    transition: all 0.3s ease !important;
+    z-index: 10 !important;
+}
+
+.custom-carousel-arrow:hover {
+    background: rgba(255, 255, 255, 1) !important;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
+}
+
+.custom-carousel-arrow:hover .anticon {
+    color: #096dd9 !important;
+}
+
+/* 箭头位置 */
+.hot-events-carousel .slick-prev.custom-carousel-arrow {
+    left: 0 !important;
+}
+
+.hot-events-carousel .slick-next.custom-carousel-arrow {
+    right: 0 !important;
+}
+
+/* 禁用状态 */
+.custom-carousel-arrow.slick-disabled {
+    opacity: 0.3 !important;
+    cursor: not-allowed !important;
+}
+
 /* Card */
 .hot-event-card {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    margin: 0 auto;
 }

 .hot-event-card:hover {
@@ -29,11 +93,16 @@
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
 }

-/* Cover image */
+/* Card body padding */
+.hot-event-card .ant-card-body {
+    padding: 12px;
+}
+
+/* Cover image - 高度减半 */
 .event-cover {
    position: relative;
    width: 100%;
-    height: 160px;
+    height: 80px;
    overflow: hidden;
 }

@@ -55,28 +124,53 @@

 /* Card content */
 .event-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-bottom: 4px;
-}
-
-.event-header .ant-tag {
-    margin-right: 6px;
-}
-
-.event-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
-    flex: 1;
+    margin-bottom: 8px;
+    line-height: 1.4;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-word;
 }

+/* 标题文字 - inline显示，可以换行 */
+.event-title {
+    cursor: pointer;
+}
+
+/* 标签紧跟标题后面 */
+.event-tag {
+    display: inline;
+    margin-left: 4px;
+    white-space: nowrap;
+    vertical-align: baseline;
+}
+
+.event-tag .ant-tag {
+    font-size: 11px;
+    padding: 0 6px;
+    height: 18px;
+    line-height: 18px;
+    transform: scale(0.9);
+    vertical-align: middle;
+}
+
+/* 详情描述 - 三行省略 */
 .event-description {
    margin: 8px 0;
    font-size: 14px;
    color: #595959;
    line-height: 1.5;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-height: 4.5em;
+    cursor: pointer;
 }

 .event-footer {
@@ -84,6 +178,7 @@
    justify-content: space-between;
    font-size: 12px;
    color: #8c8c8c;
+    margin-top: 8px;
 }

 .creator {
@@ -93,6 +188,19 @@
    max-width: 60%;
 }

+/* 时间样式 - 年月日高亮 */
 .time {
    white-space: nowrap;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.time-date {
+    color: #1890ff;
+    font-weight: 600;
+}
+
+.time-hour {
+    color: #8c8c8c;
 }
--- a/src/views/Community/components/HotEvents.js
+++ b/src/views/Community/components/HotEvents.js
@@ -1,13 +1,34 @@
 // src/views/Community/components/HotEvents.js
-import React from 'react';
-import { Card, Row, Col, Badge, Tag, Empty } from 'antd';
-import { ArrowUpOutlined, ArrowDownOutlined, FireOutlined } from '@ant-design/icons';
+import React, { useState } from 'react';
+import { Card, Badge, Tag, Empty, Carousel, Tooltip } from 'antd';
+import { ArrowUpOutlined, ArrowDownOutlined, LeftOutlined, RightOutlined } from '@ant-design/icons';
 import { useNavigate } from 'react-router-dom';
 import moment from 'moment';
 import './HotEvents.css';
 import defaultEventImage from '../../../assets/img/default-event.jpg'
-const HotEvents = ({ events }) => {
+
+// 自定义箭头组件
+const CustomArrow = ({ className, style, onClick, direction }) => {
+    const Icon = direction === 'left' ? LeftOutlined : RightOutlined;
+    return (
+        <div
+            className={`${className} custom-carousel-arrow`}
+            style={{
+                ...style,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center'
+            }}
+            onClick={onClick}
+        >
+            <Icon style={{ fontSize: '20px', color: '#1890ff' }} />
+        </div>
+    );
+};
+
+const HotEvents = ({ events, onPageChange }) => {
    const navigate = useNavigate();
+    const [currentSlide, setCurrentSlide] = useState(0);

    const renderPriceChange = (value) => {
        if (value === null || value === undefined) {
@@ -39,18 +60,60 @@ const HotEvents = ({ events }) => {
        navigate(`/event-detail/${eventId}`);
    };

+    // 计算总页数
+    const totalPages = Math.ceil((events?.length || 0) / 4);
+
+    // Carousel 配置
+    const carouselSettings = {
+        dots: false,  // 隐藏圆点导航
+        infinite: true,  // 始终启用无限循环，确保箭头显示
+        speed: 500,
+        slidesToShow: 4,
+        slidesToScroll: 1,
+        arrows: true,  // 保留左右箭头
+        prevArrow: <CustomArrow direction="left" />,
+        nextArrow: <CustomArrow direction="right" />,
+        autoplay: false,
+        beforeChange: (_current, next) => {
+            // 计算实际页码（考虑无限循环）
+            const actualPage = next % totalPages;
+            setCurrentSlide(actualPage);
+            // 通知父组件页码变化
+            if (onPageChange) {
+                onPageChange(actualPage + 1, totalPages);
+            }
+        },
+        responsive: [
+            {
+                breakpoint: 1200,
+                settings: {
+                    slidesToShow: 3,
+                    slidesToScroll: 1,
+                }
+            },
+            {
+                breakpoint: 992,
+                settings: {
+                    slidesToShow: 2,
+                    slidesToScroll: 1,
+                }
+            },
+            {
+                breakpoint: 576,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                }
+            }
+        ]
+    };
+
    return (
        <div className="hot-events-section">
-            <h2 className="section-title">
-                <FireOutlined style={{ marginRight: 8, color: '#ff4d4f' }} />
-                近期热点信息
-            </h2>
-            <p className="section-subtitle">展示最近5天内涨幅最高的事件，助您把握市场热点</p>
-
            {events && events.length > 0 ? (
-                <Row gutter={[16, 16]}>
+                <Carousel {...carouselSettings} className="hot-events-carousel">
                    {events.map((event, index) => (
-                        <Col lg={6} md={12} sm={24} key={event.id}>
+                        <div key={event.id} className="carousel-item">
                            <Card
                                hoverable
                                className="hot-event-card"
@@ -75,33 +138,36 @@ const HotEvents = ({ events }) => {
                                    </div>
                                }
                            >
-                                <Card.Meta
-                                    title={
-                                        <div className="event-header">
-                                            {renderPriceChange(event.related_avg_chg)}
-                                            <span className="event-title">
-                        {event.title}
-                      </span>
-                                        </div>
-                                    }
-                                    description={
-                                        <>
-                                            <p className="event-description">
-                                                {event.description && event.description.length > 80
-                                                    ? `${event.description.substring(0, 80)}...`
-                                                    : event.description}
-                                            </p>
-                                            <div className="event-footer">
-                                                <span className="creator">{event.creator?.username || 'Anonymous'}</span>
-                                                <span className="time">{moment(event.created_at).format('MM-DD HH:mm')}</span>
-                                            </div>
-                                        </>
-                                    }
-                                />
+                                {/* Custom layout without Card.Meta */}
+                                <div className="event-header">
+                                    <Tooltip title={event.title}>
+                                        <span className="event-title">
+                                            {event.title}
+                                        </span>
+                                    </Tooltip>
+                                    <span className="event-tag">
+                                        {renderPriceChange(event.related_avg_chg)}
+                                    </span>
+                                </div>
+
+                                <Tooltip title={event.description}>
+                                    <div className="event-description">
+                                        {event.description}
+                                    </div>
+                                </Tooltip>
+
+                                <div className="event-footer">
+                                    <span className="creator">{event.creator?.username || 'Anonymous'}</span>
+                                    <span className="time">
+                                        <span className="time-date">{moment(event.created_at).format('YYYY-MM-DD')}</span>
+                                        {' '}
+                                        <span className="time-hour">{moment(event.created_at).format('HH:mm')}</span>
+                                    </span>
+                                </div>
                            </Card>
-                        </Col>
+                        </div>
                    ))}
-                </Row>
+                </Carousel>
            ) : (
                <Card>
                    <Empty description="暂无热点信息" />
--- a/src/views/Community/components/HotEventsSection.js
+++ b/src/views/Community/components/HotEventsSection.js
@@ -1,12 +1,14 @@
 // src/views/Community/components/HotEventsSection.js
 // 热点事件区域组件

-import React from 'react';
+import React, { useState } from 'react';
 import {
  Card,
  CardHeader,
  CardBody,
  Heading,
+  Badge,
+  Box,
  useColorModeValue
 } from '@chakra-ui/react';
 import HotEvents from './HotEvents';
@@ -17,6 +19,14 @@ import HotEvents from './HotEvents';
 */
 const HotEventsSection = ({ events }) => {
  const cardBg = useColorModeValue('white', 'gray.800');
+  const [currentPage, setCurrentPage] = useState(1);
+  const [totalPages, setTotalPages] = useState(1);
+
+  // 处理页码变化
+  const handlePageChange = (page, total) => {
+    setCurrentPage(page);
+    setTotalPages(total);
+  };

  // 如果没有热点事件，不渲染组件
  if (!events || events.length === 0) {
@@ -24,12 +34,28 @@ const HotEventsSection = ({ events }) => {
  }

  return (
-    <Card mt={8} bg={cardBg}>
-      <CardHeader>
-        <Heading size="md">🔥 热点事件</Heading>
+    <Card mt={0} bg={cardBg}>
+      <CardHeader pb={0} display="flex" justifyContent="space-between" alignItems="flex-start">
+        <Box>
+          <Heading size="md">🔥 热点事件</Heading>
+          <p className="section-subtitle" style={{paddingTop: '8px'}}>展示最近5天内涨幅最高的事件，助您把握市场热点</p>
+        </Box>
+        {/* 页码指示器 */}
+        {totalPages > 1 && (
+          <Badge
+            colorScheme="blue"
+            fontSize="sm"
+            px={3}
+            py={1}
+            borderRadius="full"
+            ml={4}
+          >
+            {currentPage} / {totalPages}
+          </Badge>
+        )}
      </CardHeader>
-      <CardBody>
-        <HotEvents events={events} />
+      <CardBody py={0} px={4}>
+        <HotEvents events={events} onPageChange={handlePageChange} />
      </CardBody>
    </Card>
  );
--- a/src/views/Community/components/UnifiedSearchBox.js
+++ b/src/views/Community/components/UnifiedSearchBox.js
@@ -21,6 +21,7 @@ const { Option } = AntSelect;

 const UnifiedSearchBox = ({
    onSearch,
+    onSearchFocus,
    popularKeywords = [],
    filters = {}
 }) => {
@@ -385,7 +386,7 @@ const UnifiedSearchBox = ({
            page: 1,

            // 搜索参数: 统一使用 q 参数进行搜索(话题/股票/关键词)
-            q: overrides.q ?? filters.q ?? '',
+            q: (overrides.q ?? filters.q) ?? '',
            // 行业代码: 取选中路径的最后一级(最具体的行业代码)
            industry_code: overrides.industry_code ?? (industryValue?.[industryValue.length - 1] || ''),

@@ -486,10 +487,8 @@ const UnifiedSearchBox = ({
        } else if (key === 'date_range') {
            // 清除日期范围
            setDateRange(null);
-            setTimeout(() => {
-                const params = buildFilterParams();
-                triggerSearch(params);
-            }, 50);
+            const params = buildFilterParams({ date_range: '' });
+            triggerSearch(params);
        } else if (key === 'importance') {
            // 重置重要性为默认值
            setImportance('all');
@@ -521,6 +520,7 @@ const UnifiedSearchBox = ({
                    onChange={handleInputChange}
                    onSearch={handleSearch}
                    onSelect={handleStockSelect}
+                    onFocus={onSearchFocus}
                    options={stockOptions}
                    placeholder="请输入股票代码/股票名称/相关话题"
                    onPressEnter={handleMainSearch}
--- a/src/views/Community/index.css
+++ b/src/views/Community/index.css
@@ -210,8 +210,6 @@

 /* 热点事件部分样式 */
 .hot-events-section {
-    margin-top: 48px;
-    padding: 32px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06);
--- a/src/views/Community/index.js
+++ b/src/views/Community/index.js
@@ -1,5 +1,5 @@
 // src/views/Community/index.js
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useSelector, useDispatch } from 'react-redux';
 import { fetchPopularKeywords, fetchHotEvents } from '../../store/slices/communityDataSlice';
@@ -10,7 +10,6 @@ import {
 } from '@chakra-ui/react';

 // 导入组件
-import MidjourneyHeroSection from './components/MidjourneyHeroSection';
 import EventTimelineCard from './components/EventTimelineCard';
 import HotEventsSection from './components/HotEventsSection';
 import EventModals from './components/EventModals';
@@ -72,38 +71,30 @@ const Community = () => {
    }
  }, [showCommunityGuide]); // 只在组件挂载时执行一次

-  // ⚡ 页面渲染完成后1秒，自动滚动到实时事件时间轴
-  useEffect(() => {
-    // 只在第一次数据加载完成后滚动
-    if (!loading && !hasScrolledRef.current && eventTimelineRef.current) {
-      const timer = setTimeout(() => {
-        if (eventTimelineRef.current) {
-          eventTimelineRef.current.scrollIntoView({
-            behavior: 'smooth',   // 平滑滚动动画
-            block: 'start',       // 元素顶部对齐视口顶部，标题正好可见
-            inline: 'nearest'     // 水平方向最小滚动
-          });
-          hasScrolledRef.current = true; // 标记已滚动
-          logger.debug('Community', '页面渲染完成，自动滚动到实时事件时间轴（顶部对齐）');
-        }
-      }, 1000); // 渲染完成后延迟1秒
-
-      return () => clearTimeout(timer);
+  // ⚡ 滚动到实时事件区域（由搜索框聚焦触发）
+  const scrollToTimeline = useCallback(() => {
+    if (!hasScrolledRef.current && eventTimelineRef.current) {
+      eventTimelineRef.current.scrollIntoView({
+        behavior: 'smooth',   // 平滑滚动动画
+        block: 'start',       // 元素顶部对齐视口顶部，标题正好可见
+        inline: 'nearest'     // 水平方向最小滚动
+      });
+      hasScrolledRef.current = true; // 标记已滚动
+      logger.debug('Community', '用户触发搜索，滚动到实时事件时间轴');
    }
-  }, [loading]); // 监听 loading 状态变化
+  }, []);

  return (
    <Box minH="100vh" bg={bgColor}>
-      {/* 导航栏已由 MainLayout 提供 */}
-
-      {/* Midjourney风格英雄区域 */}
-      <MidjourneyHeroSection />
-
      {/* 主内容区域 */}
-      <Container maxW="container.xl" py={8}>
-        {/* 实时事件时间轴卡片 */}
+      <Container maxW="container.xl" pt={6} pb={8}>
+        {/* 热点事件区域 */}
+        <HotEventsSection events={hotEvents} />
+
+        {/* 实时事件 */}
        <EventTimelineCard
          ref={eventTimelineRef}
+          mt={6}
          events={events}
          loading={loading}
          pagination={pagination}
@@ -111,13 +102,11 @@ const Community = () => {
          popularKeywords={popularKeywords}
          lastUpdateTime={lastUpdateTime}
          onSearch={updateFilters}
+          onSearchFocus={scrollToTimeline}
          onPageChange={handlePageChange}
          onEventClick={handleEventClick}
          onViewDetail={handleViewDetail}
        />
-
-        {/* 热点事件区域 */}
-        <HotEventsSection events={hotEvents} />
      </Container>

      {/* 事件弹窗 */}
--- a/src/views/Company/FinancialPanorama.js
+++ b/src/views/Company/FinancialPanorama.js
@@ -473,6 +473,16 @@ const FinancialPanorama = ({ stockCode: propStockCode }) => {
      }
    ];

+    // 数组安全检查
+    if (!Array.isArray(balanceSheet) || balanceSheet.length === 0) {
+      return (
+        <Alert status="info">
+          <AlertIcon />
+          暂无资产负债表数据
+        </Alert>
+      );
+    }
+
    const maxColumns = Math.min(balanceSheet.length, 6);
    const displayData = balanceSheet.slice(0, maxColumns);

@@ -707,6 +717,16 @@ const FinancialPanorama = ({ stockCode: propStockCode }) => {
      }
    ];

+    // 数组安全检查
+    if (!Array.isArray(incomeStatement) || incomeStatement.length === 0) {
+      return (
+        <Alert status="info">
+          <AlertIcon />
+          暂无利润表数据
+        </Alert>
+      );
+    }
+
    const maxColumns = Math.min(incomeStatement.length, 6);
    const displayData = incomeStatement.slice(0, maxColumns);

@@ -866,6 +886,16 @@ const FinancialPanorama = ({ stockCode: propStockCode }) => {
      { name: '自由现金流', key: 'free_cash_flow', path: 'key_metrics.free_cash_flow' },
    ];

+    // 数组安全检查
+    if (!Array.isArray(cashflow) || cashflow.length === 0) {
+      return (
+        <Alert status="info">
+          <AlertIcon />
+          暂无现金流量表数据
+        </Alert>
+      );
+    }
+
    const maxColumns = Math.min(cashflow.length, 8);
    const displayData = cashflow.slice(0, maxColumns);

@@ -1069,6 +1099,16 @@ const FinancialPanorama = ({ stockCode: propStockCode }) => {
      }
    };

+    // 数组安全检查
+    if (!Array.isArray(financialMetrics) || financialMetrics.length === 0) {
+      return (
+        <Alert status="info">
+          <AlertIcon />
+          暂无财务指标数据
+        </Alert>
+      );
+    }
+
    const maxColumns = Math.min(financialMetrics.length, 6);
    const displayData = financialMetrics.slice(0, maxColumns);
    const currentCategory = metricsCategories[selectedCategory];
@@ -1426,8 +1466,9 @@ const FinancialPanorama = ({ stockCode: propStockCode }) => {

    return (
      <VStack spacing={4} align="stretch">
-        {industryRank.map((periodData, periodIdx) => (
-          <Card key={periodIdx}>
+        {Array.isArray(industryRank) && industryRank.length > 0 ? (
+          industryRank.map((periodData, periodIdx) => (
+            <Card key={periodIdx}>
            <CardHeader>
              <HStack justify="space-between">
                <Heading size="sm">{periodData.report_type} 行业排名</Heading>
@@ -1486,7 +1527,16 @@ const FinancialPanorama = ({ stockCode: propStockCode }) => {
              ))}
            </CardBody>
          </Card>
-        ))}
+          ))
+        ) : (
+          <Card>
+            <CardBody>
+              <Text textAlign="center" color="gray.500" py={8}>
+                暂无行业排名数据
+              </Text>
+            </CardBody>
+          </Card>
+        )}
      </VStack>
    );
  };
@@ -1738,7 +1788,7 @@ const FinancialPanorama = ({ stockCode: propStockCode }) => {

  // 综合对比分析
  const ComparisonAnalysis = () => {
-    if (!comparison || comparison.length === 0) return null;
+    if (!Array.isArray(comparison) || comparison.length === 0) return null;

    const revenueData = comparison.map(item => ({
      period: formatUtils.getReportType(item.period),
--- a/src/views/Company/MarketDataView.js
+++ b/src/views/Company/MarketDataView.js
@@ -1471,7 +1471,7 @@ const MarketDataView = ({ stockCode: propStockCode }) => {
                                  </HStack>
                                </StatLabel>
                                <StatNumber color={theme.textPrimary} fontSize="lg">
-                                  {minuteData.data[0]?.open.toFixed(2)}
+                                  {minuteData.data[0]?.open != null ? minuteData.data[0].open.toFixed(2) : '-'}
                                </StatNumber>
                              </Stat>
                              <Stat>
@@ -1485,13 +1485,15 @@ const MarketDataView = ({ stockCode: propStockCode }) => {
                                  color={minuteData.data[minuteData.data.length - 1]?.close >= minuteData.data[0]?.open ? theme.success : theme.danger}
                                  fontSize="lg"
                                >
-                                  {minuteData.data[minuteData.data.length - 1]?.close.toFixed(2)}
+                                  {minuteData.data[minuteData.data.length - 1]?.close != null ? minuteData.data[minuteData.data.length - 1].close.toFixed(2) : '-'}
                                </StatNumber>
                                <StatHelpText fontSize="xs">
                                  <StatArrow
                                    type={minuteData.data[minuteData.data.length - 1]?.close >= minuteData.data[0]?.open ? 'increase' : 'decrease'}
                                  />
-                                  {Math.abs(((minuteData.data[minuteData.data.length - 1]?.close - minuteData.data[0]?.open) / minuteData.data[0]?.open * 100)).toFixed(2)}%
+                                  {(minuteData.data[minuteData.data.length - 1]?.close != null && minuteData.data[0]?.open != null)
+                                    ? Math.abs(((minuteData.data[minuteData.data.length - 1].close - minuteData.data[0].open) / minuteData.data[0].open * 100)).toFixed(2)
+                                    : '0.00'}%
                                </StatHelpText>
                              </Stat>
                              <Stat>
@@ -1502,7 +1504,10 @@ const MarketDataView = ({ stockCode: propStockCode }) => {
                                  </HStack>
                                </StatLabel>
                                <StatNumber color={theme.success} fontSize="lg">
-                                  {Math.max(...minuteData.data.map(item => item.high)).toFixed(2)}
+                                  {(() => {
+                                    const highs = minuteData.data.map(item => item.high).filter(h => h != null);
+                                    return highs.length > 0 ? Math.max(...highs).toFixed(2) : '-';
+                                  })()}
                                </StatNumber>
                              </Stat>
                              <Stat>
@@ -1513,7 +1518,10 @@ const MarketDataView = ({ stockCode: propStockCode }) => {
                                  </HStack>
                                </StatLabel>
                                <StatNumber color={theme.danger} fontSize="lg">
-                                  {Math.min(...minuteData.data.map(item => item.low)).toFixed(2)}
+                                  {(() => {
+                                    const lows = minuteData.data.map(item => item.low).filter(l => l != null);
+                                    return lows.length > 0 ? Math.min(...lows).toFixed(2) : '-';
+                                  })()}
                                </StatNumber>
                              </Stat>
                            </SimpleGrid>
@@ -1558,7 +1566,10 @@ const MarketDataView = ({ stockCode: propStockCode }) => {
                                    平均价格
                                  </Text>
                                  <Text fontSize="sm" color={theme.textPrimary}>
-                                    {(minuteData.data.reduce((sum, item) => sum + item.close, 0) / minuteData.data.length).toFixed(2)}
+                                    {(() => {
+                                      const closes = minuteData.data.map(item => item.close).filter(c => c != null);
+                                      return closes.length > 0 ? (closes.reduce((sum, c) => sum + c, 0) / closes.length).toFixed(2) : '-';
+                                    })()}
                                  </Text>
                                </Box>
                                <Box>
@@ -1744,7 +1755,7 @@ const MarketDataView = ({ stockCode: propStockCode }) => {
                                    成交额: {formatUtils.formatNumber(dayStats.total_amount)}万元
                                  </Badge>
                                  <Badge colorScheme="purple" fontSize="md">
-                                    均价: {dayStats.avg_price.toFixed(2)}元
+                                    均价: {dayStats.avg_price != null ? dayStats.avg_price.toFixed(2) : '-'}元
                                  </Badge>
                                </HStack>
                              </HStack>
@@ -1766,23 +1777,23 @@ const MarketDataView = ({ stockCode: propStockCode }) => {
                                      {dayStats.deals.map((deal, i) => (
                                        <Tr key={i} _hover={{ bg: colorMode === 'light' ? 'rgba(43, 108, 176, 0.05)' : 'rgba(255, 215, 0, 0.1)' }}>
                                          <Td color={theme.textPrimary} fontSize="xs" maxW="200px" isTruncated>
-                                            <Tooltip label={deal.buyer_dept} placement="top">
-                                              <Text>{deal.buyer_dept}</Text>
+                                            <Tooltip label={deal.buyer_dept || '-'} placement="top">
+                                              <Text>{deal.buyer_dept || '-'}</Text>
                                            </Tooltip>
                                          </Td>
                                          <Td color={theme.textPrimary} fontSize="xs" maxW="200px" isTruncated>
-                                            <Tooltip label={deal.seller_dept} placement="top">
-                                              <Text>{deal.seller_dept}</Text>
+                                            <Tooltip label={deal.seller_dept || '-'} placement="top">
+                                              <Text>{deal.seller_dept || '-'}</Text>
                                            </Tooltip>
                                          </Td>
                                          <Td isNumeric color={theme.textPrimary} fontWeight="bold">
-                                            {deal.price.toFixed(2)}
+                                            {deal.price != null ? deal.price.toFixed(2) : '-'}
                                          </Td>
                                          <Td isNumeric color={theme.textPrimary}>
-                                            {deal.volume.toFixed(2)}
+                                            {deal.volume != null ? deal.volume.toFixed(2) : '-'}
                                          </Td>
                                          <Td isNumeric color={theme.textSecondary} fontWeight="bold">
-                                            {deal.amount.toFixed(2)}
+                                            {deal.amount != null ? deal.amount.toFixed(2) : '-'}
                                          </Td>
                                        </Tr>
                                      ))}
@@ -1845,22 +1856,26 @@ const MarketDataView = ({ stockCode: propStockCode }) => {
                                    买入前五
                                  </Text>
                                  <VStack spacing={1} align="stretch">
-                                    {dayData.buyers.slice(0, 5).map((buyer, i) => (
-                                      <HStack 
-                                        key={i} 
-                                        justify="space-between" 
-                                        p={2} 
-                                        bg={colorMode === 'light' ? 'rgba(255, 68, 68, 0.05)' : 'rgba(255, 68, 68, 0.1)'} 
-                                        borderRadius="md"
-                                      >
-                                        <Text fontSize="sm" color={theme.textPrimary} isTruncated maxW="70%">
-                                          {buyer.dept_name}
-                                        </Text>
-                                        <Text fontSize="sm" color={theme.success} fontWeight="bold">
-                                          {formatUtils.formatNumber(buyer.buy_amount)}
-                                        </Text>
-                                      </HStack>
-                                    ))}
+                                    {dayData.buyers && dayData.buyers.length > 0 ? (
+                                      dayData.buyers.slice(0, 5).map((buyer, i) => (
+                                        <HStack
+                                          key={i}
+                                          justify="space-between"
+                                          p={2}
+                                          bg={colorMode === 'light' ? 'rgba(255, 68, 68, 0.05)' : 'rgba(255, 68, 68, 0.1)'}
+                                          borderRadius="md"
+                                        >
+                                          <Text fontSize="sm" color={theme.textPrimary} isTruncated maxW="70%">
+                                            {buyer.dept_name}
+                                          </Text>
+                                          <Text fontSize="sm" color={theme.success} fontWeight="bold">
+                                            {formatUtils.formatNumber(buyer.buy_amount)}
+                                          </Text>
+                                        </HStack>
+                                      ))
+                                    ) : (
+                                      <Text fontSize="sm" color={theme.textMuted}>暂无数据</Text>
+                                    )}
                                  </VStack>
                                </Box>
                                
@@ -1869,22 +1884,26 @@ const MarketDataView = ({ stockCode: propStockCode }) => {
                                    卖出前五
                                  </Text>
                                  <VStack spacing={1} align="stretch">
-                                    {dayData.sellers.slice(0, 5).map((seller, i) => (
-                                      <HStack 
-                                        key={i} 
-                                        justify="space-between" 
-                                        p={2} 
-                                        bg={colorMode === 'light' ? 'rgba(0, 200, 81, 0.05)' : 'rgba(0, 200, 81, 0.1)'} 
-                                        borderRadius="md"
-                                      >
-                                        <Text fontSize="sm" color={theme.textPrimary} isTruncated maxW="70%">
-                                          {seller.dept_name}
-                                        </Text>
-                                        <Text fontSize="sm" color={theme.danger} fontWeight="bold">
-                                          {formatUtils.formatNumber(seller.sell_amount)}
-                                        </Text>
-                                      </HStack>
-                                    ))}
+                                    {dayData.sellers && dayData.sellers.length > 0 ? (
+                                      dayData.sellers.slice(0, 5).map((seller, i) => (
+                                        <HStack
+                                          key={i}
+                                          justify="space-between"
+                                          p={2}
+                                          bg={colorMode === 'light' ? 'rgba(0, 200, 81, 0.05)' : 'rgba(0, 200, 81, 0.1)'}
+                                          borderRadius="md"
+                                        >
+                                          <Text fontSize="sm" color={theme.textPrimary} isTruncated maxW="70%">
+                                            {seller.dept_name}
+                                          </Text>
+                                          <Text fontSize="sm" color={theme.danger} fontWeight="bold">
+                                            {formatUtils.formatNumber(seller.sell_amount)}
+                                          </Text>
+                                        </HStack>
+                                      ))
+                                    ) : (
+                                      <Text fontSize="sm" color={theme.textMuted}>暂无数据</Text>
+                                    )}
                                  </VStack>
                                </Box>
                              </Grid>
@@ -1948,19 +1967,27 @@ const MarketDataView = ({ stockCode: propStockCode }) => {
                              </Tr>
                            </Thead>
                            <Tbody>
-                              {pledgeData.map((item, idx) => (
-                                <Tr key={idx} _hover={{ bg: colorMode === 'light' ? theme.bgDark : 'rgba(255, 215, 0, 0.1)' }}>
-                                  <Td color={theme.textPrimary}>{item.end_date}</Td>
-                                  <Td isNumeric color={theme.textPrimary}>{formatUtils.formatNumber(item.unrestricted_pledge, 0)}</Td>
-                                  <Td isNumeric color={theme.textPrimary}>{formatUtils.formatNumber(item.restricted_pledge, 0)}</Td>
-                                  <Td isNumeric color={theme.textPrimary} fontWeight="bold">{formatUtils.formatNumber(item.total_pledge, 0)}</Td>
-                                  <Td isNumeric color={theme.textPrimary}>{formatUtils.formatNumber(item.total_shares, 0)}</Td>
-                                  <Td isNumeric color={theme.warning} fontWeight="bold">
-                                    {formatUtils.formatPercent(item.pledge_ratio)}
+                              {Array.isArray(pledgeData) && pledgeData.length > 0 ? (
+                                pledgeData.map((item, idx) => (
+                                  <Tr key={idx} _hover={{ bg: colorMode === 'light' ? theme.bgDark : 'rgba(255, 215, 0, 0.1)' }}>
+                                    <Td color={theme.textPrimary}>{item.end_date}</Td>
+                                    <Td isNumeric color={theme.textPrimary}>{formatUtils.formatNumber(item.unrestricted_pledge, 0)}</Td>
+                                    <Td isNumeric color={theme.textPrimary}>{formatUtils.formatNumber(item.restricted_pledge, 0)}</Td>
+                                    <Td isNumeric color={theme.textPrimary} fontWeight="bold">{formatUtils.formatNumber(item.total_pledge, 0)}</Td>
+                                    <Td isNumeric color={theme.textPrimary}>{formatUtils.formatNumber(item.total_shares, 0)}</Td>
+                                    <Td isNumeric color={theme.warning} fontWeight="bold">
+                                      {formatUtils.formatPercent(item.pledge_ratio)}
+                                    </Td>
+                                    <Td isNumeric color={theme.textPrimary}>{item.pledge_count}</Td>
+                                  </Tr>
+                                ))
+                              ) : (
+                                <Tr>
+                                  <Td colSpan={7} textAlign="center" py={8}>
+                                    <Text fontSize="sm" color={theme.textMuted}>暂无数据</Text>
                                  </Td>
-                                  <Td isNumeric color={theme.textPrimary}>{item.pledge_count}</Td>
                                </Tr>
-                              ))}
+                              )}
                            </Tbody>
                          </Table>
                        </TableContainer>
--- a/src/views/Home/HomePage.js
+++ b/src/views/Home/HomePage.js
@@ -20,6 +20,7 @@ import { useNavigate } from 'react-router-dom';
 import heroBg from '../../assets/img/BackgroundCard1.png';
 import '../../styles/home-animations.css';
 import { logger } from '../../utils/logger';
+import MidjourneyHeroSection from '../Community/components/MidjourneyHeroSection';

 export default function HomePage() {
  const { user, isAuthenticated } = useAuth(); // ⚡ 移除 isLoading，不再依赖它
@@ -395,6 +396,10 @@ export default function HomePage() {
                </SimpleGrid>
              </VStack>
            </Box>
+
+
+            {/* Midjourney风格英雄区域 */}
+            <MidjourneyHeroSection />
          </VStack>
        </Container>
      </Box>
Author	SHA1	Message	Date
zdl	10f519a764	Merge branch 'feature' of https://git.valuefrontier.cn/vf/vf_react into feature	2025-10-27 17:52:39 +08:00
zdl	f072256021	feat(EventList): 重构渲染和UI - 精简/详细模式优化、推送控制、描述展开主要变更： 1. 渲染函数重构： - 重写 renderCompactEvent：标题2行+标签内联+按钮右侧布局 - 重写 renderDetailedEvent：标题+优先级+统计+价格标签+时间作者 - 添加 getTimelineBoxStyle 函数统一时间轴样式 - renderCompactEvent 支持隔行变色（index % 2） 2. 顶部控制栏全面升级： - 改为 sticky 定位，全宽白色背景 - 左侧占位，中间嵌入分页器，右侧控制按钮 - 新增桌面推送开关（使用 handlePushToggle） - WebSocket 状态简化为 🟢实时/🔴离线 - 精简模式切换改为 xs 尺寸 3. 描述展开/收起功能： - 详细模式支持长描述（>120字符）展开/收起 - 使用 expandedDescriptions 状态管理 - noOfLines 动态切换 4. 统一时间格式： - 所有时间显示统一为 YYYY-MM-DD HH:mm 效果： - 精简模式更紧凑，信息密度更高 - 详细模式布局更清晰，价格标签更易读 - 顶部控制栏功能集中，操作更便捷 - 推送权限管理可视化 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-27 17:46:13 +08:00
zdl	0e3bdc9b8c	feat(EventList): 功能增强 - 集成NotificationContext和添加动画主要变更： 1. 集成NotificationContext： - 引入 useNotification hook，替代本地通知权限状态 - 删除本地 notificationPermission 状态和 useEffect - 使用 browserPermission 和 requestBrowserPermission - 添加 handlePushToggle 函数处理推送开关切换 2. 添加动画支持： - 从 @emotion/react 引入 keyframes - 定义 pulseAnimation 脉冲动画（用于S/A级重要性标签） 3. 添加描述展开状态： - 新增 expandedDescriptions 状态管理效果： - 推送权限管理更集中统一 - 支持动画效果增强视觉体验 - 为后续UI优化做准备 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-27 17:40:51 +08:00
zdl	5e4c4e7cea	feat(EventList): UI优化 - 简化标签文字和调整顶部间距改进内容: 1. 简化涨跌幅标签文字 - 平均涨幅 → 平均 - 最大涨幅 → 最大 - 周涨幅 → 周 2. 调整顶部间距 - 移除顶部padding (py={8} → pb={8}) - 控制栏紧贴页面顶部效果: 节省显示空间，标签更简洁，顶部无留白 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-27 17:36:28 +08:00
zdl	31a7500388	feat: 热点事件UI调整成轮播图	2025-10-27 17:22:03 +08:00
zdl	03c113fe1b	feat: 修复数据获取bug	2025-10-27 17:21:31 +08:00
zdl	0f3bc06716	feat: 访问 http://localhost:3000/admin/community ： 1. 页面加载后应停留在顶部 2. 点击搜索框，页面应平滑滚动到"实时事件时间轴"区域 3. 再次点击搜索框不会重复滚动	2025-10-27 16:37:36 +08:00
zdl	e568b5e05f	feat: 热点事件UI调整	2025-10-27 15:59:13 +08:00
zdl	629c63f4ee	feat: 文案修改	2025-10-27 15:40:20 +08:00
zdl	d6bc2c7245	feat: 事件中心去掉头图，并且将热点区域提到首屏	2025-10-27 15:39:56 +08:00
zdl	dc38199ae6	feat: 添加mock数据	2025-10-27 15:39:06 +08:00
zdl	d93b5de319	feat: 将事件中心的头部添加到首页	2025-10-27 15:31:22 +08:00
zdl	199a54bc12	feat: 为"股票行情"和"财务全景"标签页添加 Mock 数据支持问题： - 点击"股票行情"标签页：MarketDataView 组件需要市场数据接口 - 点击"财务全景"标签页：FinancialPanorama 组件需要财务数据接口 - 这些接口都没有 mock 数据，导致页面显示空白需要添加的接口：股票行情 (MarketDataView) - 7个接口 1. /api/market/trade/:stockCode - 成交数据 2. /api/market/funding/:stockCode - 资金流向 3. /api/market/bigdeal/:stockCode - 大单统计 4. /api/market/unusual/:stockCode - 异动分析 5. /api/market/pledge/:stockCode - 股权质押 6. /api/market/summary/:stockCode - 市场摘要 7. /api/market/rise-analysis/:stockCode - 涨停分析 8. /api/stock/:stockCode/latest-minute - 最新分时数据财务全景 (FinancialPanorama) - 9个接口 1. /api/financial/stock-info/:stockCode - 股票基本信息 2. /api/financial/balance-sheet/:stockCode - 资产负债表 3. /api/financial/income-statement/:stockCode - 利润表 4. /api/financial/cashflow/:stockCode - 现金流量表 5. /api/financial/financial-metrics/:stockCode - 财务指标 6. /api/financial/main-business/:stockCode - 主营业务 7. /api/financial/forecast/:stockCode - 业绩预告 8. /api/financial/industry-rank/:stockCode - 行业排名 9. /api/financial/comparison/:stockCode - 期间对比实施步骤： 1. 创建 src/mocks/data/market.js - 市场数据 2. 创建 src/mocks/data/financial.js - 财务数据 3. 创建 src/mocks/handlers/market.js - 市场接口handlers 4. 创建 src/mocks/handlers/financial.js - 财务接口handlers 5. 更新 src/mocks/handlers/index.js - 注册新handlers 数据内容： - 为平安银行 (000001) 提供完整真实数据 - 其他股票代码生成合理的模拟数据	2025-10-27 15:10:03 +08:00
zdl	39feae87a6	feat: 添加mock数据	2025-10-27 14:56:44 +08:00
zdl	a9dc1191bf	feat:. mockSocketService 添加 connecting 状态 - 新增 connecting 标志防止重复连接 - 在 connect() 方法中检查 connected 和 connecting 状态 - 连接成功或失败后清除 connecting 标志\ 2. NotificationContext 调整监听器注册顺序 - 在 useEffect 中重新排序初始化步骤 - 第一步：注册所有事件监听器（connect, disconnect, new_event 等） - 第二步：获取最大重连次数 - 第三步：调用 socket.connect() - 使用空依赖数组 [] 防止 React 严格模式重复执行\ 3. logger 添加日志限流 - 实现 shouldLog() 函数，1秒内相同日志只输出一次 - 使用 Map 缓存最近日志，带最大缓存限制（100条） - 应用到所有 logger 方法：info, warn, debug, api.request, api.response - 错误日志（error, api.error）不做限流，始终输出\ 修复 emit 时机确保事件被接收 - 在 mockSocketService 的 connect() 方法中 - 使用 setTimeout(0) 延迟 emit(connect) 调用 - 确保监听器注册完毕后再触发事件\	2025-10-27 13:13:56 +08:00
zdl	227e1c9d15	feat: 修复 UnifiedSearchBox 语法错误	2025-10-27 11:38:16 +08:00
zdl	b5cdceb92b	feat: 日期标签删除重置内容	2025-10-27 10:51:19 +08:00