feat: 添加合规

src/views/Community/components/InvestmentCalendar.js

@@ -15,6 +15,7 @@ import StockChartAntdModal from '../../../components/StockChart/StockChartAntdMo
 import { useSubscription } from '../../../hooks/useSubscription';
 import SubscriptionUpgradeModal from '../../../components/SubscriptionUpgradeModal';
 import CitationMark from '../../../components/Citation/CitationMark';
+import CitedContent from '../../../components/Citation/CitedContent';
 import { processCitationData } from '../../../utils/citationUtils';
 import { logger } from '../../../utils/logger';
 import './InvestmentCalendar.css';
@@ -194,9 +195,49 @@ const InvestmentCalendar = () => {
         return <span>{stars}</span>;
     };
 
-    // 显示内容详情
+    /**
+     * 显示内容详情
+     * 支持两种数据格式：
+     * 1. 字符串格式：直接显示文本，自动添加"(AI合成)"标识
+     *    例如：showContentDetail("这是事件背景内容", "事件背景")
+     *
+     * 2. 引用格式：使用CitedContent组件渲染，显示引用来源
+     *    例如：showContentDetail({
+     *      data: [
+     *        { sentence: "第一句话", citation: { source: "来源1", url: "..." } },
+     *        { sentence: "第二句话", citation: { source: "来源2", url: "..." } }
+     *      ]
+     *    }, "事件背景")
+     *
+     * 后端API返回数据格式说明：
+     * - 字符串格式：former字段直接返回字符串
+     * - 引用格式：former字段返回 { data: [...] } 对象，其中data是引用数组
+     */
     const showContentDetail = (content, title) => {
-        setSelectedDetail({ content, title });
+        let processedContent;
+
+        // 判断content类型：字符串或引用格式
+        if (typeof content === 'string') {
+            // 字符串类型：添加AI合成标识
+            processedContent = {
+                type: 'text',
+                content: content + (content ? '\n\n(AI合成)' : '')
+            };
+        } else if (content && content.data && Array.isArray(content.data)) {
+            // 引用格式：使用CitedContent渲染
+            processedContent = {
+                type: 'citation',
+                content: content
+            };
+        } else {
+            // 其他情况：转为字符串并添加AI标识
+            processedContent = {
+                type: 'text',
+                content: String(content || '') + '\n\n(AI合成)'
+            };
+        }
+
+        setSelectedDetail({ content: processedContent, title });
         setDetailDrawerVisible(true);
     };
 
@@ -332,7 +373,7 @@ const InvestmentCalendar = () => {
                     type="link"
                     size="small"
                     icon={<LinkOutlined />}
-                    onClick={() => showContentDetail(text + (text ? '\n\n(AI合成)' : ''), '事件背景')}
+                    onClick={() => showContentDetail(text, '事件背景')}
                     disabled={!text}
                 >
                     查看
@@ -495,8 +536,8 @@ const InvestmentCalendar = () => {
                     }));
                 };
 
-                // 检查是否有引用数据（可能在 record.reason_citation 或 record[4]）
-                const citationData = record.reason;
+                // 检查是否有引用数据（reason 就是 record[2]）
+                const citationData = reason;
                 const hasCitation = citationData && citationData.data && Array.isArray(citationData.data);
 
                 if (hasCitation) {
@@ -694,9 +735,17 @@ const InvestmentCalendar = () => {
                 onClose={() => setDetailDrawerVisible(false)}
                 visible={detailDrawerVisible}
             >
-                <div className="markdown-content">
-                    <ReactMarkdown>{selectedDetail?.content || '暂无内容'}</ReactMarkdown>
-                </div>
+                {selectedDetail?.content?.type === 'citation' ? (
+                    <CitedContent
+                        data={selectedDetail.content.content}
+                        title={selectedDetail.title || '事件背景'}
+                        showAIBadge={true}
+                    />
+                ) : (
+                    <div className="markdown-content">
+                        <ReactMarkdown>{selectedDetail?.content?.content || '暂无内容'}</ReactMarkdown>
+                    </div>
+                )}
             </Drawer>
 
             {/* 相关股票模态框 */}