fix: 恢复原有涨跌幅样式,将周涨幅改为超预期得分

- 恢复HorizontalDynamicNewsEventCard使用StockChangeIndicators组件
- 修改StockChangeIndicators:周涨幅→超预期得分,平均涨幅→平均超额,最大涨幅→最大超额
- 超预期得分显示为分数形式(如60分),根据分数显示不同颜色
This commit is contained in:
2025-12-03 08:38:17 +08:00
parent 1f592b6775
commit f7f9774caa
2 changed files with 91 additions and 13 deletions

View File

@@ -22,7 +22,7 @@ import dayjs from 'dayjs';
import ImportanceStamp from './ImportanceStamp';
import EventTimeline from './EventTimeline';
import EventFollowButton from './EventFollowButton';
import EventPriceDisplay from './EventPriceDisplay';
import StockChangeIndicators from '../../../../components/StockChangeIndicators';
import KeywordsCarousel from './KeywordsCarousel';
/**
@@ -38,6 +38,7 @@ import KeywordsCarousel from './KeywordsCarousel';
* @param {Function} props.onToggleFollow - 切换关注事件
* @param {Object} props.timelineStyle - 时间轴样式配置
* @param {string} props.borderColor - 边框颜色
* @param {string} props.indicatorSize - 涨幅指标尺寸 ('default' | 'comfortable' | 'large')
* @param {string} props.layout - 布局模式 ('vertical' | 'four-row'),影响时间轴竖线高度
*/
const HorizontalDynamicNewsEventCard = React.memo(({
@@ -51,6 +52,7 @@ const HorizontalDynamicNewsEventCard = React.memo(({
onToggleFollow,
timelineStyle,
borderColor: timelineBorderColor,
indicatorSize = 'comfortable',
layout = 'vertical',
}) => {
const importance = getImportanceConfig(event.importance);
@@ -243,12 +245,12 @@ const HorizontalDynamicNewsEventCard = React.memo(({
</Box>
</Tooltip>
{/* 第二行:最大超额 + 超预期得分 */}
<EventPriceDisplay
avgChange={event.related_avg_chg}
{/* 第二行:涨跌幅数据 */}
<StockChangeIndicators
maxChange={event.related_max_chg}
avgChange={event.related_avg_chg}
expectationScore={event.expectation_surprise_score}
compact={false}
size={indicatorSize}
/>
</VStack>
</CardBody>