From 6ae338eae85b7ce513e8e3bba28aa186516c80d1 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Sat, 10 Jan 2026 18:57:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=8B=E4=BB=B6=E4=B8=AD=E5=BF=83=E7=9A=84?=
 =?UTF-8?q?=E6=B6=A8=E5=81=9C=E5=8E=9F=E5=9B=A0=E9=87=8C=E9=9D=A2=E5=92=8C?=
 =?UTF-8?q?=E4=BA=8B=E4=BB=B6=E7=9B=B8=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Community/components/HeroPanel.js | 101 ++++++++++++++++++++
 1 file changed, 101 insertions(+)

diff --git a/src/views/Community/components/HeroPanel.js b/src/views/Community/components/HeroPanel.js
index f8873a30..2d1cabe0 100644
--- a/src/views/Community/components/HeroPanel.js
+++ b/src/views/Community/components/HeroPanel.js
@@ -510,6 +510,8 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
         name,
         count: data.count,
         stocks: data.stock_codes || [],
+        // 新增：关联事件数据（涨停归因）
+        related_events: data.related_events || [],
       }))
       .sort((a, b) => b.count - a.count);
   }, [ztDetail]);
@@ -1134,6 +1136,105 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
         );
       },
     },
+    {
+      title: '涨停归因',
+      dataIndex: 'related_events',
+      key: 'related_events',
+      width: 280,
+      render: (events, record) => {
+        if (!events || events.length === 0) {
+          return <AntText style={{ color: '#666', fontSize: '12px' }}>-</AntText>;
+        }
+
+        // 取相关度最高的事件
+        const sortedEvents = [...events].sort((a, b) => (b.relevance_score || 0) - (a.relevance_score || 0));
+        const topEvent = sortedEvents[0];
+
+        // 相关度颜色
+        const getRelevanceColor = (score) => {
+          if (score >= 80) return '#10B981';
+          if (score >= 60) return '#F59E0B';
+          return '#6B7280';
+        };
+
+        return (
+          <VStack align="start" spacing={1}>
+            <Tooltip
+              title={
+                <Box maxW="300px">
+                  <Text fontWeight="bold" mb={1}>{topEvent.title}</Text>
+                  {topEvent.relevance_reason && (
+                    <Text fontSize="12px" color="#ccc">{topEvent.relevance_reason}</Text>
+                  )}
+                  {topEvent.matched_concepts?.length > 0 && (
+                    <Box mt={2}>
+                      <Text fontSize="11px" color="#888" mb={1}>匹配概念：</Text>
+                      <HStack flexWrap="wrap" spacing={1}>
+                        {topEvent.matched_concepts.slice(0, 5).map((c, i) => (
+                          <Tag key={i} style={{ fontSize: '10px', margin: '1px', background: 'rgba(139, 92, 246, 0.2)', border: 'none', color: '#A78BFA' }}>
+                            {c}
+                          </Tag>
+                        ))}
+                      </HStack>
+                    </Box>
+                  )}
+                </Box>
+              }
+              placement="left"
+              overlayStyle={{ maxWidth: 350 }}
+            >
+              <Box
+                cursor="pointer"
+                p={1.5}
+                borderRadius="md"
+                bg="rgba(96, 165, 250, 0.1)"
+                _hover={{ bg: 'rgba(96, 165, 250, 0.2)' }}
+                transition="background 0.2s"
+                maxW="260px"
+              >
+                <HStack spacing={1.5} align="start">
+                  <FileText size={14} color="#60A5FA" style={{ flexShrink: 0, marginTop: 2 }} />
+                  <VStack align="start" spacing={0.5} flex={1}>
+                    <AntText
+                      style={{
+                        color: '#E0E0E0',
+                        fontSize: '12px',
+                        lineHeight: '1.3',
+                        display: '-webkit-box',
+                        WebkitLineClamp: 2,
+                        WebkitBoxOrient: 'vertical',
+                        overflow: 'hidden',
+                      }}
+                    >
+                      {topEvent.title}
+                    </AntText>
+                    <HStack spacing={2}>
+                      <Tag
+                        style={{
+                          fontSize: '10px',
+                          padding: '0 6px',
+                          background: `${getRelevanceColor(topEvent.relevance_score || 0)}20`,
+                          border: 'none',
+                          color: getRelevanceColor(topEvent.relevance_score || 0),
+                          borderRadius: '4px',
+                        }}
+                      >
+                        相关度 {topEvent.relevance_score || 0}
+                      </Tag>
+                      {events.length > 1 && (
+                        <AntText style={{ fontSize: '10px', color: '#888' }}>
+                          +{events.length - 1}条
+                        </AntText>
+                      )}
+                    </HStack>
+                  </VStack>
+                </HStack>
+              </Box>
+            </Tooltip>
+          </VStack>
+        );
+      },
+    },
   ];
 
   // 涨停股票详情表格列 - 精致风格 + K线图 + 加自选