/* 家庭管理：子女切换 + 勾选横向对比（家长专属） */
function comboTrendOf(child) {
return ['2025-12','2026-01','2026-02','2026-03','2026-04','2026-05'].map(ym=>{
const e = child.exams.find(x=>x.date.slice(0,7)===ym && x.seed);
return e ? Math.round(Selectors.examRate(e)) : null;
});
}
function Family() {
const { state, dispatch } = useStore();
const { go } = useNav();
// 前端去重：确保同一个 id 只出现一次
const seenIds = new Set();
const kids = state.children.filter(k => {
if (seenIds.has(k.id)) return false;
seenIds.add(k.id);
return true;
});
const [sel,setSel] = React.useState(kids.map(k=>k.id));
const [addOpen,setAddOpen] = React.useState(false);
const [bindUsername,setBindUsername] = React.useState('');
const [bindDisplayName,setBindDisplayName] = React.useState('');
const [bindGrade,setBindGrade] = React.useState('小学');
const [bindLoading,setBindLoading] = React.useState(false);
const [codeModalOpen,setCodeModalOpen] = React.useState(false);
const [familyCode,setFamilyCode] = React.useState(null);
const [codeLoading,setCodeLoading] = React.useState(false);
const [localToast,setLocalToast] = React.useState(null);
const needsSetup = state.role === 'parent' && state.requiresFamilySetup;
React.useEffect(()=>{
setSel(s=>{
const kidIds = kids.map(k=>k.id);
const next = s.filter(id=>kidIds.includes(id));
return next.length ? next : kidIds;
});
}, [kids]);
const toggle = id => setSel(s=> s.includes(id) ? s.filter(x=>x!==id) : [...s,id]);
const selKids = kids.filter(k=>sel.includes(k.id));
const lineColors = ['#4ea3dd','#5fcfa0','#f5a35e','#9b8cf0'];
const trendLines = selKids.map((c,i)=>({ name:c.name, color:lineColors[i%4], data:comboTrendOf(c), area:i===0 }));
const allSubs = [...new Set(selKids.flatMap(c=>c.subjectList))];
const barGroups = selKids.map((c,i)=>{ const avg=Selectors.subjectAvg(c); return { name:c.name, data:allSubs.map(s=>avg[s]?Math.round(avg[s]):0) }; });
const switchTo = (id)=>{ dispatch({type:'SET_CHILD',childId:id}); go('home'); };
const showLocalToast = (type, msg)=>{
setLocalToast({ type, msg });
setTimeout(()=>setLocalToast(null), 2600);
};
const generateFamilyCode = async ()=>{
if (!state.token) {
showLocalToast('error', '请先登录后再生成家庭码');
return;
}
setCodeLoading(true);
try {
const response = await fetch('/api/family/code', { headers: { Authorization: `Bearer ${state.token}` } });
const result = await response.json().catch(() => ({}));
if (!response.ok || !result.success || !result.data || !result.data.code) {
showLocalToast('error', result.message || '家庭码生成失败，请稍后重试');
return;
}
setFamilyCode(result.data.code);
} catch (e) {
showLocalToast('error', '网络异常，家庭码生成失败');
} finally {
setCodeLoading(false);
}
};
const copyFamilyCode = async ()=>{
if (!familyCode) return;
try {
await navigator.clipboard.writeText(familyCode);
showLocalToast('success', '家庭码已复制');
} catch (e) {
showLocalToast('error', '复制失败，请手动复制家庭码');
}
};
const openFamilyCodeModal = ()=>{
setCodeModalOpen(true);
if (!familyCode) generateFamilyCode();
};
const handleBindChild = async ()=>{
if (!bindUsername.trim()) { showLocalToast('error', '请输入学生的用户名'); return; }
setBindLoading(true);
try {
const resp = await fetch('/api/family/children', {
method: 'POST',
headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${state.token}` },
body: JSON.stringify({
username: bindUsername.trim(),
displayName: bindDisplayName.trim() || undefined
})
});
const result = await resp.json();
if (!resp.ok || !result.success) {
showLocalToast('error', result.message || '绑定失败，请检查用户名是否正确');
return;
}
// 刷新 auth 数据获取最新的子女列表
const meResp = await fetch('/api/auth/me', {
headers: { Authorization: `Bearer ${state.token}` }
});
const meResult = await meResp.json();
if (meResp.ok && meResult.success && meResult.data) {
dispatch({
type: 'AUTH_SUCCESS',
token: meResult.data.token,
user: meResult.data.user,
children: meResult.data.children,
nextPage: meResult.data.nextPage,
message: null
});
} else {
window.location.reload();
}
setAddOpen(false);
setBindUsername('');
setBindDisplayName('');
showLocalToast('success', `已成功绑定子女「${result.message || ''}」`);
} catch (e) {
showLocalToast('error', '网络异常，绑定失败');
} finally {
setBindLoading(false);
}
};
const bindModal = setAddOpen(false)} title="新增绑定子女">
setBindUsername(e.target.value)} placeholder="输入孩子的学生用户名"/>
需要该学生已注册账号。绑定后，家长即可查看该学生的完整学情数据。
;
const codeModal = setCodeModalOpen(false)} title="家庭码">
{codeLoading ? '生成中' : (familyCode || '------')}
请让孩子在学生端输入该 6 位家庭码完成加入。家庭码仅用于绑定当前家长账号和学生账号，请勿公开分享。
;
const localToastNode = localToast ?
{localToast.msg}
: null;
if (needsSetup) {
return <>
还没有绑定孩子
请先添加孩子后查看学情。方式一：点击「生成家庭码」分享给学生，学生输入家庭码即可加入；方式二：点击「新增绑定子女」直接输入学生的用户名完成绑定。
setAddOpen(true)}>
新增绑定子女
输入学生用户名 · 无绑定数量上限
{localToastNode}
{codeModal}
{bindModal}
;
}
return <>
{kids.length} 名子女
已绑定 · 数据实时同步
已选 {sel.length} 名
勾选 2 名及以上子女，即可进行横向学情对比（下方图表实时刷新）
{kids.map(c=>{
const on = sel.includes(c.id);
const prog = Selectors.monthProgress(c);
return
toggle(c.id)}>{on && }
{c.initial}
{c.name}
{c.grade} · {c.stage}
{Selectors.avgRate(c).toFixed(0)}%
近期综合得分率
{prog>=0?'+':''}{prog}
本月进步分
;
})}
setAddOpen(true)}>
新增绑定子女
输入学生用户名 · 无绑定数量上限
多子女横向对比 {selKids.map(k=>k.name).join(' vs ')||'请至少勾选一名子女'} · 近6月
{selKids.length>=1 && <>
综合得分率趋势
{selKids.map((c,i)=>{c.name})}
{selKids.map(c=>{ const avg=Selectors.subjectAvg(c); const r=c.subjectList.slice().sort((a,b)=>avg[b]-avg[a]); return (
{c.name}（{c.grade}）：优势学科 {r[0]}、{r[1]}，{r[r.length-1]} 相对薄弱；整体{Selectors.avgRate(c)>=88?'表现优异':'稳步提升'}，建议针对性辅导。
);})}