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

admin/static/css/app.css

@@ -264,6 +264,19 @@ tr.empty small { color: #aaa; }
 .modal-body { padding: 16px; }
 .modal-body h3 { font-size: 14px; margin: 20px 0 8px; }
 .form-stack { display: grid; gap: 16px; }
+.purchase-confirm-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 220px;
+  align-items: center;
+  gap: 16px;
+  padding: 12px;
+  border: 1px solid #d9dde3;
+  border-radius: 6px;
+}
+.purchase-confirm-row label { display: grid; gap: 6px; }
+@media (max-width: 760px) {
+  .purchase-confirm-row { grid-template-columns: 1fr; }
+}
 .modal-foot {
   display: flex;
   align-items: center;

admin/static/js/app.js

@@ -19,7 +19,7 @@
     if (!table) return;
 
     function rowBoxes() {
-      return table.querySelectorAll("tbody input[type=checkbox]");
+      return table.querySelectorAll("tbody input[type=checkbox]:not(:disabled)");
     }
 
     master.addEventListener("change", function () {
@@ -42,7 +42,7 @@
   /* ── 选中数量 ────────────────────────────── */
   function checkedCount() {
     return document.querySelectorAll(
-      "tbody input[type=checkbox]:checked"
+      "tbody input[type=checkbox]:checked:not(:disabled)"
     ).length;
   }
 
@@ -134,6 +134,31 @@
     });
   }
 
+  /* 采购确认弹窗只负责把服务端已经渲染的本页行按勾选结果显示出来。
+     规格有效性、价格和客户端权限仍由服务端重新校验。 */
+  function setupPurchaseModal() {
+    var openButton = document.querySelector("[data-purchase-open]");
+    var form = document.querySelector("[data-purchase-form]");
+    if (!openButton || !form) return;
+    openButton.addEventListener("click", function () {
+      var selected = {};
+      document.querySelectorAll("tbody input[name=ids]:checked").forEach(function (box) {
+        selected[box.value] = true;
+      });
+      var shown = 0;
+      form.querySelectorAll("[data-purchase-row]").forEach(function (row) {
+        var enabled = !!selected[row.getAttribute("data-purchase-row")];
+        row.hidden = !enabled;
+        row.querySelectorAll("input").forEach(function (input) {
+          input.disabled = !enabled;
+        });
+        if (enabled) shown += 1;
+      });
+      var empty = form.querySelector("[data-purchase-empty]");
+      if (empty) empty.hidden = shown > 0;
+    });
+  }
+
   /* ── 弹窗 ──────────────────────────────────
      弹窗**内容由服务端渲染**，这里只负责显示、隐藏和把内容取回来。
      不要在这里拼业务数据——价格格式、规格顺序都是业务规则，
@@ -349,6 +374,7 @@
     setupConfirmSubmit();
     setupUserResetModal();
     setupClientAssignmentModal();
+    setupPurchaseModal();
     setupModals();
     setupRowDetail();
     setupCaptchaRefresh();