79 lines
4.3 KiB
TypeScript
79 lines
4.3 KiB
TypeScript
import Link from "next/link";
|
||
|
||
import { MedicationForm, MemoForm, TaskActions, TaskForm } from "@/components/family-guard-actions";
|
||
import { PanelShell } from "@/components/panel-shell";
|
||
import { requireFamilyWorkspace } from "@/lib/family-page";
|
||
import { formatDateTime } from "@/lib/panel-format";
|
||
import { requireCaregiverSession } from "@/lib/page-auth";
|
||
import { getCaregiverDisplayName } from "@/lib/session";
|
||
|
||
export const dynamic = "force-dynamic";
|
||
|
||
export default async function CarePage({ searchParams }: PageProps<"/care">) {
|
||
const caregiver = await requireCaregiverSession("/care");
|
||
const workspace = await requireFamilyWorkspace(caregiver.id);
|
||
const tab = String((await searchParams).tab || "tasks");
|
||
const deviceUuid = workspace.elderProfile.elderDevice.deviceUuid;
|
||
|
||
return (
|
||
<PanelShell currentPath="/care" title="共同照护" description="家人分工、老人确认、结果共享" caregiverLabel={getCaregiverDisplayName(caregiver)} caregiverId={caregiver.id}>
|
||
<div className="segment">
|
||
<Link className={tab === "tasks" ? "active" : ""} href="/care?tab=tasks">任务</Link>
|
||
<Link className={tab === "medications" ? "active" : ""} href="/care?tab=medications">用药</Link>
|
||
<Link className={tab === "memos" ? "active" : ""} href="/care?tab=memos">备忘</Link>
|
||
</div>
|
||
|
||
{tab === "medications" ? (
|
||
<>
|
||
<MedicationForm deviceUuid={deviceUuid} />
|
||
<section>
|
||
<div className="section-title"><h2>用药计划</h2><span>仅提醒与记录，不替代医嘱</span></div>
|
||
<div className="card">
|
||
{workspace.medicationPlans.length ? workspace.medicationPlans.map((plan) => (
|
||
<article className="timeline-item" key={plan.id}>
|
||
<div className="timeline-top strong">{plan.name}<span className="tag">{plan.active ? "进行中" : "已暂停"}</span></div>
|
||
<p className="timeline-body">每次 {plan.dosage} · {JSON.parse(plan.timesJson).join("、")}{plan.instructions ? ` · ${plan.instructions}` : ""}</p>
|
||
<p className="row-meta">信息来源：{plan.source === "PRESCRIPTION" ? "医生处方" : plan.source === "PACKAGE_LABEL" ? "药盒标签" : "家属录入"}</p>
|
||
</article>
|
||
)) : <div className="empty">还没有用药计划。</div>}
|
||
</div>
|
||
</section>
|
||
</>
|
||
) : tab === "memos" ? (
|
||
<>
|
||
<MemoForm deviceUuid={deviceUuid} />
|
||
<section>
|
||
<div className="section-title"><h2>家庭备忘录</h2></div>
|
||
<div className="card">
|
||
{workspace.memos.length ? workspace.memos.map((memo) => (
|
||
<article className="timeline-item" key={memo.id}>
|
||
<div className="timeline-top strong">{memo.title}<span className="tag">{memo.priority === "PINNED" ? "长期置顶" : memo.priority === "IMPORTANT" ? "重要" : "普通"}</span></div>
|
||
<p className="timeline-body">{memo.content}</p>
|
||
<p className="row-meta">{memo.visibility === "FAMILY_ONLY" ? "仅家人可见" : "可由数字人告诉长辈"}</p>
|
||
</article>
|
||
)) : <div className="empty">还没有家庭备忘。</div>}
|
||
</div>
|
||
</section>
|
||
</>
|
||
) : (
|
||
<>
|
||
<TaskForm deviceUuid={deviceUuid} />
|
||
<section>
|
||
<div className="section-title"><h2>照护交接</h2><span>认领后全家可见</span></div>
|
||
<div className="card">
|
||
{workspace.tasks.length ? workspace.tasks.map((task) => (
|
||
<article className="timeline-item" key={task.id}>
|
||
<div className="timeline-top strong">{task.title}<span className="timeline-time">{task.dueAt ? formatDateTime(task.dueAt) : "未设期限"}</span></div>
|
||
<p className="timeline-body">{task.description || "等待家人认领"}</p>
|
||
<p className="row-meta">{task.assignedTo ? `负责人：${task.assignedTo.nickname || task.assignedTo.username || "家人"}` : "尚未认领"}</p>
|
||
<TaskActions taskId={task.id} status={task.status} />
|
||
</article>
|
||
)) : <div className="empty">还没有照护任务。</div>}
|
||
</div>
|
||
</section>
|
||
</>
|
||
)}
|
||
</PanelShell>
|
||
);
|
||
}
|