fix(orders): 거래명세표 캡처 레이아웃 다듬기
Deploy momo-erp / deploy (push) Successful in 2m47s

- 결제 계좌번호 셀: <br/> 줄바꿈 제거 + whitespace-nowrap + width 110px 로 한 줄 표시
- 총 합계 (VAT포함) 셀: whitespace-nowrap + 폰트 11px 로 좁은 셀에서도 한 줄
- 거래처 이메일(귀하 아래 라인) 표시 제거 — 외부 공유용 이미지에 사용자 이메일 노출 불필요

m/admin/orders 와 m/orders 두 곳 동일 적용.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
chpark
2026-05-13 11:21:28 +09:00
parent 083188332c
commit 9cd9e5c0fd
2 changed files with 10 additions and 12 deletions
+5 -6
View File
@@ -566,8 +566,8 @@ function StatementPreview({
<tbody> <tbody>
<tr> <tr>
<td rowSpan={3} className="border border-slate-400 bg-slate-700 text-white text-center font-bold px-2 py-1" style={{writingMode:'vertical-rl',textOrientation:'upright',width:'24px'}}></td> <td rowSpan={3} className="border border-slate-400 bg-slate-700 text-white text-center font-bold px-2 py-1" style={{writingMode:'vertical-rl',textOrientation:'upright',width:'24px'}}></td>
<td className="border border-slate-400 bg-slate-100 text-center font-semibold px-2 py-1" style={{width:'90px'}}><br/></td> <td className="border border-slate-400 bg-slate-100 text-center font-semibold px-2 py-1 whitespace-nowrap" style={{width:'110px'}}> </td>
<td className="border border-slate-400 px-3 py-1 font-bold text-slate-900">{supplier.BANK_ACCOUNT}</td> <td className="border border-slate-400 px-3 py-1 font-bold text-slate-900 whitespace-nowrap">{supplier.BANK_ACCOUNT}</td>
</tr> </tr>
<tr> <tr>
<td className="border border-slate-400 bg-slate-100 text-center font-semibold px-2 py-1"></td> <td className="border border-slate-400 bg-slate-100 text-center font-semibold px-2 py-1"></td>
@@ -586,8 +586,7 @@ function StatementPreview({
<div className="text-[11px] text-slate-600 mt-0.5 leading-relaxed"> <div className="text-[11px] text-slate-600 mt-0.5 leading-relaxed">
{order.CEO_NAME && <>: {order.CEO_NAME} · </>} {order.CEO_NAME && <>: {order.CEO_NAME} · </>}
{order.BIZ_NO && <>: {order.BIZ_NO} · </>} {order.BIZ_NO && <>: {order.BIZ_NO} · </>}
{order.PHONE && <>: {order.PHONE} · </>} {order.PHONE && <>: {order.PHONE}</>}
{order.EMAIL && <>: {order.EMAIL}</>}
{order.ADDRESS && <div>: {order.ADDRESS}</div>} {order.ADDRESS && <div>: {order.ADDRESS}</div>}
</div> </div>
</div> </div>
@@ -703,8 +702,8 @@ function StatementPreview({
<tr><td className="px-3 py-1 text-rose-700"> </td><td className="px-3 py-1 text-right"> {fmt(order.TOTAL_TAXABLE)}</td></tr> <tr><td className="px-3 py-1 text-rose-700"> </td><td className="px-3 py-1 text-right"> {fmt(order.TOTAL_TAXABLE)}</td></tr>
<tr><td className="px-3 py-1"> </td><td className="px-3 py-1 text-right"> {fmt(order.TOTAL_VAT)}</td></tr> <tr><td className="px-3 py-1"> </td><td className="px-3 py-1 text-right"> {fmt(order.TOTAL_VAT)}</td></tr>
<tr className="border-t-2 border-slate-900 font-bold"> <tr className="border-t-2 border-slate-900 font-bold">
<td className="px-3 py-1.5"> (VAT포함)</td> <td className="px-3 py-1.5 whitespace-nowrap text-[11px]"> (VAT포함)</td>
<td className="px-3 py-1.5 text-right text-emerald-700"> {fmt(order.TOTAL_AMOUNT)}</td> <td className="px-3 py-1.5 text-right text-emerald-700 whitespace-nowrap"> {fmt(order.TOTAL_AMOUNT)}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
+5 -6
View File
@@ -295,8 +295,8 @@ function DetailModal({ order, items, supplier, onClose, onCancel, onReload }: {
<tbody> <tbody>
<tr> <tr>
<td rowSpan={3} className="border border-slate-400 bg-slate-700 text-white text-center font-bold px-2 py-1" style={{writingMode:'vertical-rl',textOrientation:'upright',width:'24px'}}></td> <td rowSpan={3} className="border border-slate-400 bg-slate-700 text-white text-center font-bold px-2 py-1" style={{writingMode:'vertical-rl',textOrientation:'upright',width:'24px'}}></td>
<td className="border border-slate-400 bg-slate-100 text-center font-semibold px-2 py-1" style={{width:'80px'}}><br/></td> <td className="border border-slate-400 bg-slate-100 text-center font-semibold px-2 py-1 whitespace-nowrap" style={{width:'110px'}}> </td>
<td className="border border-slate-400 px-3 py-1 font-bold">{supplier.BANK_ACCOUNT}</td> <td className="border border-slate-400 px-3 py-1 font-bold whitespace-nowrap">{supplier.BANK_ACCOUNT}</td>
</tr> </tr>
<tr> <tr>
<td className="border border-slate-400 bg-slate-100 text-center font-semibold px-2 py-1"></td> <td className="border border-slate-400 bg-slate-100 text-center font-semibold px-2 py-1"></td>
@@ -314,8 +314,7 @@ function DetailModal({ order, items, supplier, onClose, onCancel, onReload }: {
<div className="font-semibold text-slate-900">{order.COMPANY_NAME} <span className="text-slate-500 font-normal"></span></div> <div className="font-semibold text-slate-900">{order.COMPANY_NAME} <span className="text-slate-500 font-normal"></span></div>
<div className="text-[11px] text-slate-600 mt-0.5"> <div className="text-[11px] text-slate-600 mt-0.5">
{order.CEO_NAME && <>: {order.CEO_NAME} · </>} {order.CEO_NAME && <>: {order.CEO_NAME} · </>}
{order.PHONE && <>: {order.PHONE} · </>} {order.PHONE && <>: {order.PHONE}</>}
{order.EMAIL && <>: {order.EMAIL}</>}
</div> </div>
</div> </div>
@@ -384,8 +383,8 @@ function DetailModal({ order, items, supplier, onClose, onCancel, onReload }: {
<tr><td className="px-3 py-1 text-rose-700"> </td><td className="px-3 py-1 text-right"> {fmt(order.TOTAL_TAXABLE)}</td></tr> <tr><td className="px-3 py-1 text-rose-700"> </td><td className="px-3 py-1 text-right"> {fmt(order.TOTAL_TAXABLE)}</td></tr>
<tr><td className="px-3 py-1"> </td><td className="px-3 py-1 text-right"> {fmt(order.TOTAL_VAT)}</td></tr> <tr><td className="px-3 py-1"> </td><td className="px-3 py-1 text-right"> {fmt(order.TOTAL_VAT)}</td></tr>
<tr className="border-t-2 border-slate-900 font-bold"> <tr className="border-t-2 border-slate-900 font-bold">
<td className="px-3 py-1.5"> (VAT포함)</td> <td className="px-3 py-1.5 whitespace-nowrap text-[11px]"> (VAT포함)</td>
<td className="px-3 py-1.5 text-right text-emerald-700"> {fmt(order.TOTAL_AMOUNT)}</td> <td className="px-3 py-1.5 text-right text-emerald-700 whitespace-nowrap"> {fmt(order.TOTAL_AMOUNT)}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>