Files
NextEdu/src/app/(dashboard)/teacher/diagnostic/class/[classId]/page.tsx
SpecialX 21142f9b99 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
2026-07-03 10:26:25 +08:00

72 lines
2.7 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import type { JSX } from "react"
import { notFound } from "next/navigation"
import { Stethoscope } from "lucide-react"
import { getTranslations } from "next-intl/server"
import { requirePermission } from "@/shared/lib/auth-guard"
import { Permissions } from "@/shared/types/permissions"
import { getClassMasterySummary } from "@/modules/diagnostic/data-access"
import { ClassDiagnosticView } from "@/modules/diagnostic/components/class-diagnostic-view"
import {
DiagnosticServiceProvider,
} from "@/modules/diagnostic/services/diagnostic-service-context"
import { defaultDiagnosticService } from "@/modules/diagnostic/services/default-diagnostic-service"
import { createMonitoredDiagnosticService } from "@/modules/diagnostic/services/monitored-diagnostic-service"
import {
DiagnosticMonitorProvider,
} from "@/modules/diagnostic/services/diagnostic-monitor-context"
import { noopDiagnosticMonitor } from "@/modules/diagnostic/services/diagnostic-monitor"
import { WidgetBoundary } from "@/shared/components/widget-boundary"
export const dynamic = "force-dynamic"
export default async function ClassDiagnosticPage({
params,
}: {
params: Promise<{ classId: string }>
}): Promise<JSX.Element> {
const { classId } = await params
const ctx = await requirePermission(Permissions.DIAGNOSTIC_READ)
const t = await getTranslations("diagnostic")
// DataScope 校验:教师只能查看所教班级,学生/家长不可访问
if (ctx.dataScope.type === "class_taught" && !ctx.dataScope.classIds.includes(classId)) {
notFound()
}
if (ctx.dataScope.type === "class_members" || ctx.dataScope.type === "children") {
notFound()
}
const summary = await getClassMasterySummary(classId)
if (!summary) {
notFound()
}
// v2-P2-7: 包装默认服务以添加监控埋点(默认 no-op生产环境可注入真实实现
const monitoredService = createMonitoredDiagnosticService(
defaultDiagnosticService,
noopDiagnosticMonitor,
)
return (
<div className="h-full flex-1 flex-col space-y-8 p-8 md:flex">
<div>
<h1 className="flex items-center gap-2 text-2xl font-bold tracking-tight">
<Stethoscope className="h-6 w-6" aria-hidden="true" />
{t("title.teacherClass")}
</h1>
<p className="text-muted-foreground">
{t("title.teacherClassDesc")}
</p>
</div>
<WidgetBoundary title={t("title.teacherClass")} skeletonHeight={400}>
<DiagnosticMonitorProvider monitor={noopDiagnosticMonitor}>
<DiagnosticServiceProvider service={monitoredService}>
<ClassDiagnosticView summary={summary} />
</DiagnosticServiceProvider>
</DiagnosticMonitorProvider>
</WidgetBoundary>
</div>
)
}