From 55f0c9aa235280e13131c59b3934c3b3c5019c47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=94=B2=E8=BE=B0=E7=94=9F=E4=BA=A7?= <jiachenlong@local>
Date: Sat, 11 Apr 2026 19:47:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=90=E4=BA=A4=E8=A1=8C=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=8C=89=E7=BB=B4=E5=BA=A6=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/News.jsx | 42 +++++++++++++++++++++++++++++++++++--
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/News.jsx b/frontend/src/pages/News.jsx
index d469195..892899e 100644
--- a/frontend/src/pages/News.jsx
+++ b/frontend/src/pages/News.jsx
@@ -482,9 +482,47 @@ export default function News() {
         ) : (
           <div style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>
             {infoList.map(item => {
-              // 成交行情 tab - 暂时不显示内容
+              // 成交行情 tab - 按维度汇总展示
               if (activeTab === 'deal') {
-                return null
+                // 从content中解析各个字段
+                const content = item.content || ''
+                const categoryMatch = content.match(/分类:\s*(.+?)(?:\n|$)/)
+                const packagingMatch = content.match(/包装:\s*(.+?)(?:\n|$)/)
+                const platformMatch = content.match(/平台:\s*(.+?)(?:\n|$)/)
+                const sellerMatch = content.match(/出售者:\s*(.+?)(?:\n|$)/)
+                const dateMatch = content.match(/日期:\s*(.+?)(?:\n|$)/)
+                
+                const category = categoryMatch ? categoryMatch[1].trim() : item.category || '-'
+                const packaging = packagingMatch ? packagingMatch[1].trim() : item.packaging || '-'
+                const platform = platformMatch ? platformMatch[1].trim() : '-'
+                const seller = sellerMatch ? sellerMatch[1].trim() : '-'
+                const dealDate = dateMatch ? dateMatch[1].trim() : item.deal_date || '-'
+                
+                // 从冠字号判断版本（龙钞J0，马钞J1，蛇钞J3等）
+                const serial = item.title?.split('-')[0] || ''
+                let version = '其他'
+                if (serial.startsWith('J0')) version = '龙钞'
+                else if (serial.startsWith('J1')) version = '马钞'
+                else if (serial.startsWith('J3')) version = '蛇钞'
+                
+                return (
+                  <div key={item.id} style={{ background: '#1e293b', borderRadius: '12px', padding: '12px', marginBottom: '10px' }}>
+                    <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '8px' }}>
+                      <div style={{ color: '#fbbf24', fontSize: '15px', fontWeight: '600' }}>{item.title}</div>
+                      <div style={{ color: '#22c55e', fontSize: '16px', fontWeight: '700' }}>¥{item.deal_price?.toLocaleString()}</div>
+                    </div>
+                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: '6px' }}>
+                      <span style={{ background: '#3b82f6', color: '#fff', padding: '2px 8px', borderRadius: '4px', fontSize: '11px' }}>{version}</span>
+                      <span style={{ background: '#8b5cf6', color: '#fff', padding: '2px 8px', borderRadius: '4px', fontSize: '11px' }}>{packaging}</span>
+                      <span style={{ background: '#06b6d4', color: '#fff', padding: '2px 8px', borderRadius: '4px', fontSize: '11px' }}>{category}</span>
+                      <span style={{ background: '#f97316', color: '#fff', padding: '2px 8px', borderRadius: '4px', fontSize: '11px' }}>{platform}</span>
+                      <span style={{ background: '#64748b', color: '#fff', padding: '2px 8px', borderRadius: '4px', fontSize: '11px' }}>{dealDate}</span>
+                    </div>
+                    {seller && seller !== '-' && (
+                      <div style={{ color: '#94a3b8', fontSize: '12px', marginTop: '6px' }}>出售者: {seller}</div>
+                    )}
+                  </div>
+                )
               }
               
               // 解析正文中的号码特征和联系方式