feat：删除不必要组件
This commit is contained in:
zdl
@@ -1,201 +0,0 @@
|
||||
// src/views/Community/components/DynamicNewsDetailPanel.js
|
||||
// 动态新闻详情面板组件（固定展示，非弹窗）
|
||||
|
||||
import React from 'react';
|
||||
import {
|
||||
Box,
|
||||
Card,
|
||||
CardBody,
|
||||
VStack,
|
||||
HStack,
|
||||
Text,
|
||||
Badge,
|
||||
Tag,
|
||||
Divider,
|
||||
Heading,
|
||||
List,
|
||||
ListItem,
|
||||
Button,
|
||||
useColorModeValue,
|
||||
} from '@chakra-ui/react';
|
||||
import moment from 'moment';
|
||||
import { getImportanceConfig } from '../../../constants/importanceLevels';
|
||||
import HistoricalEvents from '../../EventDetail/components/HistoricalEvents';
|
||||
import TransmissionChainAnalysis from '../../EventDetail/components/TransmissionChainAnalysis';
|
||||
import { eventService } from '../../../services/eventService';
|
||||
|
||||
/**
|
||||
* 动态新闻详情面板组件
|
||||
* @param {Object} props
|
||||
* @param {Object} props.event - 事件对象（包含详情数据）
|
||||
*/
|
||||
const DynamicNewsDetailPanel = ({ event }) => {
|
||||
const cardBg = useColorModeValue('white', 'gray.800');
|
||||
const borderColor = useColorModeValue('gray.200', 'gray.700');
|
||||
const headingColor = useColorModeValue('gray.700', 'gray.200');
|
||||
const textColor = useColorModeValue('gray.600', 'gray.400');
|
||||
|
||||
if (!event) {
|
||||
return (
|
||||
<Card bg={cardBg} borderColor={borderColor} borderWidth="1px">
|
||||
<CardBody>
|
||||
<Text color={textColor} textAlign="center">请选择一个事件查看详情</Text>
|
||||
</CardBody>
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
|
||||
const importance = getImportanceConfig(event.importance);
|
||||
|
||||
// 渲染涨跌幅标签
|
||||
const renderPriceTag = (value, label) => {
|
||||
if (value === null || value === undefined) return `${label}: --`;
|
||||
|
||||
const color = value > 0 ? 'red' : value < 0 ? 'green' : 'gray';
|
||||
const prefix = value > 0 ? '+' : '';
|
||||
|
||||
return (
|
||||
<Tag colorScheme={color} mr={2}>
|
||||
{label}: {prefix}{value.toFixed(2)}%
|
||||
</Tag>
|
||||
);
|
||||
};
|
||||
|
||||
return (
|
||||
<Card bg={cardBg} borderColor={borderColor} borderWidth="1px">
|
||||
<CardBody>
|
||||
<VStack align="stretch" spacing={4}>
|
||||
{/* 标题 */}
|
||||
<Heading size="md" color={headingColor}>
|
||||
{event.title}
|
||||
</Heading>
|
||||
|
||||
<Divider />
|
||||
|
||||
{/* 基本信息 */}
|
||||
<VStack align="stretch" spacing={2}>
|
||||
<HStack spacing={4} flexWrap="wrap">
|
||||
<Text fontSize="sm" color={textColor}>
|
||||
<strong>创建时间：</strong>
|
||||
{moment(event.created_at).format('YYYY-MM-DD HH:mm:ss')}
|
||||
</Text>
|
||||
<Text fontSize="sm" color={textColor}>
|
||||
<strong>重要性：</strong>
|
||||
<Badge colorScheme={importance.level === 'S' ? 'purple' : importance.level === 'A' ? 'red' : importance.level === 'B' ? 'orange' : 'green'} ml={1}>
|
||||
{importance.level}级
|
||||
</Badge>
|
||||
</Text>
|
||||
<Text fontSize="sm" color={textColor}>
|
||||
<strong>浏览数：</strong>{event.view_count || 0}
|
||||
</Text>
|
||||
</HStack>
|
||||
|
||||
{/* 涨跌幅统计 */}
|
||||
<HStack spacing={2} flexWrap="wrap">
|
||||
{renderPriceTag(event.related_avg_chg, '平均涨幅')}
|
||||
{renderPriceTag(event.related_max_chg, '最大涨幅')}
|
||||
{renderPriceTag(event.related_week_chg, '周涨幅')}
|
||||
</HStack>
|
||||
</VStack>
|
||||
|
||||
<Divider />
|
||||
|
||||
{/* 事件描述 */}
|
||||
{event.description && (
|
||||
<Box>
|
||||
<Heading size="sm" color={headingColor} mb={2}>
|
||||
事件描述
|
||||
</Heading>
|
||||
<Text fontSize="sm" color={textColor} lineHeight="tall">
|
||||
{event.description}
|
||||
</Text>
|
||||
</Box>
|
||||
)}
|
||||
|
||||
{/* 相关概念 */}
|
||||
{event.keywords && event.keywords.length > 0 && (
|
||||
<Box>
|
||||
<Heading size="sm" color={headingColor} mb={2}>
|
||||
相关概念
|
||||
</Heading>
|
||||
<HStack spacing={2} flexWrap="wrap">
|
||||
{event.keywords.map((keyword, index) => (
|
||||
<Tag key={index} colorScheme="blue" size="sm">
|
||||
{keyword}
|
||||
</Tag>
|
||||
))}
|
||||
</HStack>
|
||||
</Box>
|
||||
)}
|
||||
|
||||
{/* 相关股票 */}
|
||||
{event.related_stocks && event.related_stocks.length > 0 && (
|
||||
<Box>
|
||||
<Heading size="sm" color={headingColor} mb={2}>
|
||||
相关股票
|
||||
</Heading>
|
||||
<List spacing={2}>
|
||||
{event.related_stocks.map((stock, index) => (
|
||||
<ListItem
|
||||
key={index}
|
||||
p={2}
|
||||
borderWidth="1px"
|
||||
borderColor={borderColor}
|
||||
borderRadius="md"
|
||||
>
|
||||
<HStack justify="space-between">
|
||||
<VStack align="start" spacing={0}>
|
||||
<Text fontSize="sm" fontWeight="bold">
|
||||
{stock.stock_name} ({stock.stock_code})
|
||||
</Text>
|
||||
<Text fontSize="xs" color={textColor}>
|
||||
{stock.relation_desc || '相关股票'}
|
||||
</Text>
|
||||
</VStack>
|
||||
<Button
|
||||
size="sm"
|
||||
colorScheme="blue"
|
||||
onClick={() => {
|
||||
const stockCode = stock.stock_code.split('.')[0];
|
||||
window.open(`https://valuefrontier.cn/company?scode=${stockCode}`, '_blank');
|
||||
}}
|
||||
>
|
||||
查看详情
|
||||
</Button>
|
||||
</HStack>
|
||||
</ListItem>
|
||||
))}
|
||||
</List>
|
||||
</Box>
|
||||
)}
|
||||
|
||||
{/* 历史事件对比 */}
|
||||
<Box>
|
||||
<Heading size="sm" color={headingColor} mb={2}>
|
||||
历史事件对比
|
||||
</Heading>
|
||||
<HistoricalEvents
|
||||
eventId={event.id}
|
||||
eventTitle={event.title}
|
||||
historicalEvents={event.historical_events || []}
|
||||
eventService={eventService}
|
||||
/>
|
||||
</Box>
|
||||
|
||||
{/* 传导链分析 */}
|
||||
<Box>
|
||||
<Heading size="sm" color={headingColor} mb={2}>
|
||||
传导链分析
|
||||
</Heading>
|
||||
<TransmissionChainAnalysis
|
||||
eventId={event.id}
|
||||
eventService={eventService}
|
||||
/>
|
||||
</Box>
|
||||
</VStack>
|
||||
</CardBody>
|
||||
</Card>
|
||||
);
|
||||
};
|
||||
|
||||
export default DynamicNewsDetailPanel;
|
||||
Reference in New Issue
Block a user