TalexDreamSoul/teatea-pension
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: complete admission workspace

Browse Source
This commit is contained in:
admin
2026-07-02 17:30:24 -07:00
parent c394d85236
commit 9480030391
13 changed files with 1335 additions and 350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
app/(app)/app/beds/page.tsx
View File

@@ -1,12 +1,9 @@
import { redirect } from "next/navigation";
import { BedDouble, DoorOpen, History, Wrench } from "lucide-react";
import { Badge } from "@/components/ui/badge";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Table } from "@/components/ui/table";
import { getCurrentAuthContext } from "@/modules/core/server/auth";
import { hasPermission } from "@/modules/core/server/permissions";
import { readData } from "@/modules/core/server/store";
import { BedsWorkspace } from "@/modules/facilities/components/BedsWorkspace";
export default async function BedsPage(): Promise<React.ReactElement> {
const context = await getCurrentAuthContext();
@@ -25,211 +22,15 @@ export default async function BedsPage(): Promise<React.ReactElement> {
const admissions = organizationId
? data.admissions.filter((admission) => admission.organizationId === organizationId)
: data.admissions;
const occupiedBeds = beds.filter((bed) => bed.status === "occupied").length;
const maintenanceBeds = beds.filter((bed) => bed.status === "maintenance").length;
const occupancyRate = beds.length > 0 ? Math.round((occupiedBeds / beds.length) * 100) : 0;
const elders = organizationId ? data.elders.filter((elder) => elder.organizationId === organizationId) : data.elders;
return (
<div className="mx-auto flex w-full max-w-7xl flex-col gap-5">
<section className="flex flex-col gap-4 border-b pb-5 lg:flex-row lg:items-end lg:justify-between">
<div>
<Badge variant="success">Facility + Admission</Badge>
<h1 className="mt-3 text-3xl font-semibold tracking-normal">床位房间</h1>
<p className="mt-2 text-sm text-muted-foreground">房间主数据、床位状态、当前占用和入住历史。</p>
</div>
</section>
<section className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0">
<div>
<CardDescription>房间</CardDescription>
<CardTitle className="mt-2 text-3xl">{rooms.length}</CardTitle>
</div>
<DoorOpen className="size-5 text-primary" aria-hidden="true" />
</CardHeader>
</Card>
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0">
<div>
<CardDescription>床位</CardDescription>
<CardTitle className="mt-2 text-3xl">{beds.length}</CardTitle>
</div>
<BedDouble className="size-5 text-primary" aria-hidden="true" />
</CardHeader>
<CardContent className="pt-0">
<p className="text-sm text-muted-foreground">占用率 {occupancyRate}%</p>
</CardContent>
</Card>
<Card className={maintenanceBeds > 0 ? "border-amber-200 bg-amber-50/70" : undefined}>
<CardHeader className="flex flex-row items-center justify-between space-y-0">
<div>
<CardDescription className={maintenanceBeds > 0 ? "text-amber-700" : undefined}>维修床位</CardDescription>
<CardTitle className={maintenanceBeds > 0 ? "mt-2 text-3xl text-amber-700" : "mt-2 text-3xl"}>
{maintenanceBeds}
</CardTitle>
</div>
<Wrench className={maintenanceBeds > 0 ? "size-5 text-amber-700" : "size-5 text-primary"} aria-hidden="true" />
</CardHeader>
</Card>
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0">
<div>
<CardDescription>入住历史</CardDescription>
<CardTitle className="mt-2 text-3xl">{admissions.length}</CardTitle>
</div>
<History className="size-5 text-primary" aria-hidden="true" />
</CardHeader>
</Card>
</section>
<section className="grid gap-4 xl:grid-cols-[0.9fr_1.1fr]">
<Card>
<CardHeader>
<CardTitle>房间台账</CardTitle>
</CardHeader>
<CardContent>
<div className="overflow-x-auto rounded-md border">
<Table className="w-full min-w-[620px] text-sm">
<Table.Header className="bg-secondary text-left text-xs text-muted-foreground">
<Table.Row>
<Table.Head className="px-4 py-3 font-medium">房间</Table.Head>
<Table.Head className="px-4 py-3 font-medium">编号</Table.Head>
<Table.Head className="px-4 py-3 font-medium">容量</Table.Head>
<Table.Head className="px-4 py-3 font-medium">床位</Table.Head>
<Table.Head className="px-4 py-3 font-medium">状态</Table.Head>
</Table.Row>
</Table.Header>
<Table.Body className="divide-y bg-card">
{rooms.map((room) => (
<Table.Row key={room.id}>
<Table.Cell className="px-4 py-3 font-medium">{room.name}</Table.Cell>
<Table.Cell className="px-4 py-3 text-muted-foreground">{room.code}</Table.Cell>
<Table.Cell className="px-4 py-3">{room.capacity}</Table.Cell>
<Table.Cell className="px-4 py-3">
{room.occupiedBedCount}/{room.bedCount}
</Table.Cell>
<Table.Cell className="px-4 py-3">
<Badge variant={room.status === "active" ? "success" : "danger"}>{room.status}</Badge>
</Table.Cell>
</Table.Row>
))}
{rooms.length === 0 ? (
<Table.Row>
<Table.Cell className="px-4 py-8 text-center text-muted-foreground" colSpan={5}>
暂无房间，请通过 /api/facilities/rooms 创建
</Table.Cell>
</Table.Row>
) : null}
</Table.Body>
</Table>
</div>
</CardContent>
</Card>
<Card>
<CardHeader>
<CardTitle>床位状态</CardTitle>
</CardHeader>
<CardContent>
<div className="overflow-x-auto rounded-md border">
<Table className="w-full min-w-[700px] text-sm">
<Table.Header className="bg-secondary text-left text-xs text-muted-foreground">
<Table.Row>
<Table.Head className="px-4 py-3 font-medium">房间</Table.Head>
<Table.Head className="px-4 py-3 font-medium">床位</Table.Head>
<Table.Head className="px-4 py-3 font-medium">状态</Table.Head>
<Table.Head className="px-4 py-3 font-medium">当前老人</Table.Head>
<Table.Head className="px-4 py-3 font-medium">备注</Table.Head>
</Table.Row>
</Table.Header>
<Table.Body className="divide-y bg-card">
{beds.map((bed) => (
<Table.Row key={bed.id}>
<Table.Cell className="px-4 py-3">{bed.roomName}</Table.Cell>
<Table.Cell className="px-4 py-3 font-medium">{bed.code}</Table.Cell>
<Table.Cell className="px-4 py-3">
<Badge
variant={
bed.status === "available"
? "success"
: bed.status === "occupied"
? "secondary"
: bed.status === "maintenance"
? "warning"
: "danger"
}
>
{bed.status}
</Badge>
</Table.Cell>
<Table.Cell className="px-4 py-3">{bed.currentElderName ?? "-"}</Table.Cell>
<Table.Cell className="px-4 py-3 text-muted-foreground">{bed.notes || "-"}</Table.Cell>
</Table.Row>
))}
{beds.length === 0 ? (
<Table.Row>
<Table.Cell className="px-4 py-8 text-center text-muted-foreground" colSpan={5}>
暂无床位，请通过 /api/facilities/beds 创建
</Table.Cell>
</Table.Row>
) : null}
</Table.Body>
</Table>
</div>
</CardContent>
</Card>
</section>
<Card>
<CardHeader>
<CardTitle>入住与换床历史</CardTitle>
</CardHeader>
<CardContent>
<div className="overflow-x-auto rounded-md border">
<Table className="w-full min-w-[820px] text-sm">
<Table.Header className="bg-secondary text-left text-xs text-muted-foreground">
<Table.Row>
<Table.Head className="px-4 py-3 font-medium">老人</Table.Head>
<Table.Head className="px-4 py-3 font-medium">床位</Table.Head>
<Table.Head className="px-4 py-3 font-medium">状态</Table.Head>
<Table.Head className="px-4 py-3 font-medium">入住时间</Table.Head>
<Table.Head className="px-4 py-3 font-medium">结束时间</Table.Head>
<Table.Head className="px-4 py-3 font-medium">备注</Table.Head>
</Table.Row>
</Table.Header>
<Table.Body className="divide-y bg-card">
{admissions.map((admission) => (
<Table.Row key={admission.id}>
<Table.Cell className="px-4 py-3 font-medium">{admission.elderName}</Table.Cell>
<Table.Cell className="px-4 py-3">
{admission.roomName}-{admission.bedCode}
</Table.Cell>
<Table.Cell className="px-4 py-3">
<Badge variant={admission.status === "active" ? "success" : "secondary"}>{admission.status}</Badge>
</Table.Cell>
<Table.Cell className="px-4 py-3 text-muted-foreground">
{new Date(admission.admittedAt).toLocaleString("zh-CN")}
</Table.Cell>
<Table.Cell className="px-4 py-3 text-muted-foreground">
{admission.dischargedAt ? new Date(admission.dischargedAt).toLocaleString("zh-CN") : "-"}
</Table.Cell>
<Table.Cell className="px-4 py-3 text-muted-foreground">{admission.notes || "-"}</Table.Cell>
</Table.Row>
))}
{admissions.length === 0 ? (
<Table.Row>
<Table.Cell className="px-4 py-8 text-center text-muted-foreground" colSpan={6}>
暂无入住历史
</Table.Cell>
</Table.Row>
) : null}
</Table.Body>
</Table>
</div>
</CardContent>
</Card>
</div>
<BedsWorkspace
initialAdmissions={admissions}
initialBeds={beds}
initialElders={elders}
initialRooms={rooms}
permissions={context.permissions}
/>
);
}

76
app/(app)/app/dashboard/page.tsx
View File

@@ -1,5 +1,75 @@
import { DashboardHome } from "@/modules/dashboard/components/DashboardHome";
import { redirect } from "next/navigation";
export default function DashboardPage(): React.ReactElement {
return <DashboardHome />;
import { getCurrentAuthContext } from "@/modules/core/server/auth";
import { readData } from "@/modules/core/server/store";
import type { BedStatus } from "@/modules/core/types";
import { DashboardHome, type DashboardMetric } from "@/modules/dashboard/components/DashboardHome";
const BED_STATUSES: BedStatus[] = ["available", "occupied", "maintenance", "disabled"];
export default async function DashboardPage(): Promise<React.ReactElement> {
const context = await getCurrentAuthContext();
if (!context) {
redirect("/login");
}
const data = await readData();
const organizationId = context.organization?.id;
const elders = organizationId ? data.elders.filter((elder) => elder.organizationId === organizationId) : data.elders;
const beds = organizationId ? data.beds.filter((bed) => bed.organizationId === organizationId) : data.beds;
const admissions = organizationId
? data.admissions.filter((admission) => admission.organizationId === organizationId)
: data.admissions;
const incidents = organizationId
? data.incidents.filter((incident) => !incident.organizationId || incident.organizationId === organizationId)
: data.incidents;
const activeElders = elders.filter((elder) => elder.status === "active").length;
const pendingElders = elders.filter((elder) => elder.status === "pending").length;
const occupiedBeds = beds.filter((bed) => bed.status === "occupied").length;
const availableBeds = beds.filter((bed) => bed.status === "available").length;
const activeAdmissions = admissions.filter((admission) => admission.status === "active").length;
const openIncidents = incidents.filter((incident) => incident.status !== "closed").length;
const metrics: DashboardMetric[] = [
{ label: "在院老人", value: String(activeElders), trend: `待入住 ${pendingElders}`, icon: "users" },
{ label: "床位占用", value: `${occupiedBeds}/${beds.length}`, trend: `空闲 ${availableBeds}`, icon: "beds" },
{ label: "当前入住", value: String(activeAdmissions), trend: `历史 ${admissions.length}`, icon: "admissions" },
{ label: "未关闭故障", value: String(openIncidents), trend: `总计 ${incidents.length}`, icon: "incidents" },
];
const occupancyData = BED_STATUSES.map((status) => ({
label: status,
count: beds.filter((bed) => bed.status === status).length,
}));
const recentAdmissions = admissions.slice(0, 6).map((admission) => ({
id: admission.id,
elderName: admission.elderName,
bedLabel: `${admission.roomName}-${admission.bedCode}`,
status: admission.status,
admittedAt: admission.admittedAt,
dischargedAt: admission.dischargedAt,
}));
const visibleIncidents = incidents
.filter((incident) => incident.status !== "closed")
.slice(0, 6)
.map((incident) => ({
id: incident.id,
severity: incident.severity,
status: incident.status,
title: incident.title,
source: incident.source,
createdAt: incident.createdAt,
}));
return (
<DashboardHome
incidents={visibleIncidents}
metrics={metrics}
occupancyData={occupancyData}
recentAdmissions={recentAdmissions}
/>
);
}

7
app/(app)/app/elders/page.tsx
View File

@@ -11,5 +11,10 @@ export default async function EldersPage(): Promise<React.ReactElement> {
}
const data = await readData();
return <EldersClient initialElders={data.elders} permissions={context.permissions} />;
const organizationId = context.organization?.id;
const elders = organizationId
? data.elders.filter((elder) => elder.organizationId === organizationId)
: data.elders;
return <EldersClient initialElders={elders} permissions={context.permissions} />;
}