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

feat: 重构 TradingSimulation 和 Dashboard 组件

Browse Source
This commit is contained in:
zdl
2025-10-18 09:03:10 +08:00
parent ea627f867e
commit 32121c416e
8 changed files with 119 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/views/Dashboard/components/InvestmentCalendarChakra.js
View File

@@ -54,6 +54,7 @@ import dayGridPlugin from '@fullcalendar/daygrid';
import interactionPlugin from '@fullcalendar/interaction';
import moment from 'moment';
import 'moment/locale/zh-cn';
import { logger } from '../../../utils/logger';
import './InvestmentCalendar.css';
moment.locale('zh-cn');
@@ -86,10 +87,10 @@ export default function InvestmentCalendarChakra() {
try {
setLoading(true);
const base = (process.env.NODE_ENV === 'production' ? '' : process.env.REACT_APP_API_URL || 'http://49.232.185.254:5001');
// 直接加载用户相关的事件（投资计划 + 关注的未来事件）
const userResponse = await fetch(base + '/api/account/calendar/events', {
credentials: 'include'
const userResponse = await fetch(base + '/api/account/calendar/events', {
credentials: 'include'
});
if (userResponse.ok) {
@@ -110,20 +111,18 @@ export default function InvestmentCalendarChakra() {
}));
setEvents(allEvents);
logger.debug('InvestmentCalendar', '日历事件加载成功', {
count: allEvents.length
});
}
}
} catch (error) {
console.error('加载日历事件失败:', error);
toast({
title: '加载失败',
description: '无法加载日历事件',
status: 'error',
duration: 3000,
});
logger.error('InvestmentCalendar', 'loadEvents', error);
// ❌ 移除数据加载失败 toast（非关键操作）
} finally {
setLoading(false);
}
}, [toast]);
}, []); // ✅ 移除 toast 依赖
useEffect(() => {
loadEvents();
@@ -170,7 +169,7 @@ export default function InvestmentCalendarChakra() {
const handleAddEvent = async () => {
try {
const base = (process.env.NODE_ENV === 'production' ? '' : process.env.REACT_APP_API_URL || 'http://49.232.185.254:5001');
const eventData = {
...newEvent,
event_date: (selectedDate ? selectedDate.format('YYYY-MM-DD') : moment().format('YYYY-MM-DD')),
@@ -189,6 +188,10 @@ export default function InvestmentCalendarChakra() {
if (response.ok) {
const data = await response.json();
if (data.success) {
logger.info('InvestmentCalendar', '添加事件成功', {
eventTitle: eventData.title,
eventDate: eventData.event_date
});
toast({
title: '添加成功',
description: '投资计划已添加',
@@ -207,7 +210,9 @@ export default function InvestmentCalendarChakra() {
}
}
} catch (error) {
console.error('添加事件失败:', error);
logger.error('InvestmentCalendar', 'handleAddEvent', error, {
eventTitle: newEvent?.title
});
toast({
title: '添加失败',
description: '无法添加投资计划',
@@ -220,6 +225,7 @@ export default function InvestmentCalendarChakra() {
// 删除用户事件
const handleDeleteEvent = async (eventId) => {
if (!eventId) {
logger.warn('InvestmentCalendar', '删除事件失败', '缺少事件 ID', { eventId });
toast({
title: '无法删除',
description: '缺少事件 ID',
@@ -230,13 +236,14 @@ export default function InvestmentCalendarChakra() {
}
try {
const base = (process.env.NODE_ENV === 'production' ? '' : process.env.REACT_APP_API_URL || 'http://49.232.185.254:5001');
const response = await fetch(base + `/api/account/calendar/events/${eventId}`, {
method: 'DELETE',
credentials: 'include',
});
if (response.ok) {
logger.info('InvestmentCalendar', '删除事件成功', { eventId });
toast({
title: '删除成功',
status: 'success',
@@ -245,7 +252,7 @@ export default function InvestmentCalendarChakra() {
loadEvents();
}
} catch (error) {
console.error('删除事件失败:', error);
logger.error('InvestmentCalendar', 'handleDeleteEvent', error, { eventId });
toast({
title: '删除失败',
status: 'error',