From 9eb13439f1d9ad3a2273130c32a07a3299ad3e9d Mon Sep 17 00:00:00 2001
From: chpark <chpark@wace.me>
Date: Wed, 27 May 2026 11:28:18 +0900
Subject: [PATCH] =?UTF-8?q?style(mobile):=20=EB=AA=A9=EB=A1=9D=20=EC=B9=B4?=
 =?UTF-8?q?=EB=93=9C=20=EC=97=85=EC=B2=B4=EB=AA=85=20=EC=83=81=EB=8B=A8=20?=
 =?UTF-8?q?=EA=B5=B5=EA=B2=8C=20+=20=EB=82=A0=EC=A7=9C=C2=B7=EB=B2=88?=
 =?UTF-8?q?=ED=98=B8=20=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

입금관리에 이어 매입입금관리/계산서/출고처리(카드)/매입입고 목록도 동일 포맷:
업체명을 맨 위 굵게, 그 아래 '날짜 · 발주번호'. 매입입고는 표 1열로 병합
(업체 굵게 위, 발주일·발주번호 아래).
---
 src/app/(main)/m/admin/inbounds/page.tsx      | 13 ++++++++-----
 src/app/(main)/m/admin/invoices/page.tsx      |  8 ++++++--
 src/app/(main)/m/admin/orders/page.tsx        |  9 ++++++---
 src/app/(main)/m/admin/proc-payments/page.tsx | 10 +++++++---
 4 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/src/app/(main)/m/admin/inbounds/page.tsx b/src/app/(main)/m/admin/inbounds/page.tsx
index 6649237..4c46915 100644
--- a/src/app/(main)/m/admin/inbounds/page.tsx
+++ b/src/app/(main)/m/admin/inbounds/page.tsx
@@ -247,15 +247,14 @@ export default function InboundsPage() {
             <table className="w-full text-xs">
               <thead className="bg-slate-50 text-slate-500">
                 <tr>
-                  <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-center px-2 py-2">발주/입고/미입고</th>
                   <th className="text-center px-2 py-2">상태</th>
                 </tr>
               </thead>
               <tbody>
                 {list.length === 0 ? (
-                  <tr><td colSpan={4} className="text-center py-12 text-slate-400">입고 가능한 발주서가 없습니다.</td></tr>
+                  <tr><td colSpan={3} className="text-center py-12 text-slate-400">입고 가능한 발주서가 없습니다.</td></tr>
                 ) : list.map((p) => {
                   const total = Number(p.TOTAL_QTY);
                   const recv = Number(p.RECEIVED_QTY);
@@ -265,8 +264,12 @@ export default function InboundsPage() {
                         onClick={() => setActiveId(p.OBJID)}
                         style={{ cursor: "pointer" }}
                         className={`border-t border-slate-100 ${activeId === p.OBJID ? "bg-emerald-50" : "hover:bg-slate-50"}`}>
-                      <td className="px-2 py-2 font-semibold">{p.PROC_NO}<div className="text-slate-400 text-[10px]">{p.PROC_DATE}</div></td>
-                      <td className="px-2 py-2 truncate max-w-[120px]">{p.VENDOR_NAME ?? <span className="text-slate-300">미선택</span>}</td>
+                      <td className="px-2 py-2">
+                        <div className="font-bold text-[13px] truncate max-w-[170px]" title={p.VENDOR_NAME ?? ""}>
+                          {p.VENDOR_NAME ?? <span className="text-slate-300 font-normal">미선택</span>}
+                        </div>
+                        <div className="text-[10px] text-slate-500">{p.PROC_DATE} · {p.PROC_NO}</div>
+                      </td>
                       <td className="px-2 py-2 text-center text-[11px] tabular-nums">
                         <span className="text-slate-700">{fmt(total)}</span>
                         <span className="text-slate-300 mx-0.5">/</span>
diff --git a/src/app/(main)/m/admin/invoices/page.tsx b/src/app/(main)/m/admin/invoices/page.tsx
index 8e009c7..c6e3186 100644
--- a/src/app/(main)/m/admin/invoices/page.tsx
+++ b/src/app/(main)/m/admin/invoices/page.tsx
@@ -237,8 +237,12 @@ export default function InvoicesPage() {
                 <div className="flex-1 min-w-0">
                   <div className="flex items-center justify-between mb-1.5">
                     <div className="min-w-0">
-                      <div className="font-semibold text-sm truncate">{o.ORDER_NO}</div>
-                      <div className="text-[11px] text-slate-500 truncate">{o.ORDER_DATE} · {o.COMPANY_NAME}</div>
+                      <div className="font-bold text-base truncate">{o.COMPANY_NAME}</div>
+                      <div className="text-[11px] text-slate-500 flex items-center gap-1.5">
+                        <span>{o.ORDER_DATE}</span>
+                        <span className="text-slate-300">·</span>
+                        <span className="font-semibold text-slate-600">{o.ORDER_NO}</span>
+                      </div>
                     </div>
                     <span className={`shrink-0 px-2 py-0.5 rounded text-[10px] font-semibold ${o.STATUS === "INVOICED" ? "bg-violet-100 text-violet-700" : "bg-amber-100 text-amber-700"}`}>
                       {STATUS_LABEL[o.STATUS]}
diff --git a/src/app/(main)/m/admin/orders/page.tsx b/src/app/(main)/m/admin/orders/page.tsx
index 7536383..5db087b 100644
--- a/src/app/(main)/m/admin/orders/page.tsx
+++ b/src/app/(main)/m/admin/orders/page.tsx
@@ -486,7 +486,7 @@ export default function AdminOrdersPage() {
                               disabled={o.STATUS !== "REQUESTED"}
                               className="accent-emerald-600 disabled:opacity-30"
                             />
-                            <span className="font-bold text-sm text-slate-800 truncate">{o.ORDER_NO}</span>
+                            <span className="font-bold text-base text-slate-800 truncate" title={o.COMPANY_NAME}>{o.COMPANY_NAME}</span>
                             {lockedByMeRow && (
                               <span className="text-[10px] font-bold text-emerald-700" title="내가 수정 중">✏️</span>
                             )}
@@ -498,8 +498,11 @@ export default function AdminOrdersPage() {
                             {STATUS_LABEL[o.STATUS] ?? o.STATUS}
                           </span>
                         </div>
-                        <div className="text-[11px] text-slate-500">{o.ORDER_DATE}</div>
-                        <div className="text-xs text-slate-700 truncate" title={o.COMPANY_NAME}>{o.COMPANY_NAME}</div>
+                        <div className="text-[11px] text-slate-500 flex items-center gap-1.5">
+                          <span>{o.ORDER_DATE}</span>
+                          <span className="text-slate-300">·</span>
+                          <span className="font-semibold text-slate-600">{o.ORDER_NO}</span>
+                        </div>
                         {lockedByMeRow && (
                           <div className="text-[10px] font-bold text-emerald-700 mt-0.5">✏️ 내가 수정 중</div>
                         )}
diff --git a/src/app/(main)/m/admin/proc-payments/page.tsx b/src/app/(main)/m/admin/proc-payments/page.tsx
index 33568ee..1ceae82 100644
--- a/src/app/(main)/m/admin/proc-payments/page.tsx
+++ b/src/app/(main)/m/admin/proc-payments/page.tsx
@@ -251,10 +251,14 @@ export default function ProcPaymentsPage() {
           <div key={p.OBJID} className="bg-white border border-slate-200 rounded-xl p-3 shadow-sm">
             <div className="flex items-start justify-between gap-2 mb-2">
               <div className="min-w-0">
-                <div className="font-semibold text-sm truncate">{p.PROC_NO}</div>
-                <div className="text-[11px] text-slate-500">{p.PROC_DATE} · {p.VENDOR_NAME}</div>
+                <div className="font-bold text-base truncate">{p.VENDOR_NAME ?? "-"}</div>
+                <div className="text-[11px] text-slate-500 flex items-center gap-1.5">
+                  <span>{p.PROC_DATE}</span>
+                  <span className="text-slate-300">·</span>
+                  <span className="font-semibold text-slate-600">{p.PROC_NO}</span>
+                </div>
               </div>
-              <span className={`text-[10px] px-1.5 py-0.5 rounded font-semibold ${STATUS_COLOR[p.STATUS]}`}>
+              <span className={`shrink-0 text-[10px] px-1.5 py-0.5 rounded font-semibold ${STATUS_COLOR[p.STATUS]}`}>
                 {STATUS_LABEL[p.STATUS] || p.STATUS}
               </span>
             </div>