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

update pay ui

Browse Source
This commit is contained in:
zzlgreat
2025-12-03 13:43:55 +08:00
parent 9a6230e51e
commit 51ed56726c
5 changed files with 51 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/views/Community/components/DynamicNewsDetail/DynamicNewsDetailPanel.js
View File

@@ -14,12 +14,9 @@ import {
Center,
Wrap,
WrapItem,
Icon,
Progress,
useColorModeValue,
useToast,
} from '@chakra-ui/react';
import { FaChartLine } from 'react-icons/fa';
import { getImportanceConfig } from '../../../../constants/importanceLevels';
import { eventService } from '../../../../services/eventService';
import { useEventStocks } from '../StockDetailPanel/hooks/useEventStocks';
@@ -338,76 +335,6 @@ const DynamicNewsDetailPanel = ({ event, showHeader = true }) => {
{/* 事件描述 */}
<EventDescriptionSection description={event.description} />
{/* 超预期得分显示 - 参考历史事件对比的样式 */}
{expectationScore != null && expectationScore > 0 && (
<Box
p={3}
bg={useColorModeValue(
expectationScore >= 60 ? 'red.50' : expectationScore >= 40 ? 'orange.50' : 'yellow.50',
expectationScore >= 60 ? 'red.900' : expectationScore >= 40 ? 'orange.900' : 'yellow.900'
)}
borderColor={useColorModeValue(
expectationScore >= 60 ? 'red.200' : expectationScore >= 40 ? 'orange.200' : 'yellow.200',
expectationScore >= 60 ? 'red.700' : expectationScore >= 40 ? 'orange.700' : 'yellow.700'
)}
borderWidth="1px"
borderRadius="md"
>
<HStack spacing={3} justify="space-between">
<HStack spacing={2}>
<Icon
as={FaChartLine}
color={useColorModeValue(
expectationScore >= 60 ? 'red.600' : expectationScore >= 40 ? 'orange.600' : 'yellow.600',
expectationScore >= 60 ? 'red.300' : expectationScore >= 40 ? 'orange.300' : 'yellow.300'
)}
boxSize="18px"
/>
<Text
fontSize="sm"
fontWeight="bold"
color={useColorModeValue(
expectationScore >= 60 ? 'red.700' : expectationScore >= 40 ? 'orange.700' : 'yellow.800',
expectationScore >= 60 ? 'red.200' : expectationScore >= 40 ? 'orange.200' : 'yellow.200'
)}
>
超预期得分
</Text>
</HStack>
<HStack spacing={3} flex={1} maxW="200px">
<Progress
value={expectationScore}
max={100}
size="sm"
flex={1}
colorScheme={expectationScore >= 60 ? 'red' : expectationScore >= 40 ? 'orange' : 'yellow'}
borderRadius="full"
bg={useColorModeValue('gray.200', 'gray.600')}
/>
<Text
fontSize="lg"
fontWeight="bold"
color={useColorModeValue(
expectationScore >= 60 ? 'red.600' : expectationScore >= 40 ? 'orange.600' : 'yellow.700',
expectationScore >= 60 ? 'red.300' : expectationScore >= 40 ? 'orange.300' : 'yellow.300'
)}
minW="40px"
textAlign="right"
>
{expectationScore}
</Text>
</HStack>
</HStack>
<Text
fontSize="xs"
color={useColorModeValue('gray.600', 'gray.400')}
mt={1}
>
基于历史事件判断当前事件的超预期情况，满分100分
</Text>
</Box>
)}
{/* 相关股票（可折叠） - 懒加载 - 需要 PRO 权限 - 支持精简/详细模式 */}
<CollapsibleSection
title="相关股票"