From dcba97a12150eed67decd724d9e2c93795acb587 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Tue, 23 Dec 2025 10:54:53 +0800
Subject: [PATCH] =?UTF-8?q?fix(Center):=20EventPanel=20=E5=92=8C=20EventDe?=
 =?UTF-8?q?tailModal=20=E7=BB=86=E8=8A=82=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- EventPanel: 调整组件引用和布局
- EventDetailModal: 引入样式文件

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/views/Center/components/EventDetailModal.tsx | 3 +++
 src/views/Center/components/EventPanel.tsx       | 8 ++------
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/views/Center/components/EventDetailModal.tsx b/src/views/Center/components/EventDetailModal.tsx
index 398ee0f8..2a417e79 100644
--- a/src/views/Center/components/EventDetailModal.tsx
+++ b/src/views/Center/components/EventDetailModal.tsx
@@ -11,6 +11,7 @@ import type { Dayjs } from 'dayjs';
 import { EventCard } from './EventCard';
 import { EventEmptyState } from './EventEmptyState';
 import type { InvestmentEvent } from '@/types';
+import './EventDetailModal.less';
 
 /**
  * EventDetailModal Props
@@ -60,6 +61,8 @@ export const EventDetailModal: React.FC<EventDetailModalProps> = ({
       maskClosable={false}
       keyboard={true}
       centered
+      className="event-detail-modal"
+      rootClassName="event-detail-modal-root"
       styles={{
         body: { paddingTop: 16, paddingBottom: 24 },
       }}
diff --git a/src/views/Center/components/EventPanel.tsx b/src/views/Center/components/EventPanel.tsx
index 548d8dd7..ad0d123e 100644
--- a/src/views/Center/components/EventPanel.tsx
+++ b/src/views/Center/components/EventPanel.tsx
@@ -22,7 +22,7 @@ import { FiFileText } from 'react-icons/fi';
 
 import { usePlanningData } from './PlanningContext';
 import { EventFormModal } from './EventFormModal';
-import { EventCard } from './EventCard';
+import { FUIEventCard } from './FUIEventCard';
 import type { InvestmentEvent } from '@/types';
 import { logger } from '@/utils/logger';
 import { getApiBase } from '@/utils/apiConfig';
@@ -152,15 +152,11 @@ export const EventPanel: React.FC<EventPanelProps> = ({
         ) : (
           <Grid templateColumns={{ base: '1fr', md: 'repeat(2, 1fr)' }} gap={{ base: 3, md: 4 }}>
             {events.map(event => (
-              <EventCard
+              <FUIEventCard
                 key={event.id}
                 event={event}
-                variant="list"
                 colorScheme={colorScheme}
                 label={label}
-                textColor={textColor}
-                secondaryText={secondaryText}
-                cardBg={cardBg}
                 onEdit={handleEdit}
                 onDelete={handleDelete}
               />