完整性更新

现在已经实现了大部分基础功能
2026-01-08 11:14:03 +08:00
parent 0da2eac0b4
commit 57807def37
155 changed files with 26421 additions and 1036 deletions
--- a/src/modules/dashboard/components/student-dashboard/student-grades-card.tsx
+++ b/src/modules/dashboard/components/student-dashboard/student-grades-card.tsx
@@ -0,0 +1,99 @@
+import Link from "next/link"
+import { BarChart3 } from "lucide-react"
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/components/ui/card"
+import { EmptyState } from "@/shared/components/ui/empty-state"
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/shared/components/ui/table"
+import { formatDate } from "@/shared/lib/utils"
+import type { StudentDashboardGradeProps } from "@/modules/homework/types"
+
+export function StudentGradesCard({ grades }: { grades: StudentDashboardGradeProps }) {
+  const hasGradeTrend = grades.trend.length > 0
+  const hasRecentGrades = grades.recent.length > 0
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle className="flex items-center gap-2">
+          <BarChart3 className="h-4 w-4 text-muted-foreground" />
+          Recent Grades
+        </CardTitle>
+      </CardHeader>
+      <CardContent>
+        {!hasGradeTrend ? (
+          <EmptyState
+            icon={BarChart3}
+            title="No graded work yet"
+            description="Finish and submit assignments to see your score trend."
+            className="border-none h-72"
+          />
+        ) : (
+          <div className="space-y-4">
+            <div className="rounded-md border bg-card p-4">
+              <svg viewBox="0 0 100 40" className="h-24 w-full">
+                <polyline
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                  points={grades.trend
+                    .map((p, i) => {
+                      const t = grades.trend.length > 1 ? i / (grades.trend.length - 1) : 0
+                      const x = t * 100
+                      const v = Number.isFinite(p.percentage) ? Math.max(0, Math.min(100, p.percentage)) : 0
+                      const y = 40 - (v / 100) * 40
+                      return `${x},${y}`
+                    })
+                    .join(" ")}
+                  className="text-primary"
+                />
+              </svg>
+              <div className="mt-3 flex items-center justify-between text-sm text-muted-foreground">
+                <div>
+                  Latest:{" "}
+                  <span className="font-medium text-foreground tabular-nums">
+                    {Math.round(grades.trend[grades.trend.length - 1]?.percentage ?? 0)}%
+                  </span>
+                </div>
+                <div>
+                  Points:{" "}
+                  <span className="font-medium text-foreground tabular-nums">
+                    {grades.trend[grades.trend.length - 1]?.score ?? 0}/{grades.trend[grades.trend.length - 1]?.maxScore ?? 0}
+                  </span>
+                </div>
+              </div>
+            </div>
+
+            {!hasRecentGrades ? null : (
+              <div className="rounded-md border bg-card">
+                <Table>
+                  <TableHeader>
+                    <TableRow className="bg-muted/50">
+                      <TableHead className="text-xs font-medium uppercase text-muted-foreground">Assignment</TableHead>
+                      <TableHead className="text-xs font-medium uppercase text-muted-foreground">Score</TableHead>
+                      <TableHead className="text-xs font-medium uppercase text-muted-foreground">When</TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {grades.recent.map((r) => (
+                      <TableRow key={r.assignmentId} className="h-12">
+                        <TableCell className="font-medium">
+                          <Link href={`/student/learning/assignments/${r.assignmentId}`} className="hover:underline">
+                            {r.assignmentTitle}
+                          </Link>
+                        </TableCell>
+                        <TableCell className="tabular-nums">
+                          {r.score}/{r.maxScore} <span className="text-muted-foreground">({Math.round(r.percentage)}%)</span>
+                        </TableCell>
+                        <TableCell className="text-muted-foreground">{formatDate(r.submittedAt)}</TableCell>
+                      </TableRow>
+                    ))}
+                  </TableBody>
+                </Table>
+              </div>
+            )}
+          </div>
+        )}
+      </CardContent>
+    </Card>
+  )
+}