优化ui
This commit is contained in:
+68
-5
@@ -1,3 +1,5 @@
|
||||
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";
|
||||
@@ -6,10 +8,71 @@ 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 uuid = workspace.elderProfile.elderDevice.deviceUuid;
|
||||
return <PanelShell currentPath="/care" title="共同照护" description="家人分工、老人确认、结果共享" caregiverLabel={getCaregiverDisplayName(caregiver)}>
|
||||
<div className="segment"><a className={tab === "tasks" ? "active" : ""} href="/care?tab=tasks">任务</a><a className={tab === "medications" ? "active" : ""} href="/care?tab=medications">用药</a><a className={tab === "memos" ? "active" : ""} href="/care?tab=memos">备忘</a></div>
|
||||
{tab === "medications" ? <><MedicationForm deviceUuid={uuid} /><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">{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={uuid} /><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">{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={uuid} /><section><div className="section-title"><h2>照护交接</h2></div><div className="card">{workspace.tasks.length ? workspace.tasks.map((task) => <article className="timeline-item" key={task.id}><div className="timeline-top">{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>;
|
||||
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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user