fix: require explicit business form choices

modules/elders/components/EldersClient.tsx

@@ -20,14 +20,21 @@ type EldersClientProps = {
   permissions: Permission[];
 };
 
-const emptyInput: ElderInput = {
+type ElderFormState = Omit<ElderInput, "age" | "careLevel" | "gender" | "status"> & {
+  age: string;
+  careLevel: CareLevel | "";
+  gender: ElderInput["gender"] | "";
+  status: ElderStatus | "";
+};
+
+const emptyInput: ElderFormState = {
   name: "",
-  gender: "male",
-  age: 75,
-  careLevel: "self-care",
+  gender: "",
+  age: "",
+  careLevel: "",
   room: "",
   bed: "",
-  status: "active",
+  status: "",
   primaryContact: "",
   phone: "",
   medicalNotes: "",
@@ -37,11 +44,11 @@ const PAGE_SIZE = 8;
 const ALL_STATUS = "all";
 const ALL_CARE_LEVELS = "all";
 
-function elderToInput(elder: Elder): ElderInput {
+function elderToInput(elder: Elder): ElderFormState {
   return {
     name: elder.name,
     gender: elder.gender,
-    age: elder.age,
+    age: String(elder.age),
     careLevel: elder.careLevel,
     room: elder.room,
     bed: elder.bed,
@@ -60,18 +67,6 @@ function formatBedLabel(elder: Pick<Elder, "room" | "bed">): string {
   return elder.room && elder.bed ? `${elder.room}-${elder.bed}` : "-";
 }
 
-function getRiskLabel(elder: Elder): { label: string; variant: "danger" | "warning" | "success" } {
-  if (elder.careLevel === "intensive") {
-    return { label: "红色重点", variant: "danger" };
-  }
-
-  if (elder.status === "pending" || elder.careLevel === "assisted") {
-    return { label: "黄色关注", variant: "warning" };
-  }
-
-  return { label: "绿色稳定", variant: "success" };
-}
-
 const statusOptions = [
   { value: ALL_STATUS, label: "全部状态" },
   ...Object.entries(ELDER_STATUS_LABELS).map(([value, label]) => ({ value, label })),
@@ -82,9 +77,18 @@ const careLevelOptions = [
   ...Object.entries(CARE_LEVEL_LABELS).map(([value, label]) => ({ value, label })),
 ];
 
-const genderOptions = Object.entries(GENDER_LABELS).map(([value, label]) => ({ value, label }));
-const formCareLevelOptions = Object.entries(CARE_LEVEL_LABELS).map(([value, label]) => ({ value, label }));
-const formStatusOptions = Object.entries(ELDER_STATUS_LABELS).map(([value, label]) => ({ value, label }));
+const genderOptions = [
+  { value: "", label: "选择性别", disabled: true },
+  ...Object.entries(GENDER_LABELS).map(([value, label]) => ({ value, label })),
+];
+const formCareLevelOptions = [
+  { value: "", label: "选择护理等级", disabled: true },
+  ...Object.entries(CARE_LEVEL_LABELS).map(([value, label]) => ({ value, label })),
+];
+const formStatusOptions = [
+  { value: "", label: "选择档案状态", disabled: true },
+  ...Object.entries(ELDER_STATUS_LABELS).map(([value, label]) => ({ value, label })),
+];
 
 function matchesFilters(
   elder: Elder,
@@ -108,7 +112,7 @@ function matchesFilters(
 export function EldersClient({ initialElders, permissions }: EldersClientProps): React.ReactElement {
   const [elders, setElders] = useState(initialElders);
   const [editingId, setEditingId] = useState<string | null>(null);
-  const [form, setForm] = useState<ElderInput>(emptyInput);
+  const [form, setForm] = useState<ElderFormState>(emptyInput);
   const [message, setMessage] = useState("");
   const [isPending, setIsPending] = useState(false);
   const [isFormOpen, setIsFormOpen] = useState(false);
@@ -125,11 +129,11 @@ export function EldersClient({ initialElders, permissions }: EldersClientProps):
   const canSubmit = isEditing ? canUpdate : canCreate;
 
   const metrics = useMemo(() => {
+    const totalCount = elders.length;
     const activeCount = elders.filter((elder) => elder.status === "active").length;
     const pendingCount = elders.filter((elder) => elder.status === "pending").length;
-    const intensiveCount = elders.filter((elder) => elder.careLevel === "intensive").length;
-    const warningCount = elders.filter((elder) => getRiskLabel(elder).variant !== "success").length;
-    return { activeCount, pendingCount, intensiveCount, warningCount };
+    const dischargedCount = elders.filter((elder) => elder.status === "discharged").length;
+    return { activeCount, dischargedCount, pendingCount, totalCount };
   }, [elders]);
 
   const filteredElders = useMemo(
@@ -142,7 +146,7 @@ export function EldersClient({ initialElders, permissions }: EldersClientProps):
   const visibleElders = filteredElders.slice(pageStart, pageStart + PAGE_SIZE);
   const editingElder = editingId ? elders.find((elder) => elder.id === editingId) : undefined;
 
-  function updateField<K extends keyof ElderInput>(key: K, value: ElderInput[K]): void {
+  function updateField<K extends keyof ElderFormState>(key: K, value: ElderFormState[K]): void {
     setForm((current) => ({ ...current, [key]: value }));
   }
 
@@ -203,10 +207,31 @@ export function EldersClient({ initialElders, permissions }: EldersClientProps):
     setIsPending(true);
     setMessage("");
 
+    if (!form.gender || !form.careLevel || !form.status) {
+      setIsPending(false);
+      setMessage("请完整选择性别、护理等级和档案状态");
+      return;
+    }
+
+    const numericAge = Number(form.age);
+    if (!Number.isInteger(numericAge) || numericAge < 0 || numericAge > 130) {
+      setIsPending(false);
+      setMessage("年龄需为0到130之间的整数");
+      return;
+    }
+
+    const payload: ElderInput = {
+      ...form,
+      age: numericAge,
+      careLevel: form.careLevel,
+      gender: form.gender,
+      status: form.status,
+    };
+
     const response = await fetch(isEditing ? `/api/elders/${editingId}` : "/api/elders", {
       method: isEditing ? "PATCH" : "POST",
       headers: { "content-type": "application/json" },
-      body: JSON.stringify(form),
+      body: JSON.stringify(payload),
     });
     const result = (await response.json()) as ApiResult<{ elder: Elder }>;
     setIsPending(false);
@@ -269,7 +294,13 @@ export function EldersClient({ initialElders, permissions }: EldersClientProps):
       <section className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
         <Card>
           <CardHeader className="p-4">
-            <CardDescription>在院老人</CardDescription>
+            <CardDescription>档案总数</CardDescription>
+            <CardTitle className="text-3xl">{metrics.totalCount}</CardTitle>
+          </CardHeader>
+        </Card>
+        <Card>
+          <CardHeader className="p-4">
+            <CardDescription>在院</CardDescription>
             <CardTitle className="text-3xl">{metrics.activeCount}</CardTitle>
           </CardHeader>
         </Card>
@@ -279,16 +310,10 @@ export function EldersClient({ initialElders, permissions }: EldersClientProps):
             <CardTitle className="text-3xl">{metrics.pendingCount}</CardTitle>
           </CardHeader>
         </Card>
-        <Card className="border-red-200 bg-red-50/70">
-          <CardHeader className="p-4">
-            <CardDescription className="text-red-700">红色重点</CardDescription>
-            <CardTitle className="text-3xl text-red-700">{metrics.intensiveCount}</CardTitle>
-          </CardHeader>
-        </Card>
         <Card>
           <CardHeader className="p-4">
-            <CardDescription>需关注标记</CardDescription>
-            <CardTitle className="text-3xl">{metrics.warningCount}</CardTitle>
+            <CardDescription>已退住</CardDescription>
+            <CardTitle className="text-3xl">{metrics.dischargedCount}</CardTitle>
           </CardHeader>
         </Card>
       </section>
@@ -347,65 +372,57 @@ export function EldersClient({ initialElders, permissions }: EldersClientProps):
                   <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 text-right font-medium">操作</Table.Head>
                 </Table.Row>
               </Table.Header>
               <Table.Body className="divide-y bg-card">
-                {visibleElders.map((elder) => {
-                  const risk = getRiskLabel(elder);
-
-                  return (
-                    <Table.Row key={elder.id}>
-                      <Table.Cell className="px-4 py-3">
-                        <p className="font-medium">{elder.name}</p>
-                        <p className="text-xs text-muted-foreground">
-                          {GENDER_LABELS[elder.gender]} · {elder.age} 岁
-                        </p>
-                      </Table.Cell>
-                      <Table.Cell className="px-4 py-3">{CARE_LEVEL_LABELS[elder.careLevel]}</Table.Cell>
-                      <Table.Cell className="px-4 py-3 text-muted-foreground">{formatBedLabel(elder)}</Table.Cell>
-                      <Table.Cell className="px-4 py-3 text-muted-foreground">
-                        {elder.primaryContact} / {elder.phone}
-                      </Table.Cell>
-                      <Table.Cell className="px-4 py-3">
-                        <Badge variant={elder.status === "active" ? "success" : "secondary"}>
-                          {ELDER_STATUS_LABELS[elder.status]}
-                        </Badge>
-                      </Table.Cell>
-                      <Table.Cell className="px-4 py-3">
-                        <Badge variant={risk.variant}>{risk.label}</Badge>
-                      </Table.Cell>
-                      <Table.Cell className="px-4 py-3">
-                        <div className="flex justify-end gap-2">
-                          <Button
-                            disabled={!canUpdate}
-                            onClick={() => beginEdit(elder)}
-                            size="sm"
-                            type="button"
-                            variant="outline"
-                          >
-                            <Edit3 className="size-4" aria-hidden="true" />
-                            编辑
-                          </Button>
-                          <Button
-                            disabled={!canDelete || isPending}
-                            onClick={() => setDeleteTarget(elder)}
-                            size="sm"
-                            type="button"
-                            variant="destructive"
-                          >
-                            <Trash2 className="size-4" aria-hidden="true" />
-                            删除
-                          </Button>
-                        </div>
-                      </Table.Cell>
-                    </Table.Row>
-                  );
-                })}
+                {visibleElders.map((elder) => (
+                  <Table.Row key={elder.id}>
+                    <Table.Cell className="px-4 py-3">
+                      <p className="font-medium">{elder.name}</p>
+                      <p className="text-xs text-muted-foreground">
+                        {GENDER_LABELS[elder.gender]} · {elder.age} 岁
+                      </p>
+                    </Table.Cell>
+                    <Table.Cell className="px-4 py-3">{CARE_LEVEL_LABELS[elder.careLevel]}</Table.Cell>
+                    <Table.Cell className="px-4 py-3 text-muted-foreground">{formatBedLabel(elder)}</Table.Cell>
+                    <Table.Cell className="px-4 py-3 text-muted-foreground">
+                      {elder.primaryContact} / {elder.phone}
+                    </Table.Cell>
+                    <Table.Cell className="px-4 py-3">
+                      <Badge variant={elder.status === "active" ? "success" : "secondary"}>
+                        {ELDER_STATUS_LABELS[elder.status]}
+                      </Badge>
+                    </Table.Cell>
+                    <Table.Cell className="px-4 py-3">
+                      <div className="flex justify-end gap-2">
+                        <Button
+                          disabled={!canUpdate}
+                          onClick={() => beginEdit(elder)}
+                          size="sm"
+                          type="button"
+                          variant="outline"
+                        >
+                          <Edit3 className="size-4" aria-hidden="true" />
+                          编辑
+                        </Button>
+                        <Button
+                          disabled={!canDelete || isPending}
+                          onClick={() => setDeleteTarget(elder)}
+                          size="sm"
+                          type="button"
+                          variant="destructive"
+                        >
+                          <Trash2 className="size-4" aria-hidden="true" />
+                          删除
+                        </Button>
+                      </div>
+                    </Table.Cell>
+                  </Table.Row>
+                ))}
                 {visibleElders.length === 0 ? (
                   <Table.Row>
-                    <Table.Cell className="px-4 py-8 text-center text-muted-foreground" colSpan={7}>
+                    <Table.Cell className="px-4 py-8 text-center text-muted-foreground" colSpan={6}>
                       暂无匹配老人档案
                     </Table.Cell>
                   </Table.Row>
@@ -457,8 +474,9 @@ export function EldersClient({ initialElders, permissions }: EldersClientProps):
               性别
               <Select
                 aria-label="性别"
-                onValueChange={(value) => updateField("gender", value as ElderInput["gender"])}
+                onValueChange={(value) => updateField("gender", value as ElderFormState["gender"])}
                 options={genderOptions}
+                required
                 value={form.gender}
               />
             </div>
@@ -467,7 +485,8 @@ export function EldersClient({ initialElders, permissions }: EldersClientProps):
               <Input
                 max={130}
                 min={0}
-                onChange={(event) => updateField("age", Number(event.target.value))}
+                onChange={(event) => updateField("age", event.target.value)}
+                required
                 type="number"
                 value={form.age}
               />
@@ -478,8 +497,9 @@ export function EldersClient({ initialElders, permissions }: EldersClientProps):
               护理等级
               <Select
                 aria-label="护理等级"
-                onValueChange={(value) => updateField("careLevel", value as ElderInput["careLevel"])}
+                onValueChange={(value) => updateField("careLevel", value as ElderFormState["careLevel"])}
                 options={formCareLevelOptions}
+                required
                 value={form.careLevel}
               />
             </div>
@@ -487,8 +507,9 @@ export function EldersClient({ initialElders, permissions }: EldersClientProps):
               状态
               <Select
                 aria-label="状态"
-                onValueChange={(value) => updateField("status", value as ElderInput["status"])}
+                onValueChange={(value) => updateField("status", value as ElderFormState["status"])}
                 options={formStatusOptions}
+                required
                 value={form.status}
               />
             </div>