Files
NextEdu/src/app/(dashboard)/teacher/diagnostic/student/[studentId]/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

89 lines
3.3 KiB
TypeScript

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 {
getStudentMasterySummary,
getKnowledgePointStats,
} from "@/modules/diagnostic/data-access"
import { getDiagnosticReports } from "@/modules/diagnostic/data-access-reports"
import { getStudentActiveClassId } from "@/modules/classes/data-access"
import { StudentDiagnosticView } from "@/modules/diagnostic/components/student-diagnostic-view"
import { WidgetBoundary } from "@/shared/components/widget-boundary"
import type { MasteryRadarPoint } from "@/modules/diagnostic/types"
export const dynamic = "force-dynamic"
export default async function StudentDiagnosticPage({
params,
}: {
params: Promise<{ studentId: string }>
}): Promise<JSX.Element> {
const { studentId } = await params
const ctx = await requirePermission(Permissions.DIAGNOSTIC_READ)
const t = await getTranslations("diagnostic")
// DataScope 二次校验:学生只能看自己,家长只能看子女
if (ctx.dataScope.type === "class_members" && ctx.userId !== studentId) {
notFound()
}
if (ctx.dataScope.type === "children" && !ctx.dataScope.childrenIds.includes(studentId)) {
notFound()
}
// v4-P1-2: class_taught scope 校验师生关系
// 教师只能查看自己所教班级的学生诊断
if (ctx.dataScope.type === "class_taught") {
const studentClassId = await getStudentActiveClassId(studentId)
if (!studentClassId || !ctx.dataScope.classIds.includes(studentClassId)) {
notFound()
}
}
// 先查询学生所属班级,再用 classId 调用 getKnowledgePointStats
// 否则无参调用会导致 studentIds=[] 直接返回空数组,班级平均对比功能失效
const studentClassId = await getStudentActiveClassId(studentId)
const [summary, reportsResult, classStats] = await Promise.all([
getStudentMasterySummary(studentId),
// v4-P1-3: 教师视角可查看所有状态报告(含草稿),便于审核
getDiagnosticReports({ studentId }, ctx.dataScope),
studentClassId ? getKnowledgePointStats(studentClassId) : Promise.resolve([]),
])
const reports = reportsResult.reports
// 班级平均掌握度(用于雷达图对比)
let classAverageMastery: MasteryRadarPoint[] | undefined
if (summary) {
classAverageMastery = classStats.map((k) => ({
knowledgePoint: k.knowledgePointName,
student: 0,
classAverage: k.averageMastery,
}))
}
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.teacherStudent")}
</h1>
<p className="text-muted-foreground">
{t("title.teacherStudentDesc")}
</p>
</div>
<WidgetBoundary title={t("title.teacherStudent")} skeletonHeight={400}>
<StudentDiagnosticView
summary={summary}
reports={reports}
classAverageMastery={classAverageMastery}
role="teacher"
/>
</WidgetBoundary>
</div>
)
}