完整性更新

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

src/modules/dashboard/components/teacher-dashboard/teacher-classes-card.tsx

@@ -0,0 +1,86 @@
+import Link from "next/link"
+import { Users } from "lucide-react"
+
+import { Badge } from "@/shared/components/ui/badge"
+import { Button } from "@/shared/components/ui/button"
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/components/ui/card"
+import { EmptyState } from "@/shared/components/ui/empty-state"
+import type { TeacherClass } from "@/modules/classes/types"
+
+export function TeacherClassesCard({ classes }: { classes: TeacherClass[] }) {
+  const totalStudents = classes.reduce((sum, c) => sum + (c.studentCount ?? 0), 0)
+  const topClassesByStudents = [...classes].sort((a, b) => (b.studentCount ?? 0) - (a.studentCount ?? 0)).slice(0, 8)
+  const maxStudentCount = Math.max(1, ...topClassesByStudents.map((c) => c.studentCount ?? 0))
+
+  return (
+    <Card>
+      <CardHeader className="flex flex-row items-center justify-between">
+        <CardTitle className="text-base flex items-center gap-2">
+          <Users className="h-4 w-4 text-muted-foreground" />
+          My Classes
+        </CardTitle>
+        <Button asChild variant="outline" size="sm">
+          <Link href="/teacher/classes/my">View all</Link>
+        </Button>
+      </CardHeader>
+      <CardContent className="grid gap-3">
+        {classes.length === 0 ? (
+          <EmptyState
+            icon={Users}
+            title="No classes yet"
+            description="Create a class to start managing students and schedules."
+            action={{ label: "Create class", href: "/teacher/classes/my" }}
+            className="border-none h-72"
+          />
+        ) : (
+          <>
+            {topClassesByStudents.length > 0 ? (
+              <div className="rounded-md border bg-card p-4">
+                <div className="flex items-center justify-between">
+                  <div className="text-sm font-medium">Students by class</div>
+                  <div className="text-xs text-muted-foreground tabular-nums">Total {totalStudents}</div>
+                </div>
+                <div className="mt-3 grid gap-2">
+                  {topClassesByStudents.map((c) => {
+                    const count = c.studentCount ?? 0
+                    const pct = Math.max(0, Math.min(100, (count / maxStudentCount) * 100))
+                    return (
+                      <div key={c.id} className="grid grid-cols-[minmax(0,1fr)_120px_52px] items-center gap-3">
+                        <div className="truncate text-sm">{c.name}</div>
+                        <div className="h-2 rounded-full bg-muted">
+                          <div className="h-2 rounded-full bg-primary" style={{ width: `${pct}%` }} />
+                        </div>
+                        <div className="text-right text-xs tabular-nums text-muted-foreground">{count}</div>
+                      </div>
+                    )
+                  })}
+                </div>
+              </div>
+            ) : null}
+
+            {classes.slice(0, 6).map((c) => (
+              <Link
+                key={c.id}
+                href={`/teacher/classes/my/${encodeURIComponent(c.id)}`}
+                className="flex items-center justify-between rounded-md border bg-card px-4 py-3 hover:bg-muted/50"
+              >
+                <div className="min-w-0">
+                  <div className="font-medium truncate">{c.name}</div>
+                  <div className="text-sm text-muted-foreground">
+                    {c.grade}
+                    {c.homeroom ? ` · ${c.homeroom}` : ""}
+                    {c.room ? ` · ${c.room}` : ""}
+                  </div>
+                </div>
+                <Badge variant="outline" className="flex items-center gap-1">
+                  <Users className="h-3 w-3" />
+                  {c.studentCount} students
+                </Badge>
+              </Link>
+            ))}
+          </>
+        )}
+      </CardContent>
+    </Card>
+  )
+}