chpark/distribution_erp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin/orders): 좌:우 비율 2:3, 좌측 리스트 압축 + 거래명세표 품명 한 줄 유지
Deploy momo-erp / deploy (push) Successful in 1m56s
Details

Browse Source 
- 외곽 grid 50:50 → 2fr:3fr (좌 40 / 우 60). 거래명세표 패널 폭 확보.
- 좌측 발주 리스트: 패딩/폰트 축소(px-1.5, text-[11px]), 합계 whitespace-nowrap, 업체 max-w-[100px].
- 우측 거래명세표 품명 td: whitespace-nowrap — 2줄 줄바꿈 방지.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
chpark
2026-05-19 01:20:43 +09:00
parent adff1347c9
commit 9e4d506939
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/(main)/m/admin/orders/page.tsx
+13 -13
View File
@@ -298,7 +298,7 @@ export default function AdminOrdersPage() {
</div>
{/* 2분할 레이아웃 — 모바일은 stack, lg 이상은 좌-우 분할 */}
<div className="grid grid-cols-1 lg:grid-cols-2 gap-3 lg:min-h-[calc(100vh-200px)]">
<div className="grid grid-cols-1 lg:grid-cols-[minmax(0,2fr)_minmax(0,3fr)] gap-3 lg:min-h-[calc(100vh-200px)]">
{/* 좌측: 발주 리스트 */}
<div className="bg-white border border-slate-200 rounded-xl overflow-hidden flex flex-col">
<div className="px-3 py-2 bg-slate-50 border-b border-slate-200 text-xs font-semibold text-slate-600 flex items-center justify-between gap-2">
@@ -354,16 +354,16 @@ export default function AdminOrdersPage() {
<table className="w-full text-xs min-w-[520px]">
<thead className="bg-slate-50 text-slate-600 sticky top-0 z-10">
<tr>
<th className="w-8 px-2 py-2">
<th className="w-7 px-1.5 py-1.5">
<input type="checkbox" checked={allRequestedChecked} onChange={toggleAllRequested}
disabled={allRequestedCount === 0}
className="accent-emerald-600 cursor-pointer disabled:opacity-30" />
</th>
<th className="text-left px-2 py-2">발주번호</th>
<th className="text-left px-2 py-2">발주일</th>
<th className="text-left px-2 py-2">업체</th>
<th className="text-right px-2 py-2">합계</th>
<th className="text-center px-2 py-2">상태</th>
<th className="text-left px-1.5 py-1.5 text-[11px]">발주번호</th>
<th className="text-left px-1.5 py-1.5 text-[11px]">발주일</th>
<th className="text-left px-1.5 py-1.5 text-[11px]">업체</th>
<th className="text-right px-1.5 py-1.5 text-[11px]">합계</th>
<th className="text-center px-1.5 py-1.5 text-[11px]">상태</th>
</tr>
</thead>
<tbody>
@@ -388,11 +388,11 @@ export default function AdminOrdersPage() {
title={o.STATUS !== "REQUESTED" ? "출고요청 상태만 선택할 수 있습니다." : ""}
/>
</td>
<td className="px-2 py-2 font-semibold text-slate-800">{o.ORDER_NO}</td>
<td className="px-2 py-2 text-slate-600">{o.ORDER_DATE}</td>
<td className="px-2 py-2 truncate max-w-[140px]" title={o.COMPANY_NAME}>{o.COMPANY_NAME}</td>
<td className="px-2 py-2 text-right tabular-nums font-semibold">₩{fmt(o.TOTAL_AMOUNT)}</td>
<td className="px-2 py-2 text-center">
<td className="px-1.5 py-1.5 font-semibold text-slate-800 whitespace-nowrap text-[11px]">{o.ORDER_NO}</td>
<td className="px-1.5 py-1.5 text-slate-600 whitespace-nowrap text-[11px]">{o.ORDER_DATE}</td>
<td className="px-1.5 py-1.5 truncate max-w-[100px] text-[11px]" title={o.COMPANY_NAME}>{o.COMPANY_NAME}</td>
<td className="px-1.5 py-1.5 text-right tabular-nums font-semibold whitespace-nowrap text-[11px]">₩{fmt(o.TOTAL_AMOUNT)}</td>
<td className="px-1.5 py-1.5 text-center">
<span className={`inline-block px-1.5 py-0.5 rounded text-[10px] font-semibold border ${STATUS_COLOR[o.STATUS] ?? "bg-slate-100 text-slate-500 border-slate-200"}`}>
{STATUS_LABEL[o.STATUS] ?? o.STATUS}
</span>
@@ -812,7 +812,7 @@ function StatementPreview({
return (
<tr key={it.OBJID || it.SEQ} className={kindBg}>
<td className="border border-slate-300 px-1.5 py-1 text-center">{displaySeq}</td>
<td className="border border-slate-300 px-1.5 py-1">
<td className="border border-slate-300 px-1.5 py-1 whitespace-nowrap">
{kindBadge && <span className={`mr-1 text-[9px] font-bold px-1 py-0.5 rounded ${it.KIND === "DELIVERY" ? "bg-orange-200 text-orange-800" : "bg-sky-200 text-sky-800"}`}>{kindBadge}</span>}
{it.ITEM_NAME}
</td>