diff --git a/src/views/Company/components/CompanyOverview/NewsEventsTab.js b/src/views/Company/components/CompanyOverview/NewsEventsTab.js index e66f7d34..8af0b000 100644 --- a/src/views/Company/components/CompanyOverview/NewsEventsTab.js +++ b/src/views/Company/components/CompanyOverview/NewsEventsTab.js @@ -2,6 +2,7 @@ // 新闻动态 Tab - 相关新闻事件列表 + 分页 import React from "react"; +import { useNavigate } from "react-router-dom"; import { Box, VStack, @@ -35,6 +36,7 @@ import { FaChevronLeft, FaChevronRight, } from "react-icons/fa"; +import { getEventDetailUrl } from "@/utils/idEncoder"; // 黑金主题配色 const THEME_PRESETS = { @@ -120,9 +122,18 @@ const NewsEventsTab = ({ cardBg, themePreset = "default", }) => { + const navigate = useNavigate(); + // 获取主题配色 const theme = THEME_PRESETS[themePreset] || THEME_PRESETS.default; const isBlackGold = themePreset === "blackGold"; + + // 点击事件卡片,跳转到详情页 + const handleEventClick = (eventId) => { + if (eventId) { + navigate(getEventDetailUrl(eventId)); + } + }; // 事件类型图标映射 const getEventTypeIcon = (eventType) => { const iconMap = { @@ -312,6 +323,8 @@ const NewsEventsTab = ({ variant="outline" bg={theme.cardBg} borderColor={theme.cardBorder} + cursor="pointer" + onClick={() => handleEventClick(event.id)} _hover={{ bg: theme.cardHoverBg, shadow: "md",