From 90524100edb9e19458ea4b449f57a55863e3a72a Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Mon, 22 Jun 2026 15:36:32 +0900
Subject: [PATCH] =?UTF-8?q?style(dispatch):=20=EC=9D=BC=EA=B4=84=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=83=89=EC=9D=84=20=EC=B9=B4=EB=93=9C=20?=
 =?UTF-8?q?=EC=83=81=ED=83=9C=20=EB=B2=84=ED=8A=BC=EA=B3=BC=20=EB=8F=99?=
 =?UTF-8?q?=EC=9D=BC=ED=95=98=EA=B2=8C(.dsp-btn-status)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 모두 라벨부착/모두 Kagayaku 전달 버튼이 송장 카드 버튼처럼
  ON 초록(#16a34a)/OFF 회색. erp-btn 대신 .dsp-btn-status + .on 토글

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../dispatch/templates/dispatch/detail.html        | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/app/modules/dispatch/templates/dispatch/detail.html b/app/modules/dispatch/templates/dispatch/detail.html
index 9dc2a90..f703596 100644
--- a/app/modules/dispatch/templates/dispatch/detail.html
+++ b/app/modules/dispatch/templates/dispatch/detail.html
@@ -6,7 +6,7 @@
   .dsp-filter { display:flex;gap:6px;flex-wrap:wrap; }
   .dsp-search { flex:0 1 240px;min-width:150px; }
   .dsp-bulk { margin-left:auto;display:flex;gap:8px;flex-wrap:wrap; }
-  .dsp-bulk .erp-btn:disabled { opacity:.6;cursor:wait; }
+  .dsp-bulk .dsp-btn-status { padding:8px 16px; }
   .dsp-cards { display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px; }
   .dsp-card { border:1px solid #e2e8f0;border-radius:12px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:10px; }
   .dsp-card { position:relative; }
@@ -64,8 +64,8 @@
       <input class="erp-input dsp-search" id="dsp-search" type="search"
              placeholder="검색: Order ID / Tracking ID / 받는 사람 / SKU" />
       <div class="dsp-bulk">
-        <button class="erp-btn erp-btn-outline" type="button" data-bulk="label_attached" onclick="dspBulk(this,'label_attached')">모두 라벨 부착</button>
-        <button class="erp-btn erp-btn-outline" type="button" data-bulk="handed_to_kagayaku" onclick="dspBulk(this,'handed_to_kagayaku')">모두 Kagayaku 전달</button>
+        <button class="dsp-btn-status" type="button" data-bulk="label_attached" onclick="dspBulk(this,'label_attached')">모두 라벨 부착</button>
+        <button class="dsp-btn-status" type="button" data-bulk="handed_to_kagayaku" onclick="dspBulk(this,'handed_to_kagayaku')">모두 Kagayaku 전달</button>
       </div>
     </div>
 
@@ -145,9 +145,7 @@
   // 버튼 상태(초록/외곽선) 동기화. 전부 완료면 on.
   function refreshBulkButtons() {
     document.querySelectorAll('.dsp-bulk [data-bulk]').forEach(function (btn) {
-      var on = allOn(btn.getAttribute('data-bulk'));
-      btn.classList.toggle('erp-btn-primary', on);
-      btn.classList.toggle('erp-btn-outline', !on);
+      btn.classList.toggle('on', allOn(btn.getAttribute('data-bulk')));
     });
   }
 
@@ -155,7 +153,7 @@
     var target = !allOn(field);  // 전부 완료면 해제, 아니면 완료
     var verb = target ? '완료로 표시' : '완료 해제';
     if (!confirm('이 배치의 모든 박스를 "' + (BULK_LABELS[field] || field) + '" ' + verb + '할까요?')) return;
-    document.querySelectorAll('.dsp-bulk .erp-btn').forEach(function (b) { b.disabled = true; });
+    document.querySelectorAll('.dsp-bulk button').forEach(function (b) { b.disabled = true; });
     var body = new URLSearchParams();
     body.set('field', field);
     body.set('value', target ? 'true' : 'false');
@@ -168,7 +166,7 @@
       .then(function () { location.reload(); })
       .catch(function () {
         alert('일괄 처리에 실패했습니다. 다시 시도하세요.');
-        document.querySelectorAll('.dsp-bulk .erp-btn').forEach(function (b) { b.disabled = false; });
+        document.querySelectorAll('.dsp-bulk button').forEach(function (b) { b.disabled = false; });
       });
   };