feat(app): add error/loading boundaries across all dashboard routes and new routes
- Add error.tsx and loading.tsx boundaries for admin, parent, student, teacher routes - Add admin announcements edit, audit-logs overview, curriculum-map, invitation-codes, permissions, questions, roles routes - Add admin elective detail and components, files, course-plans, users, scheduling boundaries - Add messages group-compose route - Add parent course-plans, elective, grades report-card, practice routes - Add student course-plans, elective detail, error-book dialogs, grades report-card, learning study-path, leave, schedule boundaries - Add teacher attendance report, classes boundaries, course-plans boundaries, elective, exams analytics/edit-rich/all/create/new, grades report-card, homework boundaries, leave, lesson-plans calendar - Add auth loading, onboarding loading, api cron
This commit is contained in:
7
src/app/(dashboard)/teacher/attendance/stats/error.tsx
Normal file
7
src/app/(dashboard)/teacher/attendance/stats/error.tsx
Normal file
@@ -0,0 +1,7 @@
|
||||
"use client"
|
||||
|
||||
import { RouteErrorBoundary } from "@/shared/components/route-error"
|
||||
|
||||
export default function AttendanceStatsError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
|
||||
return <RouteErrorBoundary reset={reset} namespace="attendance" />
|
||||
}
|
||||
@@ -1,13 +1,20 @@
|
||||
import type { JSX } from "react"
|
||||
import Link from "next/link"
|
||||
import { getTranslations } from "next-intl/server"
|
||||
import { requirePermission } from "@/shared/lib/auth-guard"
|
||||
import { Permissions } from "@/shared/types/permissions"
|
||||
import { getTeacherClasses } from "@/modules/classes/data-access"
|
||||
import { getClassAttendanceStats } from "@/modules/attendance/data-access-stats"
|
||||
import { getClassAttendanceStats, getClassAttendanceWarnings, getAttendanceTrend } from "@/modules/attendance/data-access-stats"
|
||||
import { AttendanceStatsCard } from "@/modules/attendance/components/attendance-stats-card"
|
||||
import { AttendanceRecordList } from "@/modules/attendance/components/attendance-record-list"
|
||||
import { AttendanceStatsClassSelector } from "@/modules/attendance/components/attendance-stats-class-selector"
|
||||
import { AttendanceWarningsCard } from "@/modules/attendance/components/attendance-warnings-card"
|
||||
import { AttendanceTrendChart } from "@/modules/attendance/components/attendance-trend-chart"
|
||||
import type { TrendGranularity } from "@/modules/attendance/trend-compute"
|
||||
import { Button } from "@/shared/components/ui/button"
|
||||
import { EmptyState } from "@/shared/components/ui/empty-state"
|
||||
import { getParam, type SearchParams } from "@/shared/lib/search-params"
|
||||
import { BarChart3 } from "lucide-react"
|
||||
import { BarChart3, FileText } from "lucide-react"
|
||||
|
||||
export const dynamic = "force-dynamic"
|
||||
|
||||
@@ -16,12 +23,19 @@ export default async function AttendanceStatsPage({
|
||||
}: {
|
||||
searchParams: Promise<SearchParams>
|
||||
}): Promise<JSX.Element> {
|
||||
await requirePermission(Permissions.ATTENDANCE_READ)
|
||||
const t = await getTranslations("attendance")
|
||||
const sp = await searchParams
|
||||
|
||||
const classId = getParam(sp, "classId")
|
||||
const startDate = getParam(sp, "startDate")
|
||||
const endDate = getParam(sp, "endDate")
|
||||
// L-4:趋势粒度(默认 weekly)
|
||||
const granularityParam = getParam(sp, "granularity")
|
||||
const granularity: TrendGranularity =
|
||||
granularityParam === "daily" || granularityParam === "monthly"
|
||||
? granularityParam
|
||||
: "weekly"
|
||||
|
||||
const classes = await getTeacherClasses()
|
||||
|
||||
@@ -44,19 +58,28 @@ export default async function AttendanceStatsPage({
|
||||
|
||||
const targetClassId = classId ?? classes[0].id
|
||||
|
||||
const summary = await getClassAttendanceStats(
|
||||
targetClassId,
|
||||
startDate,
|
||||
endDate
|
||||
)
|
||||
// 并行获取统计、预警、趋势三个独立查询
|
||||
const [summary, warnings, trend] = await Promise.all([
|
||||
getClassAttendanceStats(targetClassId, startDate, endDate),
|
||||
getClassAttendanceWarnings(targetClassId, startDate, endDate),
|
||||
getAttendanceTrend(targetClassId, granularity, startDate, endDate),
|
||||
])
|
||||
|
||||
const classOptions = classes.map((c) => ({ id: c.id, name: c.name }))
|
||||
|
||||
return (
|
||||
<div className="h-full flex-1 flex-col space-y-8 p-8 md:flex">
|
||||
<div>
|
||||
<h1 className="text-2xl font-bold tracking-tight">{t("title.teacherStats")}</h1>
|
||||
<p className="text-muted-foreground">{t("description.teacherStats")}</p>
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 className="text-2xl font-bold tracking-tight">{t("title.teacherStats")}</h1>
|
||||
<p className="text-muted-foreground">{t("description.teacherStats")}</p>
|
||||
</div>
|
||||
<Button asChild variant="outline">
|
||||
<Link href={`/teacher/attendance/report?classId=${targetClassId}${startDate ? `&startDate=${startDate}` : ""}${endDate ? `&endDate=${endDate}` : ""}`}>
|
||||
<FileText className="mr-2 h-4 w-4" />
|
||||
{t("report.title")}
|
||||
</Link>
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<AttendanceStatsClassSelector
|
||||
@@ -69,6 +92,8 @@ export default async function AttendanceStatsPage({
|
||||
{summary ? (
|
||||
<>
|
||||
<AttendanceStatsCard stats={summary.stats} />
|
||||
<AttendanceWarningsCard summary={warnings} />
|
||||
<AttendanceTrendChart summary={trend} granularity={granularity} />
|
||||
<div>
|
||||
<h2 className="mb-4 text-lg font-semibold">{t("stats.studentRecords")}</h2>
|
||||
<AttendanceRecordList records={summary.studentRecords} />
|
||||
|
||||
Reference in New Issue
Block a user