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

style(proc-payments): 데스크탑 발주/입고/미입고 3개 컬럼으로 분리 + 글자 키움
Deploy momo-erp / deploy (push) Successful in 1m54s
Details

Browse Source 
한 셀에 3행 쌓아 작게 보이던 문제 → 발주/입고/미입고 각각 독립 컬럼,
금액은 text-sm bold, 수량은 작은 회색으로 아래. 색상 구분(발주 검정 / 입고 초록 / 미입고 빨강).
This commit is contained in:
chpark
2026-05-29 00:51:45 +09:00
parent e088b3549b
commit 5ef56ef63d
1 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/(main)/m/admin/proc-payments/page.tsx
+15 -6
View File
@@ -322,7 +322,9 @@ export default function ProcPaymentsPage() {
<th className="text-left px-3 py-1.5">발주번호</th>
<th className="text-left px-3 py-1.5">발주일</th>
<th className="text-left px-3 py-1.5">공급업체</th>
<th className="text-right px-3 py-1.5 min-w-[170px]">발주 / 입고 / 미입고</th>
<th className="text-right px-3 py-1.5">발주</th>
<th className="text-right px-3 py-1.5 text-emerald-700">입고</th>
<th className="text-right px-3 py-1.5 text-rose-600">미입고</th>
<th className="text-center px-3 py-1.5">진행상태</th>
<th className="text-center px-3 py-1.5">결재상태</th>
<th className="text-left px-3 py-1.5">입금일</th>
@@ -332,16 +334,23 @@ export default function ProcPaymentsPage() {
</thead>
<tbody>
{list.length === 0 ? (
<tr><td colSpan={9} className="text-center py-10 text-slate-400">발주가 없습니다.</td></tr>
<tr><td colSpan={11} className="text-center py-10 text-slate-400">발주가 없습니다.</td></tr>
) : list.map((p) => (
<tr key={p.OBJID} className="border-t border-slate-100 hover:bg-slate-50">
<td className="px-3 py-2.5 font-semibold">{p.PROC_NO}</td>
<td className="px-3 py-1.5">{p.PROC_DATE}</td>
<td className="px-3 py-1.5">{p.VENDOR_NAME ?? "-"}</td>
<td className="px-3 py-1.5 text-right tabular-nums text-[11px] leading-tight">
<div><span className="text-slate-400 mr-1">발주</span><span className="font-bold text-slate-800">₩{fmt(p.TOTAL_AMOUNT)}</span> <span className="text-slate-400">({fmt(p.TOTAL_QTY)})</span></div>
<div><span className="text-emerald-700/70 mr-1">입고</span><span className="font-bold text-emerald-700">₩{fmt(p.RECEIVED_AMOUNT)}</span> <span className="text-emerald-700/70">({fmt(p.RECEIVED_QTY)})</span></div>
<div><span className="text-rose-600/70 mr-1">미입고</span><span className={`font-bold ${Number(p.PENDING_AMOUNT) > 0 ? "text-rose-600" : "text-slate-300"}`}>₩{fmt(p.PENDING_AMOUNT)}</span> <span className="text-rose-600/60">({fmt(Number(p.TOTAL_QTY) - Number(p.RECEIVED_QTY))})</span></div>
<td className="px-3 py-2.5 text-right tabular-nums">
<div className="font-bold text-slate-800 text-sm">₩{fmt(p.TOTAL_AMOUNT)}</div>
<div className="text-[11px] text-slate-400">{fmt(p.TOTAL_QTY)}개</div>
</td>
<td className="px-3 py-2.5 text-right tabular-nums">
<div className="font-bold text-emerald-700 text-sm">₩{fmt(p.RECEIVED_AMOUNT)}</div>
<div className="text-[11px] text-emerald-700/70">{fmt(p.RECEIVED_QTY)}개</div>
</td>
<td className="px-3 py-2.5 text-right tabular-nums">
<div className={`font-bold text-sm ${Number(p.PENDING_AMOUNT) > 0 ? "text-rose-600" : "text-slate-300"}`}>₩{fmt(p.PENDING_AMOUNT)}</div>
<div className={`text-[11px] ${Number(p.PENDING_AMOUNT) > 0 ? "text-rose-600/70" : "text-slate-300"}`}>{fmt(Number(p.TOTAL_QTY) - Number(p.RECEIVED_QTY))}개</div>
</td>
<td className="px-3 py-2.5 text-center">
<span className={`text-[10px] px-1.5 py-0.5 rounded font-semibold ${STATUS_COLOR[p.STATUS] ?? "bg-slate-100 text-slate-500"}`}>