feat: 增加本地测评档案与长期追踪

2026-06-23 00:21:07 +02:00
parent fdfbfa063f
commit c8d5a918cf
19 changed files with 1509 additions and 14 deletions
@@ -0,0 +1,66 @@
+'use client';
+
+import Link from 'next/link';
+import { useEffect, useState } from 'react';
+import { UserRound } from 'lucide-react';
+import { AssessmentProfile } from '@/lib/assessment-types';
+import {
+  ensureActiveProfile,
+  getProfiles,
+  setActiveProfileId,
+} from '@/lib/assessment-db';
+
+interface ProfilePickerProps {
+  onChange?: (profile: AssessmentProfile) => void;
+}
+
+export function ProfilePicker({ onChange }: ProfilePickerProps) {
+  const [profiles, setProfiles] = useState<AssessmentProfile[]>([]);
+  const [active, setActive] = useState('');
+
+  useEffect(() => {
+    let mounted = true;
+    async function load() {
+      const profile = await ensureActiveProfile();
+      const all = await getProfiles();
+      if (!mounted) return;
+      setProfiles(all);
+      setActive(profile.id);
+      onChange?.(profile);
+    }
+    void load();
+    return () => { mounted = false; };
+  }, [onChange]);
+
+  const select = (profileId: string) => {
+    const profile = profiles.find((item) => item.id === profileId);
+    if (!profile) return;
+    setActive(profileId);
+    setActiveProfileId(profileId);
+    onChange?.(profile);
+  };
+
+  return (
+    <div className="mb-6 flex flex-col gap-2 border bg-muted/30 p-3 sm:flex-row sm:items-center sm:justify-between">
+      <div className="flex items-center gap-2 text-sm font-medium">
+        <UserRound className="h-4 w-4" />
+        本次记录到
+      </div>
+      <div className="flex items-center gap-2">
+        <select
+          aria-label="选择测评档案"
+          className="h-9 min-w-32 border bg-background px-3 text-sm"
+          value={active}
+          onChange={(event) => select(event.target.value)}
+        >
+          {profiles.map((profile) => (
+            <option key={profile.id} value={profile.id}>{profile.name}</option>
+          ))}
+        </select>
+        <Link href="/records" className="text-sm text-primary underline-offset-4 hover:underline">
+          管理档案
+        </Link>
+      </div>
+    </div>
+  );
+}