style(mobile): 목록 카드 업체명 상단 굵게 + 날짜·번호 통일
Deploy momo-erp / deploy (push) Successful in 1m55s

입금관리에 이어 매입입금관리/계산서/출고처리(카드)/매입입고 목록도 동일 포맷:
업체명을 맨 위 굵게, 그 아래 '날짜 · 발주번호'. 매입입고는 표 1열로 병합
(업체 굵게 위, 발주일·발주번호 아래).
This commit is contained in:
chpark
2026-05-27 11:28:18 +09:00
parent 7a252a3749
commit 9eb13439f1
4 changed files with 27 additions and 13 deletions
+8 -5
View File
@@ -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>
+6 -2
View File
@@ -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]}
+6 -3
View File
@@ -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>
)}
@@ -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>