vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加mock数据

Browse Source
This commit is contained in:
zdl
2025-10-17 23:23:31 +08:00
parent 0953367e03
commit 69784d094d
7 changed files with 413 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/components/Citation/CitationMark.js
View File

@@ -27,52 +27,65 @@ const CitationMark = ({ citationId, citation }) => {
// 引用卡片内容
const citationContent = (
<div style={{ maxWidth: 350, padding: '8px 4px' }}>
{/* 作者 */}
<Space align="start" style={{ marginBottom: 8 }}>
<UserOutlined style={{ color: '#1890ff', marginTop: 4 }} />
<div>
<Text type="secondary" style={{ fontSize: 12 }}>作者</Text>
<br />
<Text strong style={{ fontSize: 13 }}>{citation.author}</Text>
</div>
</Space>
<div style={{ maxWidth: 320, padding: '8px 10px' }}>
{/* 报告标题 - 顶部突出显示 */}
<div style={{ marginBottom: 8 }}>
<Text
strong
style={{
fontSize: 14,
fontWeight: 600,
color: '#262626',
display: 'block',
lineHeight: 1.3
}}
>
{citation.report_title}
</Text>
</div>
<Divider style={{ margin: '8px 0' }} />
{/* 作者和日期 - 左右分布 */}
<div style={{
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
marginBottom: 8,
paddingBottom: 8,
borderBottom: '1px solid #f0f0f0'
}}>
{/* 左侧：作者 */}
<Space size={4}>
<UserOutlined style={{ color: '#1890ff', fontSize: 12 }} />
<Text style={{ fontSize: 12, color: '#595959' }}>
{citation.author}
</Text>
</Space>
{/* 报告标题 */}
<Space align="start" style={{ marginBottom: 8 }}>
<FileTextOutlined style={{ color: '#52c41a', marginTop: 4 }} />
<div>
<Text type="secondary" style={{ fontSize: 12 }}>报告标题</Text>
<br />
<Text strong style={{ fontSize: 13 }}>{citation.report_title}</Text>
</div>
</Space>
<Divider style={{ margin: '8px 0' }} />
{/* 发布日期 */}
<Space align="start" style={{ marginBottom: 8 }}>
<CalendarOutlined style={{ color: '#faad14', marginTop: 4 }} />
<div>
<Text type="secondary" style={{ fontSize: 12 }}>发布日期</Text>
<br />
<Text style={{ fontSize: 13 }}>{citation.declare_date}</Text>
</div>
</Space>
<Divider style={{ margin: '8px 0' }} />
{/* 右侧：发布日期（重点标注） */}
<Space size={4}>
<CalendarOutlined style={{ color: '#fa8c16', fontSize: 12 }} />
<Text
strong
style={{
fontSize: 12,
fontWeight: 600,
color: '#fa8c16'
}}
>
{citation.declare_date}
</Text>
</Space>
</div>
{/* 摘要片段 */}
<div>
<Text type="secondary" style={{ fontSize: 12, display: 'block', marginBottom: 4 }}>
<Text type="secondary" style={{ fontSize: 11, display: 'block', marginBottom: 4 }}>
摘要片段
</Text>
<Text
style={{
fontSize: 13,
lineHeight: 1.6,
fontSize: 12,
lineHeight: 1.5,
display: 'block',
color: '#595959'
}}
@@ -100,7 +113,7 @@ const CitationMark = ({ citationId, citation }) => {
title={`引用来源 [${citationId}]`}
trigger={triggerType}
placement="top"
overlayInnerStyle={{ maxWidth: 380 }}
overlayInnerStyle={{ maxWidth: 340, padding: '8px' }}
open={popoverVisible}
onOpenChange={setPopoverVisible}
>