连接状态: {isConnected ? '已连接' : '未连接'}
-
+
+
+
+
+
+
);
}
```
-### 消息格式
+### 消息格式（v2.0.0）
```javascript
{
- type: 'trade_alert', // 消息类型
- severity: 'info', // 'success' | 'error' | 'warning' | 'info'
- title: '通知标题', // 主标题
- message: '详细消息内容', // 详细内容
- timestamp: Date.now(), // 时间戳（自动生成）
- autoClose: 8000, // 自动关闭时长（毫秒），0 或 false 表示不自动关闭
- id: 'unique_id' // 唯一ID（自动生成）
+ // 必填字段
+ type: 'announcement' | 'stock_alert' | 'event_alert' | 'analysis_report',
+ priority: 'urgent' | 'important' | 'normal',
+ title: '通知标题',
+ content: '详细消息内容',
+
+ // 时间字段
+ publishTime: 1711611000000, // 发布时间（毫秒时间戳）
+ pushTime: Date.now(), // 推送时间（毫秒时间戳）
+
+ // 元数据
+ isAIGenerated: false, // 是否 AI 生成（显示 AI 徽章）
+ clickable: true, // 是否可点击
+ link: '/event-detail/ann001', // 点击跳转链接
+
+ // 作者信息（仅 analysis_report 需要）
+ author: {
+ name: '李明',
+ organization: '中信证券',
+ },
+
+ // 额外信息（自定义，根据类型不同）
+ extra: {
+ // announcement
+ announcementType: '财报',
+ companyCode: '600519',
+
+ // stock_alert
+ stockCode: '300750',
+ priceChange: '+5.2%', // 💡 重要：涨跌判断依据
+ currentPrice: '245.50',
+
+ // event_alert
+ eventId: 'evt001',
+ relatedStocks: 12,
+ impactLevel: '重大利好',
+
+ // analysis_report
+ reportType: '行业研报',
+ industry: '医药',
+ rating: '强烈推荐',
+
+ // 🆕 预测通知专用字段
+ isPrediction: true, // 是否为预测通知（显示"预测"徽章）
+ statusHint: '详细报告生成中...', // 状态提示文字（可选）
+ relatedPredictionId: 'pred_001', // 关联预测ID（用于追溯，可选）
+ },
+
+ // 自动关闭
+ autoClose: 10000, // 毫秒，0 或 false 表示不自动关闭
+
+ // 自动生成字段（无需手动设置）
+ id: 'unique_id', // 自动生成
+ timestamp: Date.now(), // 自动生成
}
```
@@ -206,19 +762,91 @@ function MyComponent() {
在 `src/services/mockSocketService.js` 中可以配置：
```javascript
-// 修改模拟数据
-const mockTradeAlerts = [
+// 修改模拟数据（14 条金融资讯）
+const mockFinancialNews = [
+ // 3 条公告通知
{
- severity: 'success',
- title: '自定义标题',
- message: '自定义消息',
- autoClose: 8000,
+ type: NOTIFICATION_TYPES.ANNOUNCEMENT,
+ priority: PRIORITY_LEVELS.IMPORTANT,
+ title: '贵州茅台发布2024年度财报公告',
+ content: '2024年度营收同比增长15.2%，净利润创历史新高...',
+ // ...
+ },
+
+ // 3 条股票动向
+ {
+ type: NOTIFICATION_TYPES.STOCK_ALERT,
+ priority: PRIORITY_LEVELS.URGENT,
+ title: '您关注的股票触发预警',
+ content: '宁德时代(300750) 当前价格 ¥245.50，涨幅 +5.2%...',
+ extra: {
+ priceChange: '+5.2%', // 红色（涨）
+ },
+ // ...
+ },
+
+ // 3 条事件动向
+ {
+ type: NOTIFICATION_TYPES.EVENT_ALERT,
+ priority: PRIORITY_LEVELS.IMPORTANT,
+ title: '央行宣布降准0.5个百分点',
+ // ...
+ },
+
+ // 4 条分析报告（2 条人工 + 2 条 AI）
+ {
+ type: NOTIFICATION_TYPES.ANALYSIS_REPORT,
+ priority: PRIORITY_LEVELS.IMPORTANT,
+ author: {
+ name: '李明',
+ organization: '中信证券',
+ },
+ isAIGenerated: false,
+ // ...
+ },
+ {
+ type: NOTIFICATION_TYPES.ANALYSIS_REPORT,
+ author: {
+ name: 'AI分析师',
+ organization: '价值前沿',
+ },
+ isAIGenerated: true, // AI 徽章
+ // ...
},
- // 添加更多...
];
// 调整推送频率
-socket.startMockPush(20000, 2); // 每20秒推送1-2条
+socket.startMockPush(15000, 1); // 每15秒推送1条
+```
+
+### 通知类型常量配置
+
+在 `src/constants/notificationTypes.js` 中可以修改：
+
+```javascript
+// 修改类型配色
+export const NOTIFICATION_TYPE_CONFIGS = {
+ [NOTIFICATION_TYPES.ANNOUNCEMENT]: {
+ name: '公告通知',
+ icon: MdCampaign,
+ colorScheme: 'blue', // 修改颜色主题
+ bg: 'blue.50',
+ borderColor: 'blue.400',
+ iconColor: 'blue.500',
+ hoverBg: 'blue.100',
+ },
+ // ...
+};
+
+// 修改优先级标签
+export const PRIORITY_CONFIGS = {
+ [PRIORITY_LEVELS.URGENT]: {
+ label: '紧急',
+ colorScheme: 'red',
+ show: true,
+ },
+ // ...
+};
```
### NotificationContext 配置
@@ -241,6 +869,12 @@ audioRef.current.volume = 0.5; // 0.0 - 1.0
在 `src/components/NotificationContainer/index.js` 中：
```javascript
+// 调整通知宽度（默认 400px）
+