feat: PDD 批量采集支持可选客户端 (#74)

admin/templates/pdd/list.html

@@ -20,7 +20,7 @@
 
   {{/* 文案是「创建采集任务」不是「采集」：点完只是排了个队，
        真正去手机上采要等客户端来领，可能几秒也可能几分钟 */}}
-  <button type="submit" form="pdd-form" formaction="/pdd/collect"
+  <button type="button" data-modal-open="collect-modal" data-collect-open
           data-need-checked>创建采集任务</button>
 
   <form class="inline grow" method="get" action="/pdd">
@@ -139,6 +139,37 @@
   </div>
 </div>
 
+{{/* ── 批量采集确认弹窗 ─────────────────────────
+     客户端是可选项，默认留空。服务端仍会按当前账号重新校验候选范围。 */}}
+<div class="modal-backdrop" id="collect-modal" hidden>
+  <div class="modal" role="dialog" aria-modal="true" aria-labelledby="collect-modal-title">
+    <div class="modal-head">
+      <h2 id="collect-modal-title">创建采集任务</h2>
+      <button type="button" class="modal-x" data-modal-close aria-label="关闭">×</button>
+    </div>
+    <div class="modal-body">
+      <p>将为已选择的 <strong data-collect-count>0</strong> 个商品创建采集任务。</p>
+      <div class="field">
+        <label for="collect-client">执行客户端</label>
+        <select id="collect-client" name="client_id" form="pdd-form" autofocus>
+          <option value="">不指定（任意客户端可领取）</option>
+          {{range .AssignableClients}}
+          <option value="{{.ClientID}}">{{.Name}}（{{.ClientID}}，{{.Status}}）</option>
+          {{end}}
+        </select>
+      </div>
+      <p class="hint">
+        通常保持默认即可。指定后，任务只等待该客户端领取；客户端离线时不会自动改派。
+      </p>
+    </div>
+    <div class="modal-foot">
+      <button type="button" data-modal-close>取消</button>
+      <button type="submit" form="pdd-form" formaction="/pdd/collect" class="primary"
+              data-collect-submit>确认创建</button>
+    </div>
+  </div>
+</div>
+
 {{/* ── 编辑弹窗的壳子 ───────────────────────────
      里面的内容双击行时由 /pdd/detail 返回，前端只负责放进来和显示。 */}}
 <div class="modal-backdrop" id="detail-modal" data-detail-url="{{.DetailURL}}" hidden>