king/dbx-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(dispatch): 일괄 버튼 색을 카드 상태 버튼과 동일하게(.dsp-btn-status)

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

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
king
2026-06-22 15:36:32 +09:00
parent 46d23a3323
commit 90524100ed
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/modules/dispatch/templates/dispatch/detail.html
+6 -8
View File
@@ -6,7 +6,7 @@
.dsp-filter { display:flex;gap:6px;flex-wrap:wrap; } .dsp-filter { display:flex;gap:6px;flex-wrap:wrap; }
.dsp-search { flex:0 1 240px;min-width:150px; } .dsp-search { flex:0 1 240px;min-width:150px; }
.dsp-bulk { margin-left:auto;display:flex;gap:8px;flex-wrap:wrap; } .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-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 { border:1px solid #e2e8f0;border-radius:12px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:10px; }
.dsp-card { position:relative; } .dsp-card { position:relative; }
@@ -64,8 +64,8 @@
<input class="erp-input dsp-search" id="dsp-search" type="search" <input class="erp-input dsp-search" id="dsp-search" type="search"
placeholder="검색: Order ID / Tracking ID / 받는 사람 / SKU" /> placeholder="검색: Order ID / Tracking ID / 받는 사람 / SKU" />
<div class="dsp-bulk"> <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="dsp-btn-status" 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="handed_to_kagayaku" onclick="dspBulk(this,'handed_to_kagayaku')">모두 Kagayaku 전달</button>
</div> </div>
</div> </div>
@@ -145,9 +145,7 @@
// 버튼 상태(초록/외곽선) 동기화. 전부 완료면 on. // 버튼 상태(초록/외곽선) 동기화. 전부 완료면 on.
function refreshBulkButtons() { function refreshBulkButtons() {
document.querySelectorAll('.dsp-bulk [data-bulk]').forEach(function (btn) { document.querySelectorAll('.dsp-bulk [data-bulk]').forEach(function (btn) {
var on = allOn(btn.getAttribute('data-bulk')); btn.classList.toggle('on', allOn(btn.getAttribute('data-bulk')));
btn.classList.toggle('erp-btn-primary', on);
btn.classList.toggle('erp-btn-outline', !on);
}); });
} }
@@ -155,7 +153,7 @@
var target = !allOn(field); // 전부 완료면 해제, 아니면 완료 var target = !allOn(field); // 전부 완료면 해제, 아니면 완료
var verb = target ? '완료로 표시' : '완료 해제'; var verb = target ? '완료로 표시' : '완료 해제';
if (!confirm('이 배치의 모든 박스를 "' + (BULK_LABELS[field] || field) + '" ' + verb + '할까요?')) return; 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(); var body = new URLSearchParams();
body.set('field', field); body.set('field', field);
body.set('value', target ? 'true' : 'false'); body.set('value', target ? 'true' : 'false');
@@ -168,7 +166,7 @@
.then(function () { location.reload(); }) .then(function () { location.reload(); })
.catch(function () { .catch(function () {
alert('일괄 처리에 실패했습니다. 다시 시도하세요.'); alert('일괄 처리에 실패했습니다. 다시 시도하세요.');
document.querySelectorAll('.dsp-bulk .erp-btn').forEach(function (b) { b.disabled = false; }); document.querySelectorAll('.dsp-bulk button').forEach(function (b) { b.disabled = false; });
}); });
}; };