From d095d68433a14573a0717625b1b2a55d7effd920 Mon Sep 17 00:00:00 2001
From: ywb <347742090@qq.com>
Date: Sat, 23 May 2026 19:40:52 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=90=E8=A1=8C=E6=98=BE=E7=A4=BA=E4=B8=A4?=
 =?UTF-8?q?=E4=B8=AA=E6=91=84=E5=83=8F=E5=A4=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 agv_app/static/css/style.css   |  8 ++++++++
 agv_app/static/js/running.js   |  8 ++++++--
 agv_app/templates/running.html | 11 +++++++++--
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/agv_app/static/css/style.css b/agv_app/static/css/style.css
index ad3eda8..3bbc7f6 100644
--- a/agv_app/static/css/style.css
+++ b/agv_app/static/css/style.css
@@ -912,3 +912,11 @@ a:hover { text-decoration: underline; }
   0%, 100% { opacity: 1; }
   50% { opacity: 0.3; }
 }
+
+/* ========== 运行页双摄像头 ========== */
+.camera-dual {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+  margin-top: 12px;
+}
diff --git a/agv_app/static/js/running.js b/agv_app/static/js/running.js
index aa01478..eef4927 100644
--- a/agv_app/static/js/running.js
+++ b/agv_app/static/js/running.js
@@ -10,7 +10,8 @@ createApp({
       progress: 0,
       tasks: [],
       report: null,
-      previewUrl: API + '/api/camera/preview',
+      agvPreviewUrl: API + '/api/camera/preview',
+      armPreviewUrl: API + '/api/camera/arm_refresh',
       polling: null,
       logs: [],
       showQrModal: false,
@@ -123,7 +124,10 @@ createApp({
         body: JSON.stringify({ qr: 'SKIP' })
       })
     },
-    onPreviewError(e) {
+    onAgvPreviewError(e) {
+      e.target.style.display = 'none'
+    },
+    onArmPreviewError(e) {
       e.target.style.display = 'none'
     }
   }
diff --git a/agv_app/templates/running.html b/agv_app/templates/running.html
index 5536159..0ea37a9 100644
--- a/agv_app/templates/running.html
+++ b/agv_app/templates/running.html
@@ -85,8 +85,15 @@
       <!-- 实时预览 -->
       <section class="card">
         <h2>📷 摄像头预览</h2>
-        <div class="camera-full">
-          <img :src="previewUrl" @error="onPreviewError">
+        <div class="camera-dual">
+          <div class="camera-box">
+            <div class="camera-label">🎥 AGV 摄像头</div>
+            <img :src="agvPreviewUrl" @error="onAgvPreviewError" class="camera-img">
+          </div>
+          <div class="camera-box">
+            <div class="camera-label">🦾 机械臂摄像头</div>
+            <img :src="armPreviewUrl" @error="onArmPreviewError" class="camera-img">
+          </div>
         </div>
       </section>