f62b8c0f86
P0 修复： - 页面层 i18n 全量补齐（admin/teacher/parent/student × attendance/elective） - types.ts 状态标签常量迁移至 constants.ts（i18n key + Badge variant） - 修复 getTranslations 导入路径（next-intl → next-intl/server） P1 改进： - 解耦 parent 模块对 attendance 类型的直接依赖（本地 view-model 类型） - 导出纯函数（computeStats/buildWarnings/buildLotteryRankCase 等） - 统一空状态为 EmptyState 组件 - 清理死代码读 Action（attendance 5 个 + elective 3 个） - 预留监控埋点接口（trackEvent 13 个新事件名） - 补齐骨架屏 loading.tsx（8 个页面） - AlertDialog 替换 window.confirm（student-selection-view） - a11y 改进（aria-label/role/键盘导航） 修复： - AttendanceStatus 从 constants.ts 重导出，消除 types/constants 双源混乱 - buildWarnings 的 Translator 类型改用 ReturnType<typeof useTranslations>
88 lines
2.8 KiB
TypeScript
88 lines
2.8 KiB
TypeScript
import type { JSX } from "react"
|
|
import { getTranslations } from "next-intl/server"
|
|
import { getTeacherClasses } from "@/modules/classes/data-access"
|
|
import { getClassAttendanceStats } 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 { EmptyState } from "@/shared/components/ui/empty-state"
|
|
import { getParam, type SearchParams } from "@/shared/lib/search-params"
|
|
import { BarChart3 } from "lucide-react"
|
|
|
|
export const dynamic = "force-dynamic"
|
|
|
|
export default async function AttendanceStatsPage({
|
|
searchParams,
|
|
}: {
|
|
searchParams: Promise<SearchParams>
|
|
}): Promise<JSX.Element> {
|
|
const t = await getTranslations("attendance")
|
|
const sp = await searchParams
|
|
|
|
const classId = getParam(sp, "classId")
|
|
const startDate = getParam(sp, "startDate")
|
|
const endDate = getParam(sp, "endDate")
|
|
|
|
const classes = await getTeacherClasses()
|
|
|
|
if (classes.length === 0) {
|
|
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>
|
|
<EmptyState
|
|
title={t("stats.noClasses")}
|
|
description={t("stats.noClassesDescription")}
|
|
icon={BarChart3}
|
|
className="border-none shadow-none"
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
const targetClassId = classId ?? classes[0].id
|
|
|
|
const summary = await getClassAttendanceStats(
|
|
targetClassId,
|
|
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>
|
|
|
|
<AttendanceStatsClassSelector
|
|
classes={classOptions}
|
|
currentClassId={targetClassId}
|
|
startDate={startDate ?? ""}
|
|
endDate={endDate ?? ""}
|
|
/>
|
|
|
|
{summary ? (
|
|
<>
|
|
<AttendanceStatsCard stats={summary.stats} />
|
|
<div>
|
|
<h2 className="mb-4 text-lg font-semibold">{t("stats.studentRecords")}</h2>
|
|
<AttendanceRecordList records={summary.studentRecords} />
|
|
</div>
|
|
</>
|
|
) : (
|
|
<EmptyState
|
|
title={t("stats.noData")}
|
|
description={t("stats.noDataDescription")}
|
|
icon={BarChart3}
|
|
className="border-none shadow-none"
|
|
/>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|