feat: 完成规格映射与采购任务创建 (#69)

admin/templates/syb/list.html

@@ -21,13 +21,7 @@
 
   <button type="button" data-modal-open="sync-history-modal">同步记录</button>
 
-  <form class="inline" method="post" action="/syb/create-task">
-    <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
-    <input type="hidden" name="order_no" value="{{.Keyword}}">
-    <input type="hidden" name="stage" value="{{.StageFilter}}">
-    <input type="hidden" name="page" value="{{.CurrentPage}}">
-    <button type="submit" data-need-checked>创建采购任务</button>
-  </form>
+  <button type="button" data-need-checked data-modal-open="purchase-modal" data-purchase-open>创建采购任务</button>
 
   <form class="inline grow" method="get" action="/syb">
     <label for="stage">处理阶段</label>
@@ -110,7 +104,7 @@
     {{range .Rows}}
     <tr data-detail-id="{{.SybID}}" {{if .NeedsAttention}}class="row-warn"{{end}}>
       <td class="col-check">
-        <input type="checkbox" value="{{.SybID}}" name="ids"
+        <input type="checkbox" value="{{.SybID}}" name="ids" {{if not .CanPurchase}}disabled{{end}}
                aria-label="选择货运单明细 {{.SybID}}">
       </td>
       <td>{{.SybID}}</td>
@@ -145,6 +139,47 @@
 </table>
 </div>
 
+<div class="modal-backdrop" id="purchase-modal" hidden>
+  <div class="modal modal-wide" role="dialog" aria-modal="true" aria-labelledby="purchase-modal-title">
+    <div class="modal-head">
+      <h2 id="purchase-modal-title">确认创建采购任务</h2>
+      <button type="button" class="modal-x" data-modal-close aria-label="关闭">×</button>
+    </div>
+    <form method="post" action="/syb/create-task" data-purchase-form
+          data-confirm-submit="确认按下面的人民币价格上限创建采购任务？任务创建后将等待所选客户端领取。">
+      <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
+      <input type="hidden" name="order_no" value="{{.Keyword}}">
+      <input type="hidden" name="stage" value="{{.StageFilter}}">
+      <input type="hidden" name="page" value="{{.CurrentPage}}">
+      <div class="modal-body form-stack">
+        <div class="field">
+          <label for="purchase-client">执行客户端</label>
+          <select id="purchase-client" name="client_id" required autofocus>
+            <option value="">请选择当前账号可见的客户端</option>
+            {{range .AssignableClients}}<option value="{{.ClientID}}">{{.Name}}（{{.ClientID}}，{{.Status}}）</option>{{end}}
+          </select>
+          {{if not .AssignableClients}}<small class="missing">当前账号没有可用客户端，请先让管理员完成客户端绑定。</small>{{end}}
+        </div>
+        <p class="hint">价格上限单位是人民币元，默认取已映射 PDD 规格的采集价；不会使用顺运宝的台币售价。</p>
+        {{range .Rows}}
+        <div class="purchase-confirm-row" data-purchase-row="{{.SybID}}" hidden>
+          <input type="hidden" name="ids" value="{{.SybID}}" disabled>
+          <div><strong>{{.OrderNo}}</strong> · {{.Title}} · {{.ProductSpec}} × {{.Quantity}}</div>
+          <label>人民币价格上限（元）
+            <input type="number" name="max_price_yuan" min="0.01" step="0.01" value="{{.DefaultMaxPrice}}" required disabled>
+          </label>
+        </div>
+        {{end}}
+        <p class="missing" data-purchase-empty hidden>没有选择可采购的明细，请关闭后重新勾选。</p>
+      </div>
+      <div class="modal-foot">
+        <button type="button" data-modal-close>取消</button>
+        <button type="submit" class="primary" {{if not .AssignableClients}}disabled{{end}}>确认创建</button>
+      </div>
+    </form>
+  </div>
+</div>
+
 <p class="hint">
   每行只显示当前最需要完成的下一步；双击行或点击“下一步”按钮可以打开处理详情。
 </p>