From e9e9ec905133cf833896b6e463aa97a2c5a6d0fb Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Thu, 27 Nov 2025 16:40:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4AI=E5=90=88=E6=88=90UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DynamicNewsDetail/StockListItem.js        | 53 +++++++++++--------
 1 file changed, 31 insertions(+), 22 deletions(-)

diff --git a/src/views/Community/components/DynamicNewsDetail/StockListItem.js b/src/views/Community/components/DynamicNewsDetail/StockListItem.js
index 003a3837..9144e55e 100644
--- a/src/views/Community/components/DynamicNewsDetail/StockListItem.js
+++ b/src/views/Community/components/DynamicNewsDetail/StockListItem.js
@@ -16,13 +16,14 @@ import {
   useColorModeValue,
 } from '@chakra-ui/react';
 import { StarIcon } from '@chakra-ui/icons';
+import { Tag } from 'antd';
+import { RobotOutlined } from '@ant-design/icons';
 import MiniTimelineChart from '../StockDetailPanel/components/MiniTimelineChart';
 import MiniKLineChart from './MiniKLineChart';
-import TimelineChartModal from '../../../../components/StockChart/TimelineChartModal';
-import KLineChartModal from '../../../../components/StockChart/KLineChartModal';
-import CitedContent from '../../../../components/Citation/CitedContent';
-import { getChangeColor } from '../../../../utils/colorUtils';
-import { PROFESSIONAL_COLORS } from '../../../../constants/professionalTheme';
+import TimelineChartModal from '@components/StockChart/TimelineChartModal';
+import KLineChartModal from '@components/StockChart/KLineChartModal';
+import { getChangeColor } from '@utils/colorUtils';
+import { PROFESSIONAL_COLORS } from '@constants/professionalTheme';
 
 /**
  * 股票卡片组件
@@ -130,7 +131,7 @@ const StockListItem = ({
       {/* 单行紧凑布局：名称+涨跌幅 | 分时图 | K线图 | 关联描述 */}
       <HStack spacing={2} align="center" flexWrap="wrap">
         {/* 左侧：股票信息区 */}
-        <HStack spacing={2} flexShrink={0}>
+        <HStack spacing={2} overflow="hidden">
           {/* 股票代码 + 名称 + 涨跌幅 */}
           <VStack
             align="stretch"
@@ -298,8 +299,6 @@ const StockListItem = ({
                     setIsDescExpanded(!isDescExpanded);
                   }}
                   cursor="pointer"
-                  px={3}
-                  py={2}
                   bg={PROFESSIONAL_COLORS.background.secondary}
                   borderRadius="md"
                   _hover={{
@@ -308,18 +307,30 @@ const StockListItem = ({
                   transition="background 0.2s"
                   position="relative"
                 >
-                  <Collapse in={isDescExpanded} startingHeight={40}>
-                    <CitedContent
-                      data={stock.relation_desc}
-                      title=""
-                      showAIBadge={true}
-                      textColor={PROFESSIONAL_COLORS.text.primary}
-                      containerStyle={{
-                        backgroundColor: 'transparent',
-                        borderRadius: '0',
-                        padding: '0',
+                  <Collapse in={isDescExpanded} startingHeight={56}>
+                    {/* AI 标识 - 行内显示在文字前面 */}
+                    <Tag
+                      icon={<RobotOutlined />}
+                      color="purple"
+                      style={{
+                        fontSize: 12,
+                        padding: '2px 8px',
+                        marginRight: 8,
+                        verticalAlign: 'middle',
+                        display: 'inline-flex',
                       }}
-                    />
+                    >
+                      AI合成
+                    </Tag>
+                    {/* 直接渲染文字内容 */}
+                    <Text
+                      as="span"
+                      fontSize="sm"
+                      color={PROFESSIONAL_COLORS.text.primary}
+                      lineHeight="1.8"
+                    >
+                      {stock.relation_desc?.data?.map(item => item.sentences || item.query_part).filter(Boolean).join('，')}
+                    </Text>
                   </Collapse>
                 </Box>
               </Tooltip>
@@ -339,8 +350,6 @@ const StockListItem = ({
                     setIsDescExpanded(!isDescExpanded);
                   }}
                   cursor="pointer"
-                  px={3}
-                  py={2}
                   bg={PROFESSIONAL_COLORS.background.secondary}
                   borderRadius="md"
                   _hover={{
@@ -350,7 +359,7 @@ const StockListItem = ({
                   position="relative"
                 >
                   {/* 去掉"关联描述"标题 */}
-                  <Collapse in={isDescExpanded} startingHeight={36}>
+                  <Collapse in={isDescExpanded} startingHeight={56}>
                     <Text
                       fontSize="xs"
                       color={nameColor}