From c961fc0298ef387543dc02ac1b3a0dc426f62ae6 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Fri, 17 Apr 2026 13:32:43 +0800
Subject: [PATCH] refactor(web): create feeder overrides for unit-dependent
 pages

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/feeder/html/equipment-panel.html |  17 ++++
 web/feeder/html/modals.html          | 135 +++++++++++++++++++++++++++
 web/feeder/html/source-panel.html    |  22 +++++
 3 files changed, 174 insertions(+)
 create mode 100644 web/feeder/html/equipment-panel.html
 create mode 100644 web/feeder/html/modals.html
 create mode 100644 web/feeder/html/source-panel.html

diff --git a/web/feeder/html/equipment-panel.html b/web/feeder/html/equipment-panel.html
new file mode 100644
index 0000000..8210d4e
--- /dev/null
+++ b/web/feeder/html/equipment-panel.html
@@ -0,0 +1,17 @@
+<section class="panel top-left">
+  <div class="panel-head">
+    <h2>设备</h2>
+    <button type="button" id="newEquipmentBtn">+ 新增</button>
+  </div>
+  <div class="toolbar equipment-toolbar">
+    <input id="equipmentKeyword" placeholder="搜索编码或名称" />
+    <button type="button" class="secondary" id="refreshEquipmentBtn">刷新</button>
+  </div>
+  <div class="toolbar equipment-batch-toolbar">
+    <div class="muted" id="selectedEquipmentSummary">已选 0 台设备</div>
+    <select id="equipmentBatchUnitId"></select>
+    <button type="button" class="secondary" id="clearEquipmentSelectionBtn">清空选择</button>
+    <button type="button" id="applyEquipmentUnitBtn">批量设单元</button>
+  </div>
+  <div class="list equipment-list" id="equipmentList"></div>
+</section>
diff --git a/web/feeder/html/modals.html b/web/feeder/html/modals.html
new file mode 100644
index 0000000..ee282ba
--- /dev/null
+++ b/web/feeder/html/modals.html
@@ -0,0 +1,135 @@
+<div class="modal hidden" id="equipmentModal">
+  <div class="modal-content modal-sm">
+    <div class="modal-head">
+      <h3>设备配置</h3>
+      <button class="secondary" id="closeEquipmentModal">X</button>
+    </div>
+    <form id="equipmentForm" class="form">
+      <input type="hidden" id="equipmentId" />
+      <label>
+        所属单元
+        <select id="equipmentUnitId"></select>
+      </label>
+      <label>
+        编码
+        <input id="equipmentCode" required />
+      </label>
+      <label>
+        名称
+        <input id="equipmentName" required />
+      </label>
+      <label>
+        类型
+        <select id="equipmentKind"></select>
+      </label>
+      <label>
+        说明
+        <input id="equipmentDescription" />
+      </label>
+      <div class="form-actions">
+        <button type="button" class="secondary" id="equipmentReset">清空</button>
+        <button type="submit" id="equipmentSubmit">保存</button>
+      </div>
+    </form>
+  </div>
+</div>
+
+<div class="modal hidden" id="pointModal">
+  <div class="modal-content">
+    <div class="modal-head">
+      <h3>选择节点创建点位</h3>
+      <button class="secondary" id="closeModal">X</button>
+    </div>
+    <div class="toolbar">
+      <select id="pointSourceSelect"></select>
+      <div class="muted" id="pointSourceNodeCount">Nodes: 0</div>
+      <button id="browseNodes">加载节点</button>
+      <button class="secondary" id="refreshTree">刷新树</button>
+    </div>
+    <div class="tree" id="nodeTree"></div>
+    <div class="modal-foot">
+      <div class="muted" id="selectedCount">已选中 0 个节点</div>
+      <button id="createPoints">创建设备点位</button>
+    </div>
+  </div>
+</div>
+
+<div class="modal hidden" id="sourceModal">
+  <div class="modal-content modal-sm">
+    <div class="modal-head">
+      <h3>Source 配置</h3>
+      <button class="secondary" id="closeSourceModal">X</button>
+    </div>
+    <form id="sourceForm" class="form">
+      <input type="hidden" id="sourceId" />
+      <label>
+        名称
+        <input id="sourceName" required />
+      </label>
+      <label>
+        Endpoint
+        <input id="sourceEndpoint" placeholder="opc.tcp://host:port" required />
+      </label>
+      <label class="check-row">
+        <input type="checkbox" id="sourceEnabled" checked />
+        <span>启用</span>
+      </label>
+      <div class="form-actions">
+        <button type="button" class="secondary" id="sourceReset">清空</button>
+        <button type="submit" id="sourceSubmit">保存</button>
+      </div>
+    </form>
+  </div>
+</div>
+
+<div class="modal hidden" id="pointBindingModal">
+  <div class="modal-content modal-sm">
+    <div class="modal-head">
+      <h3>绑定点位</h3>
+      <button class="secondary" id="closePointBindingModal">X</button>
+    </div>
+    <form id="pointBindingForm" class="form">
+      <input type="hidden" id="bindingPointId" />
+      <label>
+        点位
+        <input id="bindingPointName" disabled />
+      </label>
+      <label>
+        设备
+        <select id="bindingEquipmentId"></select>
+      </label>
+      <label>
+        角色模板
+        <select id="bindingSignalRole"></select>
+      </label>
+      <div class="form-actions">
+        <button type="button" class="secondary" id="clearPointBinding">清空绑定</button>
+        <button type="submit" id="savePointBinding">保存</button>
+      </div>
+    </form>
+  </div>
+</div>
+
+<div class="modal hidden" id="batchBindingModal">
+  <div class="modal-content modal-sm">
+    <div class="modal-head">
+      <h3>批量绑定点位</h3>
+      <button class="secondary" id="closeBatchBindingModal">X</button>
+    </div>
+    <form id="batchBindingForm" class="form">
+      <div class="muted" id="batchBindingSummary">已选中 0 个点位</div>
+      <label>
+        设备
+        <select id="batchBindingEquipmentId"></select>
+      </label>
+      <label>
+        角色模板
+        <select id="batchBindingSignalRole"></select>
+      </label>
+      <div class="form-actions">
+        <button type="button" class="secondary" id="clearBatchBinding">清空设备和角色</button>
+        <button type="submit" id="saveBatchBinding">批量保存</button>
+      </div>
+    </form>
+  </div>
+</div>
diff --git a/web/feeder/html/source-panel.html b/web/feeder/html/source-panel.html
new file mode 100644
index 0000000..90f9fe6
--- /dev/null
+++ b/web/feeder/html/source-panel.html
@@ -0,0 +1,22 @@
+<section class="panel bottom-left">
+  <div class="stack-panel">
+    <div class="stack-section">
+      <div class="panel-head">
+        <h2>控制单元</h2>
+        <div class="toolbar">
+          <button type="button" class="secondary" id="refreshUnitBtn">刷新</button>
+          <button type="button" id="newUnitBtn">+ 新增</button>
+        </div>
+      </div>
+      <div class="list unit-list" id="unitList"></div>
+    </div>
+
+    <div class="stack-section stack-section-bordered">
+      <div class="panel-head">
+        <h2>数据源</h2>
+        <button type="button" id="openSourceForm">+ 新增</button>
+      </div>
+      <div class="source-panels" id="sourceList"></div>
+    </div>
+  </div>
+</section>