新增提示Toast组件

app/routes/_index.tsx

@@ -9,6 +9,7 @@ import { Tag } from "~/components/ui/Tag";
 import homeStyles from "~/styles/pages/home.css?url";
 import { getDocuments, type DocumentUI } from "~/api/files/documents";
 import { useState, useEffect } from "react";
+import { getHomeData } from "~/api/home/home";
 import dayjs from 'dayjs';
 
 // 文件处理状态选项
@@ -40,13 +41,6 @@ interface StatsData {
   passRate: number;
 }
 
-
-// interface LoaderData {
-//   stats: StatsData;
-//   recentFiles: RecentFile[];
-// }
-
-
 // 模拟数据，实际项目中应该从API获取
 export async function loader() {
   try {
@@ -66,17 +60,11 @@ export async function loader() {
     console.log("recentFiles-------",recentFiles);
 
 
-    // 模拟数据
-    const stats = {
-      totalFiles: 156,
-      reviewedFiles: 124,
-      pendingFiles: 32,
-      passRate: 92.5
-    } as StatsData;
-    
+    const homeData = await getHomeData();
+    console.log("homeData-------",homeData);
 
 
-    return Response.json({ stats, recentFiles });
+    return Response.json({ homeData, recentFiles });
   } catch (error) {
     // 错误处理
     console.error('Failed to fetch dashboard data:', error);
@@ -88,7 +76,7 @@ export async function loader() {
 }
 
 export default function Index() {
-  const { stats, recentFiles } = useLoaderData<typeof loader>();
+  const { homeData, recentFiles } = useLoaderData<typeof loader>();
   const [currentDateTime, setCurrentDateTime] = useState<{
     date: string;
     time: string;
@@ -135,26 +123,26 @@ export default function Index() {
         <div className="stat-grid ">
           <StatCard 
             title="今日待审文件" 
-          value={stats.totalFiles}
-          icon="ri-file-list-3-line"
-        />
+            value={homeData.todayPendingFiles}
+            icon="ri-inbox-line"
+          />
         <StatCard 
           title="本月已审核文件" 
-          value={stats.reviewedFiles}
-          icon="ri-check-double-line"
-          trend={{ value: 5.2, isUp: true }}
+          value={homeData.monthlyReviewedFiles}
+          icon="ri-file-search-line"
+          trend={{ value: homeData.monthlyReviewGrowth.value, isUp: homeData.monthlyReviewGrowth.isUp }}
         />
         <StatCard 
-          title="审核通过率" 
-          value={stats.pendingFiles}
-          icon="ri-time-line"
-          trend={{ value: 2.1, isUp: false }}
+          title="本月审核通过率" 
+          value={homeData.monthlyPassRate}
+          icon="ri-percent-line"
+          trend={{ value: homeData.passRateGrowth.value, isUp: homeData.passRateGrowth.isUp }}
         />
         <StatCard 
-          title="问题检出数" 
-          value={`${stats.passRate}%`}
-          icon="ri-pie-chart-line"
-          trend={{ value: 1.5, isUp: true }}
+          title="本月问题检出数" 
+          value={homeData.issuesDetected}
+          icon="ri-error-warning-line"
+          trend={{ value: homeData.issuesGrowth.value, isUp: homeData.issuesGrowth.isUp }}
         />
         </div>
       </Card>