feat: 完善中文心理测评平台

app/[locale]/questionnaire/[id]/details/page.tsx

@@ -0,0 +1,35 @@
+import { notFound } from 'next/navigation';
+import QuestionnaireDetailsPage from '@/components/questionnaire/QuestionnaireDetailsPage';
+import { questionnairesZh } from '@/questionairies/zh';
+import { Questionnaire as QuestionnaireType } from '@/types';
+
+interface PageProps {
+  params: Promise<{ id: string }>;
+}
+
+export default async function QuestionnaireDetailPage({ params }: PageProps) {
+  const { id } = await params;
+  const questionnaire = questionnairesZh.find((q) => q.id === id);
+
+  if (!questionnaire) {
+    return notFound();
+  }
+
+  const cleanQuestionnaire = {
+    id: questionnaire.id,
+    title: questionnaire.title,
+    description: questionnaire.description,
+    category: questionnaire.category,
+    tags: questionnaire.tags,
+    time: questionnaire.time,
+    evaluation: questionnaire.evaluation,
+    details: questionnaire.details,
+    questions: questionnaire.questions,
+  };
+
+  return (
+    <QuestionnaireDetailsPage
+      questionnaire={cleanQuestionnaire as QuestionnaireType}
+    />
+  );
+}

app/[locale]/questionnaire/[id]/page.tsx

@@ -0,0 +1,24 @@
+'use client';
+import { notFound } from 'next/navigation';
+import { use } from 'react';
+import { Questionnaire } from '@/components/questionnaire/test/QuestionnaireTest';
+import { useQuestionnaire } from '@/hooks/useQuestionnaire';
+import { Questionnaire as QuestionnaireType } from '@/types';
+
+export default function QuestionnairePage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = use(params);
+
+  // Get the questionnaire with specified id from questionnaire data
+  const questionnaire = useQuestionnaire(id);
+
+  // If data not found, show 404 page
+  if (!questionnaire) {
+    return notFound();
+  }
+
+  return <Questionnaire questionnaire={questionnaire as QuestionnaireType} id={id} />;
+}

app/[locale]/questionnaire/[id]/result/page.tsx

@@ -0,0 +1,98 @@
+'use client';
+
+import { notFound } from 'next/navigation';
+import { useEffect, useState, useMemo, use } from 'react';
+import { Button } from '@/components/ui/button';
+import { Questionnaire } from '@/types';
+import Link from 'next/link';
+import { ResultContainer } from '@/components/questionnaire/result/public/ResultContainer';
+import { AnswerList } from '@/components/questionnaire/result/public/AnswerList';
+import { ResultAnalysis } from '@/components/questionnaire/result/analysis/ResultAnalysis';
+import { useQuestionnaire } from '@/hooks/useQuestionnaire';
+import { useScopedI18n } from '@/locales/client';
+import { loadResult } from '@/lib/result-storage';
+
+export default function QuestionnaireResultPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = use(params);
+  const [loading, setLoading] = useState(true);
+  const [decodedAnswers, setDecodedAnswers] = useState<string[] | null>(null);
+  const t = useScopedI18n('app.questionnaire.result');
+
+  // Get the questionnaire with specified id from questionnaire data
+  const questionnaire = useQuestionnaire(id) as Questionnaire;
+
+  // Load results from tab-local storage. Answers are intentionally not kept in the URL.
+  useEffect(() => {
+    if (!questionnaire || !questionnaire.details) {
+      return;
+    }
+
+    setDecodedAnswers(loadResult(id));
+    setLoading(false);
+  }, [id, questionnaire]);
+
+  // Construct question-option text pairs for copying result data
+  const questionnaireResults: Record<string, string> = useMemo(() => {
+    if (!questionnaire || !decodedAnswers) return {};
+    const obj: Record<string, string> = {};
+    questionnaire.questions.forEach((q, idx) => {
+      const val = decodedAnswers[idx];
+      if (val === undefined) return;
+      const option = questionnaire.renderOptions(q.id).find(
+        (o) => String(o.value) === String(val)
+      );
+      obj[q.content] = option ? option.content : String(val);
+    });
+    return obj;
+  }, [decodedAnswers, questionnaire]);
+
+  // If data not found, show 404 page
+  if (!questionnaire || !questionnaire.details) {
+    return notFound();
+  }
+
+  if (loading) {
+    return (
+      <div className="flex justify-center items-center min-h-screen">
+        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500"></div>
+      </div>
+    );
+  }
+
+  if (!decodedAnswers || decodedAnswers.length !== questionnaire.questions.length) {
+    return (
+      <div className="flex justify-center items-center min-h-screen  md:p-4 p-2">
+        <div className="max-w-6xl w-full bg-white rounded-lg shadow-lg md:p-8 p-4 border">
+          <h1 className="text-2xl font-bold mb-6">
+            {questionnaire.title} - {t('resultNotFoundTitle')}
+          </h1>
+          <p className="text-gray-700 mb-6">{t('resultNotFoundDesc')}</p>
+          <Button>
+            <Link href={`/questionnaire/${id}`}>{t('retryTest')}</Link>
+          </Button>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <ResultContainer 
+      title={questionnaire.title} 
+      id={id}
+      questionnaire={questionnaire}
+      answers={decodedAnswers}
+      questionnaireResults={questionnaireResults}
+    >
+      <AnswerList
+        questions={questionnaire.questions}
+        answers={decodedAnswers}
+        renderOptions={questionnaire.renderOptions}
+      />
+      <ResultAnalysis questionnaireId={id} answers={decodedAnswers} />
+    </ResultContainer>
+  );
+}