Files
jongryangje/app/Views/admin/bag_order/detail.php
taekyoungc a8afaf4af2 style: 표/패널 UI 전면 통일 + 화면설명 드로어·글씨크기·탭 개선
표 디자인
- 모든 표를 가벼운 스타일로 통일(.data-table 경량화: 작은 회색 헤더·연한 구분선·hover)
- 표/패널 바깥 테두리 둥글게(rounded-lg) 일괄 적용, 표 래퍼에 패딩 카드(p-4) 통일
- 표 헤더·데이터 정렬을 전 화면 좌측 기준으로 통일
  - .data-table th/td text-align:left (전역), 흩어진 center/right 정렬 정리
  - 재디자인 Tailwind 표(포장단위·단가·기본코드·담당자·업체·판매대행소·무료대상자·지정판매소)도 셀 좌측화
- 기본정보관리 등 나머지 소메뉴 표를 기본 코드 관리 스타일(가벼운 표·상태 pill)로 재디자인

워크스페이스/공통
- "이 화면 설명" → 새 탭 대신 우측 드로어 팝업(현재 화면과 동시에 보기, Esc·드래그 폭조절)
- 상단바 글씨 크기 조절(A−/A+), 작업 내용에 zoom 적용
- 탭 최대치 도달 시 자동 삭제 대신 안내 토스트, "모두 닫기"(업무 현황 탭은 보존)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-11 17:26:36 +09:00

103 lines
4.0 KiB
PHP

<section class="border-b border-gray-300 p-2 shrink-0 bg-control-panel">
<div class="flex items-center gap-2">
<a href="<?= mgmt_url('bag-orders') ?>" class="text-blue-600 hover:underline text-sm">&larr; 발주 목록</a>
<span class="text-gray-400">|</span>
<span class="text-sm font-bold text-gray-700">발주 상세 <?= esc($order->bo_lot_no) ?></span>
</div>
</section>
<div class="border border-gray-300 rounded-lg p-4 mt-2 bg-white max-w-4xl">
<table class="w-full text-sm">
<tbody>
<tr class="border-b">
<th class="text-left py-2 pr-4 text-gray-600 w-28">UUID</th>
<td class="py-2 font-mono"><?= esc($order->bo_uuid) ?></td>
</tr>
<tr class="border-b">
<th class="text-left py-2 pr-4 text-gray-600 w-28">버전</th>
<td class="py-2"><?= esc($order->bo_version) ?></td>
</tr>
<tr class="border-b">
<th class="text-left py-2 pr-4 text-gray-600 w-28">발주일</th>
<td class="py-2"><?= esc($order->bo_order_date) ?></td>
</tr>
<tr class="border-b">
<th class="text-left py-2 pr-4 text-gray-600 w-28">제작업체</th>
<td class="py-2"><?= esc($companyName ?? '') ?></td>
</tr>
<tr class="border-b">
<th class="text-left py-2 pr-4 text-gray-600 w-28">입고처</th>
<td class="py-2"><?= esc($agencyName ?? '') ?></td>
</tr>
<tr class="border-b">
<th class="text-left py-2 pr-4 text-gray-600 w-28">LOT번호</th>
<td class="py-2 font-mono"><?= esc($order->bo_lot_no) ?></td>
</tr>
<tr class="border-b">
<th class="text-left py-2 pr-4 text-gray-600 w-28">수수료율</th>
<td class="py-2"><?= esc($order->bo_fee_rate) ?>%</td>
</tr>
<tr class="border-b">
<th class="text-left py-2 pr-4 text-gray-600 w-28">상태</th>
<td class="py-2">
<?php
$statusMap = ['normal' => '정상', 'cancelled' => '취소', 'deleted' => '삭제'];
echo esc($statusMap[$order->bo_status] ?? $order->bo_status);
?>
</td>
</tr>
<tr>
<th class="text-left py-2 pr-4 text-gray-600 w-28">해시</th>
<td class="py-2 font-mono text-xs"><?= esc($order->bo_hash) ?></td>
</tr>
</tbody>
</table>
</div>
<div class="border border-gray-300 rounded-lg p-4 overflow-auto mt-4">
<table class="w-full data-table">
<thead>
<tr>
<th class="text-center">봉투코드</th>
<th class="text-left">봉투명</th>
<th class="text-right">단가</th>
<th class="text-right">박스수</th>
<th class="text-right">낱장수</th>
<th class="text-right">금액</th>
</tr>
</thead>
<tbody class="text-right">
<?php
$totalQtyBox = 0;
$totalQtySheet = 0;
$totalAmount = 0;
?>
<?php foreach ($items as $item): ?>
<tr>
<td class="text-center font-mono"><?= esc($item->boi_bag_code) ?></td>
<td class="text-left pl-2"><?= esc($item->boi_bag_name) ?></td>
<td><?= number_format((float) $item->boi_unit_price) ?></td>
<td><?= number_format((int) $item->boi_qty_box) ?></td>
<td><?= number_format((int) $item->boi_qty_sheet) ?></td>
<td><?= number_format((float) $item->boi_amount) ?></td>
</tr>
<?php
$totalQtyBox += (int) $item->boi_qty_box;
$totalQtySheet += (int) $item->boi_qty_sheet;
$totalAmount += (float) $item->boi_amount;
?>
<?php endforeach; ?>
<?php if (empty($items)): ?>
<tr><td colspan="6" class="text-center text-gray-400 py-4">등록된 품목이 없습니다.</td></tr>
<?php endif; ?>
</tbody>
<tfoot class="bg-gray-50 font-bold text-right">
<tr>
<td colspan="3" class="text-center">합계</td>
<td><?= number_format($totalQtyBox) ?></td>
<td><?= number_format($totalQtySheet) ?></td>
<td><?= number_format($totalAmount) ?></td>
</tr>
</tfoot>
</table>
</div>