更新Company页面的UI为FUI风格

src/mocks/handlers/event.js

@@ -1588,7 +1588,7 @@ export const eventHandlers = [
 
     // ==================== 主线模式相关 ====================
 
-    // 获取按主线（lv2概念）分组的事件列表
+    // 获取按主线（lv1/lv2概念）分组的事件列表
     http.get('/api/events/mainline', async ({ request }) => {
         await delay(500);
 
@@ -1596,8 +1596,10 @@ export const eventHandlers = [
         const recentDays = parseInt(url.searchParams.get('recent_days') || '7', 10);
         const importance = url.searchParams.get('importance') || 'all';
         const limitPerMainline = parseInt(url.searchParams.get('limit') || '20', 10);
+        // 分组方式: 'lv1' | 'lv2' | 具体的 lv2_id（如 'L2_AI_INFRA'）
+        const groupBy = url.searchParams.get('group_by') || 'lv2';
 
-        console.log('[Mock Event] 获取主线数据:', { recentDays, importance, limitPerMainline });
+        console.log('[Mock Event] 获取主线数据:', { recentDays, importance, limitPerMainline, groupBy });
 
         try {
             // 生成 mock 事件数据
@@ -1605,21 +1607,32 @@ export const eventHandlers = [
 
             // 定义 lv2 主线分类
             const mainlineDefinitions = [
-                { lv2_id: 'L2_AI_INFRA', lv2_name: 'AI基础设施 (算力/CPO/PCB)', lv1_name: 'TMT (科技/媒体/通信)', keywords: ['算力', 'AI', '人工智能', 'CPO', 'PCB', '光模块', '大模型', '智能体'] },
-                { lv2_id: 'L2_SEMICONDUCTOR', lv2_name: '半导体 (设计/制造/封测)', lv1_name: 'TMT (科技/媒体/通信)', keywords: ['半导体', '芯片', '光刻', 'IC', '晶圆', '封装', '测试'] },
-                { lv2_id: 'L2_ROBOT', lv2_name: '机器人 (人形机器人/工业机器人)', lv1_name: 'TMT (科技/媒体/通信)', keywords: ['机器人', '人形', '自动化', '工业机器人', '具身智能'] },
-                { lv2_id: 'L2_CONSUMER_ELEC', lv2_name: '消费电子 (手机/XR/可穿戴)', lv1_name: 'TMT (科技/媒体/通信)', keywords: ['手机', 'XR', 'VR', 'AR', '可穿戴', '华为', '苹果', '消费电子'] },
-                { lv2_id: 'L2_NEW_ENERGY', lv2_name: '新能源 (光伏/储能/电池)', lv1_name: '新能源与环保', keywords: ['光伏', '储能', '电池', '锂电', '新能源', '风电', '清洁能源'] },
-                { lv2_id: 'L2_EV', lv2_name: '新能源汽车 (整车/零部件)', lv1_name: '新能源与环保', keywords: ['新能源汽车', '电动车', '智能驾驶', '汽车', '整车', '零部件'] },
-                { lv2_id: 'L2_LOW_ALTITUDE', lv2_name: '低空经济 (无人机/eVTOL)', lv1_name: '先进制造', keywords: ['低空', '无人机', 'eVTOL', '飞行', '空域'] },
-                { lv2_id: 'L2_MILITARY', lv2_name: '军工 (航空航天/国防)', lv1_name: '先进制造', keywords: ['军工', '国防', '航空', '航天', '卫星', '导弹'] },
-                { lv2_id: 'L2_PHARMA', lv2_name: '医药医疗 (创新药/器械)', lv1_name: '医药健康', keywords: ['医药', '医疗', '创新药', '器械', '生物', 'CXO'] },
-                { lv2_id: 'L2_FINANCE', lv2_name: '金融 (银行/券商/保险)', lv1_name: '金融', keywords: ['金融', '银行', '券商', '保险', '证券'] },
+                { lv2_id: 'L2_AI_INFRA', lv2_name: 'AI基础设施 (算力/CPO/PCB)', lv1_id: 'L1_TMT', lv1_name: 'TMT (科技/媒体/通信)', keywords: ['算力', 'AI', '人工智能', 'CPO', 'PCB', '光模块', '大模型', '智能体'] },
+                { lv2_id: 'L2_SEMICONDUCTOR', lv2_name: '半导体 (设计/制造/封测)', lv1_id: 'L1_TMT', lv1_name: 'TMT (科技/媒体/通信)', keywords: ['半导体', '芯片', '光刻', 'IC', '晶圆', '封装', '测试'] },
+                { lv2_id: 'L2_ROBOT', lv2_name: '机器人 (人形机器人/工业机器人)', lv1_id: 'L1_TMT', lv1_name: 'TMT (科技/媒体/通信)', keywords: ['机器人', '人形', '自动化', '工业机器人', '具身智能'] },
+                { lv2_id: 'L2_CONSUMER_ELEC', lv2_name: '消费电子 (手机/XR/可穿戴)', lv1_id: 'L1_TMT', lv1_name: 'TMT (科技/媒体/通信)', keywords: ['手机', 'XR', 'VR', 'AR', '可穿戴', '华为', '苹果', '消费电子'] },
+                { lv2_id: 'L2_TELECOM', lv2_name: '通信、互联网与软件', lv1_id: 'L1_TMT', lv1_name: 'TMT (科技/媒体/通信)', keywords: ['通信', '5G', '6G', '互联网', '软件', '云计算', 'SaaS', '数字化'] },
+                { lv2_id: 'L2_NEW_ENERGY', lv2_name: '新能源 (光伏/储能/电池)', lv1_id: 'L1_NEW_ENERGY_ENV', lv1_name: '新能源与智能汽车 (New Energy & Auto)', keywords: ['光伏', '储能', '电池', '锂电', '新能源', '风电', '清洁能源'] },
+                { lv2_id: 'L2_EV', lv2_name: '智能网联汽车', lv1_id: 'L1_NEW_ENERGY_ENV', lv1_name: '新能源与智能汽车 (New Energy & Auto)', keywords: ['新能源汽车', '电动车', '智能驾驶', '汽车', '整车', '零部件', '智能网联'] },
+                { lv2_id: 'L2_LOW_ALTITUDE', lv2_name: '低空经济 (无人机/eVTOL)', lv1_id: 'L1_ADVANCED_MFG', lv1_name: '先进制造', keywords: ['低空', '无人机', 'eVTOL', '飞行', '空域'] },
+                { lv2_id: 'L2_MILITARY', lv2_name: '军工 (航空航天/国防)', lv1_id: 'L1_ADVANCED_MFG', lv1_name: '先进制造', keywords: ['军工', '国防', '航空', '航天', '卫星', '导弹'] },
+                { lv2_id: 'L2_PHARMA', lv2_name: '医药医疗 (创新药/器械)', lv1_id: 'L1_PHARMA', lv1_name: '医药健康', keywords: ['医药', '医疗', '创新药', '器械', '生物', 'CXO'] },
+                { lv2_id: 'L2_FINANCE', lv2_name: '金融 (银行/券商/保险)', lv1_id: 'L1_FINANCE', lv1_name: '金融', keywords: ['金融', '银行', '券商', '保险', '证券'] },
             ];
 
+            // 生成 lv2 选项列表供前端下拉框使用
+            const lv2Options = mainlineDefinitions.map(m => ({
+                lv2_id: m.lv2_id,
+                lv2_name: m.lv2_name,
+                lv1_name: m.lv1_name,
+            }));
+
             // 按主线分组事件
             const mainlineGroups = {};
 
+            // 判断是否为具体的 lv2_id
+            const isSpecificLv2 = groupBy.startsWith('L2_');
+
             allEvents.forEach(event => {
                 // 从事件的 keywords (related_concepts) 中查找匹配的主线
                 const keywords = event.keywords || event.related_concepts || [];
@@ -1631,17 +1644,44 @@ export const eventHandlers = [
                 mainlineDefinitions.forEach(mainline => {
                     const matched = mainline.keywords.some(kw => textToMatch.includes(kw.toLowerCase()));
                     if (matched) {
-                        if (!mainlineGroups[mainline.lv2_id]) {
-                            mainlineGroups[mainline.lv2_id] = {
+                        // 根据分组方式决定分组键
+                        let groupKey, groupData;
+
+                        if (isSpecificLv2) {
+                            // 具体 lv2 概念：只显示该概念下的事件，不分组
+                            if (mainline.lv2_id !== groupBy) return;
+                            groupKey = mainline.lv2_id;
+                            groupData = {
+                                lv2_id: mainline.lv2_id,
+                                lv2_name: mainline.lv2_name,
+                                lv1_name: mainline.lv1_name,
+                                events: []
+                            };
+                        } else if (groupBy === 'lv1') {
+                            // 按一级概念分组
+                            groupKey = mainline.lv1_id;
+                            groupData = {
+                                lv1_id: mainline.lv1_id,
+                                lv1_name: mainline.lv1_name,
+                                events: []
+                            };
+                        } else {
+                            // 默认按二级概念分组
+                            groupKey = mainline.lv2_id;
+                            groupData = {
                                 lv2_id: mainline.lv2_id,
                                 lv2_name: mainline.lv2_name,
                                 lv1_name: mainline.lv1_name,
                                 events: []
                             };
                         }
+
+                        if (!mainlineGroups[groupKey]) {
+                            mainlineGroups[groupKey] = groupData;
+                        }
                         // 避免重复添加
-                        if (!mainlineGroups[mainline.lv2_id].events.find(e => e.id === event.id)) {
-                            mainlineGroups[mainline.lv2_id].events.push(event);
+                        if (!mainlineGroups[groupKey].events.find(e => e.id === event.id)) {
+                            mainlineGroups[groupKey].events.push(event);
                         }
                     }
                 });
@@ -1665,7 +1705,8 @@ export const eventHandlers = [
             console.log('[Mock Event] 主线数据生成完成:', {
                 mainlineCount: mainlines.length,
                 totalEvents: allEvents.length,
-                ungroupedCount
+                ungroupedCount,
+                groupBy
             });
 
             return HttpResponse.json({
@@ -1674,7 +1715,9 @@ export const eventHandlers = [
                     mainlines,
                     total_events: allEvents.length,
                     mainline_count: mainlines.length,
-                    ungrouped_count: ungroupedCount
+                    ungrouped_count: ungroupedCount,
+                    group_by: groupBy,
+                    lv2_options: lv2Options,
                 }
             });
         } catch (error) {