입금관리에 이어 매입입금관리/계산서/출고처리(카드)/매입입고 목록도 동일 포맷: 업체명을 맨 위 굵게, 그 아래 '날짜 · 발주번호'. 매입입고는 표 1열로 병합 (업체 굵게 위, 발주일·발주번호 아래).
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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]}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user