From e0a5a572cc3d05a78bfe72ca8206dd10da657049 Mon Sep 17 00:00:00 2001
From: duxingchen <duxingchen@iris-rs.cn>
Date: Wed, 12 Aug 2026 14:51:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=89=AB=E7=A0=81=E9=A1=B5=E5=8F=8C?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=20=E2=80=94=20=E7=9C=8B=E6=9D=BF=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=E6=98=BE=E7=A4=BA=E4=BB=BB=E5=8A=A1=E5=85=A8=E6=99=AF?=
 =?UTF-8?q?(=E6=97=A0=E6=91=84=E5=83=8F=E5=A4=B4),=20=E7=9B=B4=E6=8E=A5?=
 =?UTF-8?q?=E8=AE=BF=E9=97=AE=E4=BF=9D=E7=95=99=E6=89=AB=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/ScanPage.tsx | 35 +++++++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/ScanPage.tsx b/frontend/src/pages/ScanPage.tsx
index 463ce60..aaf998a 100644
--- a/frontend/src/pages/ScanPage.tsx
+++ b/frontend/src/pages/ScanPage.tsx
@@ -42,6 +42,7 @@ export default function ScanPage() {
   }, []);
 
   // URL 参数自动查询（支持从看板等外部跳转）
+  const isEmbedded = !!searchParams.get("sn");
   useEffect(() => {
     const sn = searchParams.get("sn");
     if (sn) doQuery(sn.trim());
@@ -58,10 +59,34 @@ export default function ScanPage() {
 
   return (
     <div className="flex min-h-full flex-col pb-20 pt-safe">
-      <div className="flex items-center gap-2 px-4 pt-2">
-        <QrCode className="h-5 w-5 text-blue-600" />
-        <h2 className="text-lg font-bold text-gray-800">扫码干活</h2>
-      </div>
+      {/* 外部跳转模式：干净的任务全景视图 */}
+      {isEmbedded ? (
+        <>
+          <div className="flex items-center gap-2 px-4 pt-2">
+            <QrCode className="h-5 w-5 text-blue-600" />
+            <h2 className="text-lg font-bold text-gray-800">任务全景 · 流转树</h2>
+            <span className="ml-auto text-xs text-gray-400">从看板跳转</span>
+          </div>
+          {product && (
+            <div className="mt-3 px-4">
+              <div className="flex items-center gap-2 rounded-lg bg-white px-4 py-2.5 shadow-sm">
+                <span className="text-xs text-gray-400">宏观状态</span>
+                <span className={\`flex-1 text-sm font-bold \${product.overall_status ? "text-blue-600" : "text-red-500"}\`}>
+                  {product.overall_status || "未设定"}
+                </span>
+              </div>
+            </div>
+          )}
+          <div className="mt-3 px-4">
+            <QueryResult loading={loading} error={error} product={product} />
+          </div>
+        </>
+      ) : (
+        <>
+          <div className="flex items-center gap-2 px-4 pt-2">
+            <QrCode className="h-5 w-5 text-blue-600" />
+            <h2 className="text-lg font-bold text-gray-800">扫码干活</h2>
+          </div>
 
       {/* 摄像头扫码 — 点击启动时才动态加载 html5-qrcode */}
       <div className="mt-3 px-4">
@@ -109,6 +134,8 @@ export default function ScanPage() {
       <div className="mt-3 px-4">
         <QueryResult loading={loading} error={error} product={product} />
       </div>
+        </>
+      )}
     </div>
   );
 }