feat: 公开首页(搜索+商品详情) + 好心人投稿 + 后台审核收纳

- 公开前端 SPA（根路径 /）：首页大搜索框、检索结果、只读商品详情、贡献档案表单 - 公开写入端点 POST /api/public/submissions（无需登录，基础频率限流），投稿进入 submission 待审核队列，不直接写 product - 迁移 0006：submission 投稿表 + community 来源(trust=0.50) - 后台审核队列：列表(待审核/已通过/已驳回) → 查看投稿 → 通过(创建/补全商品 + 记 source=community + 字段级溯源 + 审计 + 重算质量分) / 驳回(记原因) - 公开只读 api 服务内嵌公开 SPA；Dockerfile.prod 增加 node 构建阶段 + 内嵌 dist Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
2026-06-20 05:11:07 +00:00
parent bad771e172
commit c9a4404052
36 changed files with 4615 additions and 28 deletions
@@ -0,0 +1,71 @@
+import { useState } from "react";
+import { Boxes, Search, PlusCircle } from "lucide-react";
+import Home from "./components/Home";
+import ProductView from "./components/ProductView";
+import Contribute from "./components/Contribute";
+
+type View =
+  | { name: "home" }
+  | { name: "product"; id: string }
+  | { name: "contribute" };
+
+export default function App() {
+  const [view, setView] = useState<View>({ name: "home" });
+
+  return (
+    <div className="min-h-full flex flex-col">
+      <header className="bg-white border-b">
+        <div className="max-w-5xl mx-auto px-4 h-14 flex items-center justify-between">
+          <button
+            className="flex items-center gap-2 font-semibold text-gray-800"
+            onClick={() => setView({ name: "home" })}
+          >
+            <Boxes className="w-6 h-6 text-emerald-600" />
+            OpenGoods
+            <span className="text-gray-400 font-normal text-sm">商品档案公共库</span>
+          </button>
+          <nav className="flex items-center gap-1 text-sm">
+            <button
+              className={`px-3 py-1.5 rounded-md flex items-center gap-1.5 ${
+                view.name === "home" ? "bg-emerald-50 text-emerald-700" : "text-gray-600 hover:bg-gray-100"
+              }`}
+              onClick={() => setView({ name: "home" })}
+            >
+              <Search className="w-4 h-4" /> 检索
+            </button>
+            <button
+              className={`px-3 py-1.5 rounded-md flex items-center gap-1.5 ${
+                view.name === "contribute" ? "bg-emerald-50 text-emerald-700" : "text-gray-600 hover:bg-gray-100"
+              }`}
+              onClick={() => setView({ name: "contribute" })}
+            >
+              <PlusCircle className="w-4 h-4" /> 贡献档案
+            </button>
+          </nav>
+        </div>
+      </header>
+
+      <main className="flex-1 max-w-5xl w-full mx-auto px-4 py-6">
+        {view.name === "home" && (
+          <Home
+            onOpen={(id) => setView({ name: "product", id })}
+            onContribute={() => setView({ name: "contribute" })}
+          />
+        )}
+        {view.name === "product" && (
+          <ProductView id={view.id} onBack={() => setView({ name: "home" })} />
+        )}
+        {view.name === "contribute" && (
+          <Contribute onDone={() => setView({ name: "home" })} />
+        )}
+      </main>
+
+      <footer className="border-t bg-white">
+        <div className="max-w-5xl mx-auto px-4 py-4 text-xs text-gray-400 leading-relaxed">
+          OpenGoods 是公益性「商品事实库」，仅收录客观商品信息（条码、品牌、品类、营养、官方建议零售价快照等），不含任何购买/交易功能。
+          公众投稿须经人工审核后方可收纳。
+        </div>
+      </footer>
+    </div>
+  );
+}