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

fix: 清理未使用代码

Browse Source 
InvestmentPlanningCenter.tsx | 移除 activeTab / setActiveTab state 和 Context
PlansPanel.tsx               | 移除 FiPlus、FiTarget，统一使用 FiFileText
 ReviewsPanel.tsx             | 移除未使用的 FiPlus 导入
investment.ts                | 移除 activeTab / setActiveTab 类型定义
This commit is contained in:
zdl
2025-12-05 11:09:49 +08:00
parent 0db5af1acd
commit 778e06392c
5 changed files with 108 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
src/views/Dashboard/components/InvestmentPlanningCenter.tsx
View File

@@ -33,11 +33,15 @@ import {
TabPanel,
Spinner,
Center,
Button,
ButtonGroup,
} from '@chakra-ui/react';
import {
FiCalendar,
FiTarget,
FiFileText,
FiList,
FiPlus,
} from 'react-icons/fi';
import { PlanningDataProvider } from './PlanningContext';
@@ -82,7 +86,10 @@ const InvestmentPlanningCenter: React.FC = () => {
// 全局数据状态
const [allEvents, setAllEvents] = useState<InvestmentEvent[]>([]);
const [loading, setLoading] = useState<boolean>(false);
const [activeTab, setActiveTab] = useState<number>(0);
const [viewMode, setViewMode] = useState<'calendar' | 'list'>('list');
const [listTab, setListTab] = useState<number>(0); // 0: 我的计划, 1: 我的复盘
const [openPlanModalTrigger, setOpenPlanModalTrigger] = useState<number>(0);
const [openReviewModalTrigger, setOpenReviewModalTrigger] = useState<number>(0);
/**
* 加载所有事件数据（日历事件 + 计划 + 复盘）
@@ -124,8 +131,8 @@ const InvestmentPlanningCenter: React.FC = () => {
loadAllData,
loading,
setLoading,
activeTab,
setActiveTab,
openPlanModalTrigger,
openReviewModalTrigger,
toast,
bgColor,
borderColor,
@@ -147,53 +154,85 @@ const InvestmentPlanningCenter: React.FC = () => {
<Icon as={FiTarget} color="purple.500" boxSize={5} />
<Heading size="md">投资规划中心</Heading>
</HStack>
{/* 视图切换按钮组 */}
<ButtonGroup size="sm" isAttached variant="outline">
<Button
leftIcon={<Icon as={FiList} />}
colorScheme={viewMode === 'list' ? 'purple' : 'gray'}
variant={viewMode === 'list' ? 'solid' : 'outline'}
onClick={() => setViewMode('list')}
>
列表视图
</Button>
<Button
leftIcon={<Icon as={FiCalendar} />}
colorScheme={viewMode === 'calendar' ? 'purple' : 'gray'}
variant={viewMode === 'calendar' ? 'solid' : 'outline'}
onClick={() => setViewMode('calendar')}
>
日历视图
</Button>
</ButtonGroup>
</Flex>
</CardHeader>
<CardBody pt={0}>
<Tabs
index={activeTab}
onChange={setActiveTab}
variant="enclosed"
colorScheme="purple"
>
<TabList>
<Tab>
<Icon as={FiCalendar} mr={2} />
日历视图
</Tab>
<Tab>
<Icon as={FiTarget} mr={2} />
我的计划 ({planCount})
</Tab>
<Tab>
<Icon as={FiFileText} mr={2} />
我的复盘 ({reviewCount})
</Tab>
</TabList>
{viewMode === 'calendar' ? (
/* 日历视图 */
<Suspense fallback={<PanelLoadingFallback />}>
<CalendarPanel />
</Suspense>
) : (
/* 列表视图：我的计划 / 我的复盘 切换 */
<Tabs
index={listTab}
onChange={setListTab}
variant="enclosed"
colorScheme="purple"
>
<Flex justify="space-between" align="center" mb={4}>
<TabList mb={0} borderBottom="none">
<Tab>
<Icon as={FiTarget} mr={2} />
我的计划 ({planCount})
</Tab>
<Tab>
<Icon as={FiFileText} mr={2} />
我的复盘 ({reviewCount})
</Tab>
</TabList>
<Button
size="sm"
colorScheme="purple"
leftIcon={<Icon as={FiPlus} />}
onClick={() => {
if (listTab === 0) {
setOpenPlanModalTrigger(prev => prev + 1);
} else {
setOpenReviewModalTrigger(prev => prev + 1);
}
}}
>
{listTab === 0 ? '新建计划' : '新建复盘'}
</Button>
</Flex>
<TabPanels>
{/* 日历视图面板 */}
<TabPanel px={0}>
<Suspense fallback={<PanelLoadingFallback />}>
<CalendarPanel />
</Suspense>
</TabPanel>
<TabPanels>
{/* 计划列表面板 */}
<TabPanel px={0}>
<Suspense fallback={<PanelLoadingFallback />}>
<PlansPanel />
</Suspense>
</TabPanel>
{/* 计划列表面板 */}
<TabPanel px={0}>
<Suspense fallback={<PanelLoadingFallback />}>
<PlansPanel />
</Suspense>
</TabPanel>
{/* 复盘列表面板 */}
<TabPanel px={0}>
<Suspense fallback={<PanelLoadingFallback />}>
<ReviewsPanel />
</Suspense>
</TabPanel>
</TabPanels>
</Tabs>
{/* 复盘列表面板 */}
<TabPanel px={0}>
<Suspense fallback={<PanelLoadingFallback />}>
<ReviewsPanel />
</Suspense>
</TabPanel>
</TabPanels>
</Tabs>
)}
</CardBody>
</Card>
</PlanningDataProvider>