fix: [개발용 임시] 후보 바코드 표를 페이지 맨 아래로 이동
스캔칸과 포장 명세 사이에 있던 후보 표를 두 카드 그리드 밖(페이지 최하단, 전체 폭)으로 옮기고, 상세 패널은 스캔칸→포장 명세 원래 배치로 복구. 기능(주문 선택 시 표시, 바코드 클릭 시 스캔칸 입력, 스캔 후 갱신)은 유지.
This commit is contained in:
@@ -114,31 +114,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- [개발용 임시] 선택 주문 판매소 기준 스캔 가능 바코드 후보 (개발 완료 후 이 블록 제거) -->
|
|
||||||
<div id="dev-saleable-panel" class="mt-2 hidden border border-amber-400 bg-amber-50/50 p-2 rounded-sm">
|
|
||||||
<p class="text-[11px] text-amber-900 mb-1 leading-relaxed">
|
|
||||||
<strong class="text-amber-950">[개발용 임시]</strong> 선택 주문의 판매소 기준 판매 테스트용 바코드 후보. <strong>바코드를 클릭하면 위 스캔칸에 입력</strong>됩니다. 개발 완료 후 이 블록과 API를 제거하세요.
|
|
||||||
</p>
|
|
||||||
<div class="max-h-52 overflow-auto border border-amber-300 bg-white">
|
|
||||||
<table class="w-full data-table text-xs">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="w-28 text-left">출처</th>
|
|
||||||
<th class="w-44 text-center">바코드(대표)</th>
|
|
||||||
<th class="text-left">봉투 종류</th>
|
|
||||||
<th class="w-20 text-center">포장</th>
|
|
||||||
<th class="w-12 text-right">수량</th>
|
|
||||||
<th class="w-14 text-center">상태</th>
|
|
||||||
<th class="text-left">비고(낱장범위 등)</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody id="dev-saleable-tbody">
|
|
||||||
<tr><td colspan="7" class="text-center text-gray-400 py-4">주문을 선택하면 목록이 표시됩니다.</td></tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mt-3">
|
<div class="mt-3">
|
||||||
<div class="flex items-center justify-between px-1 mb-1 text-sm">
|
<div class="flex items-center justify-between px-1 mb-1 text-sm">
|
||||||
<span class="font-semibold text-gray-700">포장 명세</span>
|
<span class="font-semibold text-gray-700">포장 명세</span>
|
||||||
@@ -170,6 +145,31 @@
|
|||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- [개발용 임시] 선택 주문 판매소 기준 스캔 가능 바코드 후보 — 페이지 맨 아래 배치 (개발 완료 후 이 블록과 API 제거) -->
|
||||||
|
<div id="dev-saleable-panel" class="mt-3 hidden border border-amber-400 bg-amber-50/50 p-2 rounded-sm">
|
||||||
|
<p class="text-[11px] text-amber-900 mb-1 leading-relaxed">
|
||||||
|
<strong class="text-amber-950">[개발용 임시]</strong> 선택 주문의 판매소 기준 판매 테스트용 바코드 후보. <strong>바코드를 클릭하면 봉투코드 스캔칸에 입력</strong>됩니다. 개발 완료 후 이 블록과 API를 제거하세요.
|
||||||
|
</p>
|
||||||
|
<div class="max-h-52 overflow-auto border border-amber-300 bg-white">
|
||||||
|
<table class="w-full data-table text-xs">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="w-28 text-left">출처</th>
|
||||||
|
<th class="w-44 text-center">바코드(대표)</th>
|
||||||
|
<th class="text-left">봉투 종류</th>
|
||||||
|
<th class="w-20 text-center">포장</th>
|
||||||
|
<th class="w-12 text-right">수량</th>
|
||||||
|
<th class="w-14 text-center">상태</th>
|
||||||
|
<th class="text-left">비고(낱장범위 등)</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="dev-saleable-tbody">
|
||||||
|
<tr><td colspan="7" class="text-center text-gray-400 py-4">주문을 선택하면 목록이 표시됩니다.</td></tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
(() => {
|
(() => {
|
||||||
const orders = <?= json_encode($orders ?? [], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) ?>;
|
const orders = <?= json_encode($orders ?? [], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) ?>;
|
||||||
|
|||||||
Reference in New Issue
Block a user