3b6272c99d
## P1 功能（20 项） - 站内消息系统、家长仪表盘、学生考勤管理 - Excel 导入导出、用户批量导入、成绩导出 - 排课规则+自动排课+课表调整 - 成绩趋势+对比分析、密码安全策略、速率限制 - 数据变更日志、文件预览+存储策略、全文检索 - 依赖审计集成 CI、数据库定时备份、E2E 测试完善 - 通知偏好管理 ## 基础设施修复 - src/proxy.ts: 将 middleware 导出重命名为 proxy（Next.js 16 要求） - .env: MySQL 端口从 13002 切换至 14013 - scripts/create-db.ts: 新增数据库初始化脚本 ## 架构文档同步 - 004_architecture_impact_map.md 和 005_architecture_data.json 完整记录所有新增表、模块、路由、权限、依赖关系
50 lines
1.8 KiB
TypeScript
50 lines
1.8 KiB
TypeScript
import Link from "next/link"
|
|
import { ArrowLeft, GraduationCap } from "lucide-react"
|
|
|
|
import { Avatar, AvatarFallback, AvatarImage } from "@/shared/components/ui/avatar"
|
|
import { Badge } from "@/shared/components/ui/badge"
|
|
import { Button } from "@/shared/components/ui/button"
|
|
import type { ChildDashboardData } from "@/modules/parent/types"
|
|
|
|
const getInitials = (name: string | null) => {
|
|
if (!name) return "S"
|
|
return name.slice(0, 2).toUpperCase()
|
|
}
|
|
|
|
export function ChildDetailHeader({ child }: { child: ChildDashboardData }) {
|
|
const { basicInfo } = child
|
|
|
|
return (
|
|
<div className="space-y-4">
|
|
<Button asChild variant="ghost" size="sm" className="gap-2 -ml-2">
|
|
<Link href="/parent/dashboard">
|
|
<ArrowLeft className="h-4 w-4" />
|
|
Back to Dashboard
|
|
</Link>
|
|
</Button>
|
|
<div className="flex items-center gap-4">
|
|
<Avatar className="h-16 w-16">
|
|
<AvatarImage src={basicInfo.image ?? undefined} alt={basicInfo.name ?? "Child"} />
|
|
<AvatarFallback className="text-lg">{getInitials(basicInfo.name)}</AvatarFallback>
|
|
</Avatar>
|
|
<div className="space-y-1">
|
|
<h1 className="text-2xl font-bold tracking-tight">{basicInfo.name ?? "Unnamed"}</h1>
|
|
<div className="flex flex-wrap items-center gap-2 text-sm text-muted-foreground">
|
|
{basicInfo.className ? (
|
|
<Badge variant="secondary">{basicInfo.className}</Badge>
|
|
) : null}
|
|
{basicInfo.gradeName ? (
|
|
<span className="flex items-center gap-1">
|
|
<GraduationCap className="h-3 w-3" />
|
|
{basicInfo.gradeName}
|
|
</span>
|
|
) : null}
|
|
{basicInfo.relation ? <span>· {basicInfo.relation}</span> : null}
|
|
<span>· {basicInfo.email}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|