docs(uiux): UIUX 设计方案大改 + 5 份作业指导书对齐 + 开发任务文档

- UIUX 文档：填充 19 个缺口（多主体画像/健康度/AI+看板/增长域/洞察域/创始人端/OODA/助推/商密） - UIUX 文档：插入 6 个新章节（十四~十九），旧章节重编号为二十~三十一，更新目录和交叉引用 - 作业指导书 x5：导航改为 6 域分组，新增 Context Bar/工作模式/Insight Rail/决策线程/多工作区等 UI 概念 - 新建 docs/2-task-uiux.md：50 个代码落地开发任务，按 P0-P6 分优先级 + 8 Sprint 规划 - 后端/前端：大量新增模型、路由、组件（来自之前 Phase 开发）
2026-07-19 11:53:38 +08:00
parent 734a16a7f3
commit fad458b2a7
243 changed files with 19898 additions and 658 deletions
@@ -0,0 +1,84 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { Receipt } from "lucide-react";
+import { listFinancialData, validateFinancial } from "@/lib/api-v2";
+import { PageContainer, Card, Badge, TableEmpty } from "@/components/shared/PageContainer";
+import { LoadingSpinner } from "@/components/shared/LoadingSpinner";
+import { EmptyState } from "@/components/shared/EmptyState";
+
+/**
+ * 投资人端 — 财务数据校验页面。
+ */
+export default function FinancialPage() {
+  const [items, setItems] = useState<Record<string, any>[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [companyId, setCompanyId] = useState("");
+
+  useEffect(() => {
+    if (!companyId) {
+      setIsLoading(false);
+      return;
+    }
+    listFinancialData(companyId)
+      .then((resp) => setItems((resp.data as Record<string, any>[]) ?? []))
+      .catch(() => setItems([]))
+      .finally(() => setIsLoading(false));
+  }, [companyId]);
+
+  return (
+    <PageContainer title="财务数据校验" description="AI 交叉验证不同来源数据一致性，检测报表内部逻辑矛盾">
+      <div className="flex items-center gap-2">
+        <input
+          type="text"
+          placeholder="输入企业 ID"
+          value={companyId}
+          onChange={(e) => setCompanyId(e.target.value)}
+          className="rounded-md border border-gray-300 px-3 py-1.5 text-sm"
+        />
+      </div>
+
+      {isLoading ? (
+        <LoadingSpinner />
+      ) : !companyId ? (
+        <EmptyState title="请输入企业 ID" description="输入企业 ID 后查看财务数据" />
+      ) : (
+        <div className="overflow-x-auto rounded-lg border border-gray-200">
+          <table className="min-w-full divide-y divide-gray-200 text-sm">
+            <thead className="bg-gray-50">
+              <tr>
+                <th className="px-4 py-2 text-left font-medium text-gray-500">期间</th>
+                <th className="px-4 py-2 text-left font-medium text-gray-500">报表类型</th>
+                <th className="px-4 py-2 text-left font-medium text-gray-500">可信度</th>
+                <th className="px-4 py-2 text-left font-medium text-gray-500">来源</th>
+              </tr>
+            </thead>
+            <tbody className="divide-y divide-gray-100 bg-white">
+              {items.length === 0 ? (
+                <TableEmpty colSpan={4} />
+              ) : (
+                items.map((item, i) => (
+                  <tr key={i}>
+                    <td className="px-4 py-2 text-gray-900">
+                      {item.period_year}-{String(item.period_month).padStart(2, "0")}
+                    </td>
+                    <td className="px-4 py-2 text-gray-600">{item.statement_type as string}</td>
+                    <td className="px-4 py-2">
+                      <Badge color={
+                        (item.credibility_score as number) >= 80 ? "green" :
+                        (item.credibility_score as number) >= 50 ? "amber" : "red"
+                      }>
+                        {item.credibility_score as number}
+                      </Badge>
+                    </td>
+                    <td className="px-4 py-2 text-gray-500">{item.source as string}</td>
+                  </tr>
+                ))
+              )}
+            </tbody>
+          </table>
+        </div>
+      )}
+    </PageContainer>
+  );
+}