From 13d22ce848b3da4d5d143caf988d047fb5b0a9c0 Mon Sep 17 00:00:00 2001
From: tian <11429339@qq.com>
Date: Fri, 17 Jul 2026 17:23:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20wizard=20camera=20picker=20=E2=80=94=20s?=
 =?UTF-8?q?elect=20from=20existing=20video=20sources=20dropdown?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 internal/web/ui/templates/wizard.html | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/internal/web/ui/templates/wizard.html b/internal/web/ui/templates/wizard.html
index f90d951..987bcc9 100644
--- a/internal/web/ui/templates/wizard.html
+++ b/internal/web/ui/templates/wizard.html
@@ -62,6 +62,16 @@
 
     <div style="padding:12px;border:1px dashed var(--border);border-radius:var(--radius);margin-bottom:16px">
       <div style="font-size:12px;font-weight:600;margin-bottom:8px">+ 添加摄像头</div>
+      <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px">
+        <select id="existing-source-select" style="width:200px;font-size:12px">
+          <option value="">选择已有视频源...</option>
+          {{range .ConsoleAllVideoSources}}
+          <option value="{{.Name}}|{{.Config.URL}}">{{.Name}}</option>
+          {{end}}
+        </select>
+        <button class="btn" id="btn-add-existing-source" style="white-space:nowrap">添加此摄像头</button>
+      </div>
+      <div style="color:var(--muted);font-size:11px;margin:8px 0">或手动输入新摄像头</div>
       <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap">
         <input type="text" id="new-source-name" placeholder="摄像头名称（如：车间东门）" style="width:160px;font-size:12px">
         <input type="text" id="new-source-url" placeholder="RTSP 地址（rtsp://...）" style="flex:1;min-width:260px;font-size:12px;font-family:monospace">
@@ -269,6 +279,21 @@
     featDiv.innerHTML = '<span class="muted small" id="feature-placeholder">加载设备能力中...</span>';
   }
 
+  document.getElementById("btn-add-existing-source").addEventListener("click", function(){
+    var sel = document.getElementById("existing-source-select");
+    var val = sel.value;
+    if (!val) return;
+    var parts = val.split("|");
+    var name = parts[0];
+    var url = parts.slice(1).join("|");
+    if (step2Assigned.find(function(s){return s.name===name}) || step2Added.find(function(s){return s.name===name})) {
+      return;
+    }
+    step2Added.push({name: name, url: url});
+    sel.value = "";
+    renderAssignedSources();
+  });
+
   document.getElementById("btn-add-source").addEventListener("click", function(){
     var nameEl = document.getElementById("new-source-name");
     var urlEl = document.getElementById("new-source-url");