feat: 添加合规内容

src/views/Community/components/InvestmentCalendar.js

@@ -6,7 +6,7 @@ import {
 } from 'antd';
 import {
     StarFilled, StarOutlined, CalendarOutlined, LinkOutlined, StockOutlined,
-    TagsOutlined, ClockCircleOutlined, InfoCircleOutlined, LockOutlined
+    TagsOutlined, ClockCircleOutlined, InfoCircleOutlined, LockOutlined, RobotOutlined
 } from '@ant-design/icons';
 import moment from 'moment';
 import ReactMarkdown from 'react-markdown';
@@ -14,6 +14,8 @@ import { eventService, stockService } from '../../../services/eventService';
 import StockChartAntdModal from '../../../components/StockChart/StockChartAntdModal';
 import { useSubscription } from '../../../hooks/useSubscription';
 import SubscriptionUpgradeModal from '../../../components/SubscriptionUpgradeModal';
+import CitationMark from '../../../components/Citation/CitationMark';
+import { processCitationData } from '../../../utils/citationUtils';
 import './InvestmentCalendar.css';
 
 const { TabPane } = Tabs;
@@ -474,26 +476,95 @@ const InvestmentCalendar = () => {
                 const stockCode = record[0];
                 const isExpanded = expandedReasons[stockCode] || false;
                 const shouldTruncate = reason && reason.length > 100;
-                
+
                 const toggleExpanded = () => {
                     setExpandedReasons(prev => ({
                         ...prev,
                         [stockCode]: !prev[stockCode]
                     }));
                 };
-                
+
+                // 检查是否有引用数据（可能在 record.reason_citation 或 record[4]）
+                const citationData = record.reason;
+                const hasCitation = citationData && citationData.data && Array.isArray(citationData.data);
+
+                if (hasCitation) {
+                    // 使用引用组件，支持展开/收起
+                    const processed = processCitationData(citationData);
+
+                    if (processed) {
+                        // 计算所有段落的总长度
+                        const totalLength = processed.segments.reduce((sum, seg) => sum + seg.text.length, 0);
+                        const shouldTruncate = totalLength > 100;
+
+                        // 确定要显示的段落
+                        let displaySegments = processed.segments;
+                        if (shouldTruncate && !isExpanded) {
+                            // 需要截断：计算应该显示到哪个段落
+                            let charCount = 0;
+                            displaySegments = [];
+                            for (const seg of processed.segments) {
+                                if (charCount + seg.text.length <= 100) {
+                                    // 完整显示这个段落
+                                    displaySegments.push(seg);
+                                    charCount += seg.text.length;
+                                } else {
+                                    // 截断这个段落
+                                    const remainingChars = 100 - charCount;
+                                    if (remainingChars > 0) {
+                                        const truncatedText = seg.text.substring(0, remainingChars) + '...';
+                                        displaySegments.push({ ...seg, text: truncatedText });
+                                    }
+                                    break;
+                                }
+                            }
+                        }
+
+                        return (
+                            <div>
+                                <div style={{ lineHeight: '1.6' }}>
+                                    {displaySegments.map((segment, index) => (
+                                        <React.Fragment key={segment.citationId}>
+                                            <Text>{segment.text}</Text>
+                                            <CitationMark
+                                                citationId={segment.citationId}
+                                                citation={processed.citations[segment.citationId]}
+                                            />
+                                            {index < displaySegments.length - 1 && <Text>，</Text>}
+                                        </React.Fragment>
+                                    ))}
+                                </div>
+                                {shouldTruncate && (
+                                    <Button
+                                        type="link"
+                                        size="small"
+                                        onClick={toggleExpanded}
+                                        style={{ padding: 0, marginLeft: 4 }}
+                                    >
+                                        ({isExpanded ? '收起' : '展开'})
+                                    </Button>
+                                )}
+                                <div style={{ marginTop: 4 }}>
+                                    <Text type="secondary" style={{ fontSize: '12px' }}>(AI合成)</Text>
+                                </div>
+                            </div>
+                        );
+                    }
+                }
+
+                // 降级显示：纯文本 + 展开/收起
                 return (
                     <div>
                         <Text>
-                            {isExpanded || !shouldTruncate 
-                                ? reason 
+                            {isExpanded || !shouldTruncate
+                                ? reason
                                 : `${reason?.slice(0, 100)}...`
                             }
                         </Text>
                         {shouldTruncate && (
-                            <Button 
-                                type="link" 
-                                size="small" 
+                            <Button
+                                type="link"
+                                size="small"
                                 onClick={toggleExpanded}
                                 style={{ padding: 0, marginLeft: 4 }}
                             >