完整性更新

现在已经实现了大部分基础功能

src/modules/dashboard/components/teacher-dashboard/teacher-stats.tsx

@@ -0,0 +1,86 @@
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/components/ui/card";
+import { Users, BookOpen, FileCheck, Calendar } from "lucide-react";
+import { Skeleton } from "@/shared/components/ui/skeleton";
+
+interface TeacherStatsProps {
+  totalStudents: number;
+  classCount: number;
+  toGradeCount: number;
+  todayScheduleCount: number;
+  isLoading?: boolean;
+}
+
+export function TeacherStats({
+  totalStudents,
+  classCount,
+  toGradeCount,
+  todayScheduleCount,
+  isLoading = false,
+}: TeacherStatsProps) {
+  if (isLoading) {
+    return (
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+        {Array.from({ length: 4 }).map((_, i) => (
+          <Card key={i}>
+            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+              <Skeleton className="h-4 w-[100px]" />
+              <Skeleton className="h-4 w-4 rounded-full" />
+            </CardHeader>
+            <CardContent>
+              <Skeleton className="h-8 w-[60px] mb-2" />
+              <Skeleton className="h-3 w-[140px]" />
+            </CardContent>
+          </Card>
+        ))}
+      </div>
+    );
+  }
+
+  const stats = [
+    {
+      title: "Total Students",
+      value: String(totalStudents),
+      description: "Across all your classes",
+      icon: Users,
+    },
+    {
+      title: "My Classes",
+      value: String(classCount),
+      description: "Active classes you manage",
+      icon: BookOpen,
+    },
+    {
+      title: "To Grade",
+      value: String(toGradeCount),
+      description: "Submitted homework waiting for grading",
+      icon: FileCheck,
+    },
+    {
+      title: "Today",
+      value: String(todayScheduleCount),
+      description: "Scheduled items today",
+      icon: Calendar,
+    },
+  ] as const;
+
+  return (
+    <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+      {stats.map((stat, i) => (
+        <Card key={i}>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">
+              {stat.title}
+            </CardTitle>
+            <stat.icon className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{stat.value}</div>
+            <p className="text-xs text-muted-foreground">
+              {stat.description}
+            </p>
+          </CardContent>
+        </Card>
+      ))}
+    </div>
+  );
+}