From 378dc4de38de18af2b577d88a9e1f65cc552fee2 Mon Sep 17 00:00:00 2001
From: taekyoungc <ctk@wixon.co.kr>
Date: Fri, 3 Jul 2026 18:10:30 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=A0=84=ED=99=94=20=EC=A3=BC=EB=AC=B8?=
 =?UTF-8?q?=20=EC=A0=91=EC=88=98=20=ED=99=94=EB=A9=B4=202=EC=97=B4=20?=
 =?UTF-8?q?=EC=9E=AC=EB=B0=B0=EC=B9=98(#19)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 좌측(좁은 컬럼): 판매소 검색/선택 → 접수 정보 → 지정판매소 정보
  (결제/가상계좌를 지정판매소 정보 카드 안으로 병합)
- 우측(넓은 컬럼): 전화 주문접수표(일괄)를 최상단부터 표시
- 기존 결제/가상계좌가 있던 우측 자리를 접수표가 차지하도록 변경
---
 app/Views/bag/order_phone.php | 109 +++++++++++++++++-----------------
 1 file changed, 54 insertions(+), 55 deletions(-)

diff --git a/app/Views/bag/order_phone.php b/app/Views/bag/order_phone.php
index 4880fee..022cae3 100644
--- a/app/Views/bag/order_phone.php
+++ b/app/Views/bag/order_phone.php
@@ -18,19 +18,22 @@
     <?= csrf_field() ?>
     <input type="hidden" name="return_to" value="bag/order/phone"/>
 
-    <div class="grid grid-cols-1 xl:grid-cols-3 gap-4">
-      <div class="xl:col-span-2 space-y-3">
-        <div class="flex flex-wrap items-center gap-2">
-          <label class="block text-sm font-bold text-gray-700 w-28">판매소 검색</label>
-          <div class="relative flex-1 min-w-[20rem]">
-            <input id="shop-search" class="border border-gray-300 rounded px-3 py-1.5 text-sm w-[34rem] max-w-full" type="text" autocomplete="off" placeholder="코드/사업자번호/대표자명/상호/전화/주소 중 하나 입력"/>
-            <div id="shop-search-suggest" class="hidden absolute left-0 top-full mt-1 w-[48rem] max-w-[90vw] max-h-72 overflow-auto border border-gray-300 rounded-lg bg-white shadow-lg z-30"></div>
+    <input type="hidden" name="so_delivery_date" value="<?= esc(date('Y-m-d', strtotime('+1 day'))) ?>"/>
+
+    <div class="grid grid-cols-1 xl:grid-cols-3 gap-4 items-start">
+      <!-- 좌측(좁게): 판매소 선택 → 접수정보 → 지정판매소 정보(+결제/가상계좌) -->
+      <div class="xl:col-span-1 space-y-3">
+        <div>
+          <label class="block text-sm font-bold text-gray-700 mb-1">판매소 검색</label>
+          <div class="relative">
+            <input id="shop-search" class="border border-gray-300 rounded px-3 py-1.5 text-sm w-full" type="text" autocomplete="off" placeholder="코드/사업자번호/대표자명/상호/전화/주소"/>
+            <div id="shop-search-suggest" class="hidden absolute left-0 top-full mt-1 w-[28rem] max-w-[90vw] max-h-72 overflow-auto border border-gray-300 rounded-lg bg-white shadow-lg z-30"></div>
           </div>
         </div>
 
-        <div class="flex flex-wrap items-center gap-2">
-          <label class="block text-sm font-bold text-gray-700 w-28">판매소 선택 <span class="text-red-500">*</span></label>
-          <select id="shop-select" class="border border-gray-300 rounded px-3 py-1.5 text-sm w-[34rem] max-w-full" name="so_ds_idx" required>
+        <div>
+          <label class="block text-sm font-bold text-gray-700 mb-1">판매소 선택 <span class="text-red-500">*</span></label>
+          <select id="shop-select" class="border border-gray-300 rounded px-3 py-1.5 text-sm w-full" name="so_ds_idx" required>
             <option value="">선택</option>
             <?php foreach ($shops as $shop): ?>
               <option
@@ -50,51 +53,45 @@
             <?php endforeach; ?>
           </select>
         </div>
-      </div>
 
-      <div class="border border-gray-300 rounded-lg p-2 bg-gray-50">
-        <div class="text-sm font-bold text-gray-700 mb-2">접수 정보</div>
-        <table class="w-full text-sm">
-          <tr><th class="text-left w-28 py-1">접수번호</th><td class="py-1 text-gray-800 font-semibold"><?= esc((string) ($receiptNo ?? 1)) ?></td></tr>
-          <tr><th class="text-left py-1">접수일</th><td class="py-1 text-gray-700"><?= esc(date('Y-m-d')) ?></td></tr>
-          <tr><th class="text-left py-1">배달일</th><td class="py-1 text-gray-700"><?= esc(date('Y-m-d', strtotime('+1 day'))) ?> (자동)</td></tr>
-          <tr><th class="text-left py-1">담당자</th><td class="py-1 text-gray-700"><?= esc((string) (session()->get('mb_name') ?? '담당자')) ?></td></tr>
-        </table>
-      </div>
-    </div>
-
-    <div class="grid grid-cols-1 xl:grid-cols-2 gap-4">
-      <div class="border border-gray-300 rounded-lg p-2 bg-gray-50">
-        <div class="text-sm font-bold text-gray-700 mb-2">지정판매소 정보</div>
-        <table class="w-full text-sm">
-          <tr><th class="text-left w-28 py-1">코드</th><td id="shop-info-code" class="py-1 text-gray-700">-</td></tr>
-          <tr><th class="text-left py-1">사업자번호</th><td id="shop-info-biz" class="py-1 text-gray-700">-</td></tr>
-          <tr><th class="text-left py-1">대표자명</th><td id="shop-info-rep" class="py-1 text-gray-700">-</td></tr>
-          <tr><th class="text-left py-1">상호명</th><td id="shop-info-name" class="py-1 text-gray-700">-</td></tr>
-          <tr><th class="text-left py-1">전화번호</th><td id="shop-info-tel" class="py-1 text-gray-700">-</td></tr>
-          <tr><th class="text-left py-1">주소</th><td id="shop-info-addr" class="py-1 text-gray-700">-</td></tr>
-        </table>
-      </div>
-
-      <div class="border border-gray-300 rounded-lg p-2 bg-gray-50">
-        <div class="text-sm font-bold text-gray-700 mb-2">결제/가상계좌</div>
-        <div class="flex flex-wrap items-center gap-2 mb-2">
-          <label class="block text-sm font-bold text-gray-700 w-24">결제구분 <span class="text-red-500">*</span></label>
-          <select id="payment-type" class="border border-gray-300 rounded px-3 py-1.5 text-sm w-40" name="so_payment_type" required>
-            <option value="">선택</option>
-            <option value="이체">이체</option>
-            <option value="가상계좌" selected>가상계좌</option>
-          </select>
-          <span id="payment-guide" class="text-xs text-gray-500"></span>
+        <div class="border border-gray-300 rounded-lg p-2 bg-gray-50">
+          <div class="text-sm font-bold text-gray-700 mb-2">접수 정보</div>
+          <table class="w-full text-sm">
+            <tr><th class="text-left w-28 py-1">접수번호</th><td class="py-1 text-gray-800 font-semibold"><?= esc((string) ($receiptNo ?? 1)) ?></td></tr>
+            <tr><th class="text-left py-1">접수일</th><td class="py-1 text-gray-700"><?= esc(date('Y-m-d')) ?></td></tr>
+            <tr><th class="text-left py-1">배달일</th><td class="py-1 text-gray-700"><?= esc(date('Y-m-d', strtotime('+1 day'))) ?> (자동)</td></tr>
+            <tr><th class="text-left py-1">담당자</th><td class="py-1 text-gray-700"><?= esc((string) (session()->get('mb_name') ?? '담당자')) ?></td></tr>
+          </table>
         </div>
-        <div class="text-sm">
-          <span class="font-semibold text-gray-700">가상계좌:</span>
-          <span id="shop-info-va" class="text-gray-700">-</span>
-        </div>
-      </div>
-    </div>
 
-    <input type="hidden" name="so_delivery_date" value="<?= esc(date('Y-m-d', strtotime('+1 day'))) ?>"/>
+        <div class="border border-gray-300 rounded-lg p-2 bg-gray-50">
+          <div class="text-sm font-bold text-gray-700 mb-2">지정판매소 정보</div>
+          <table class="w-full text-sm">
+            <tr><th class="text-left w-28 py-1">코드</th><td id="shop-info-code" class="py-1 text-gray-700">-</td></tr>
+            <tr><th class="text-left py-1">사업자번호</th><td id="shop-info-biz" class="py-1 text-gray-700">-</td></tr>
+            <tr><th class="text-left py-1">대표자명</th><td id="shop-info-rep" class="py-1 text-gray-700">-</td></tr>
+            <tr><th class="text-left py-1">상호명</th><td id="shop-info-name" class="py-1 text-gray-700">-</td></tr>
+            <tr><th class="text-left py-1">전화번호</th><td id="shop-info-tel" class="py-1 text-gray-700">-</td></tr>
+            <tr><th class="text-left py-1">주소</th><td id="shop-info-addr" class="py-1 text-gray-700">-</td></tr>
+          </table>
+          <div class="mt-3 pt-3 border-t border-gray-200">
+            <div class="text-sm font-bold text-gray-700 mb-2">결제/가상계좌</div>
+            <div class="flex flex-wrap items-center gap-2 mb-2">
+              <label class="block text-sm font-bold text-gray-700 w-24">결제구분 <span class="text-red-500">*</span></label>
+              <select id="payment-type" class="border border-gray-300 rounded px-3 py-1.5 text-sm w-40" name="so_payment_type" required>
+                <option value="">선택</option>
+                <option value="이체">이체</option>
+                <option value="가상계좌" selected>가상계좌</option>
+              </select>
+              <span id="payment-guide" class="text-xs text-gray-500"></span>
+            </div>
+            <div class="text-sm">
+              <span class="font-semibold text-gray-700">가상계좌:</span>
+              <span id="shop-info-va" class="text-gray-700">-</span>
+            </div>
+          </div>
+        </div>
+      </div><!-- /좌측 컬럼 -->
 
 <?php
 // 일괄표: 봉투코드를 카테고리(일반용·재사용·음식물 스티커·대형폐기물 스티커)로 묶어
@@ -137,8 +134,9 @@ foreach ($orderGroups as &$g) {
 }
 unset($g);
 ?>
-    <div class="mt-4">
-      <label class="block text-sm font-bold text-gray-700 mb-2">전화 주문접수표 (일괄)</label>
+      <!-- 우측(넓게): 전화 주문접수표(일괄) — 최상단부터 -->
+      <div class="xl:col-span-2">
+        <label class="block text-sm font-bold text-gray-700 mb-2">전화 주문접수표 (일괄)</label>
       <style>
         /* 그룹 헤더(rowspan/colspan) 경계선이 단가까지 이어지는 현상 방지 — 헤더 맨 아래 한 줄만 */
         /* table-layout: fixed — 판매수량 입력 시 숫자 자릿수 변화로 열 너비가 흔들리는 현상 방지 */
@@ -237,7 +235,8 @@ unset($g);
           </tfoot>
         </table>
       </div>
-    </div>
+      </div><!-- /우측 컬럼 -->
+    </div><!-- /2열 그리드 -->
 
     <div class="flex gap-2 pt-2">
       <button type="submit" class="bg-btn-search text-white px-6 py-1.5 rounded-sm text-sm shadow hover:opacity-90 transition">저장</button>