[V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Progress } from "@/components/ui/progress" import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs" import { ScrollArea } from "@/components/ui/scroll-area" import { TrendingUp, TrendingDown, DollarSign, PieChart, BarChart3, Shield, FileText, Wallet, Activity, AlertTriangle, CheckCircle, Clock, } from "lucide-react" export default function AAFundManagement() { const [activeTab, setActiveTab] = useState("dashboard") // Mock data const fundData = { totalAssets: "¥12,580,000", totalReturn: "+8.5%", monthlyReturn: "+2.3%", riskLevel: "中等", funds: [ { name: "AA成长基金", value: "¥4,200,000", return: "+12.3%", risk: "高" }, { name: "AA稳健基金", value: "¥3,800,000", return: "+6.8%", risk: "低" }, { name: "AA平衡基金", value: "¥2,900,000", return: "+9.1%", risk: "中" }, { name: "AA债券基金", value: "¥1,680,000", return: "+4.2%", risk: "低" }, ], recentTransactions: [ { type: "买入", fund: "AA成长基金", amount: "¥50,000", time: "2小时前" }, { type: "赎回", fund: "AA稳健基金", amount: "¥30,000", time: "1天前" }, { type: "分红", fund: "AA平衡基金", amount: "¥8,500", time: "3天前" }, ], } const DashboardView = () => (

{/* 总览卡片 */}

总资产

{fundData.totalAssets}

{fundData.totalReturn}

月收益率

{fundData.monthlyReturn}

本月表现

{/* 风险评估 */} 风险评估

整体风险等级 {fundData.riskLevel}

低风险高风险

{/* 基金组合 */} 基金组合

{fundData.funds.map((fund, index) => (

{fund.name}

{fund.value}

{fund.return}

{fund.risk}风险

))}

) const PerformanceView = () => (

收益表现

+8.5%

总收益

+2.3%

月收益

+0.8%

周收益

收益趋势图

基金排行

{fundData.funds .sort( (a, b) => Number.parseFloat(b.return.replace("%", "").replace("+", "")) - Number.parseFloat(a.return.replace("%", "").replace("+", "")), ) .map((fund, index) => (

{index + 1}

{fund.name}

{fund.value}

{fund.return}

))}

) const TransactionsView = () => (

AA托管基金管理

{/* Main Content */}

{activeTab === "dashboard" && } {activeTab === "performance" && } {activeTab === "transactions" && } {activeTab === "reports" && }

{/* Bottom Navigation */}

总览收益交易报告

) }