세금계산서 다운로드 및 일부 UI 변경
This commit is contained in:
focp212@naver.com
@@ -100,17 +100,479 @@ export const TaxInvoiceSample = ({
|
||||
|
||||
return (
|
||||
<>
|
||||
<motion.div
|
||||
className="bottomsheet mail-page"
|
||||
initial="hidden"
|
||||
animate={ (taxInvoiceSampleOn)? 'hidden': 'hidden' }
|
||||
variants={ FilterMotionVariants }
|
||||
transition={ FilterMotionDuration }
|
||||
>
|
||||
<div className="tax-invoice">
|
||||
<div id="image-section">
|
||||
|
||||
<center className="wrap-center">
|
||||
<table
|
||||
className="outer-table"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td
|
||||
className="outer-table-td"
|
||||
align="center"
|
||||
>
|
||||
<table
|
||||
className="inner-table"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table-td1">
|
||||
<img
|
||||
className="nicepay-logo"
|
||||
src={ IMAGE_ROOT + '/mail_nicepay_logo.svg' }
|
||||
alt="NICEPAY"
|
||||
style={{ paddingLeft: '20px' }}
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style={{ padding: 0 }}>
|
||||
<table
|
||||
className="inner-table3"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table3-td1">
|
||||
<table
|
||||
className="inner-table4"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table4-td1">세금계산서</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table4-td2">
|
||||
<table
|
||||
className="inner-table5"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table5-td1">세금계산서</td>
|
||||
<td className="inner-table5-td2">
|
||||
<table
|
||||
className="inner-table6"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table6-td1">승인번호</td>
|
||||
<td className="inner-table6-td2"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table6-td3">관리번호</td>
|
||||
<td className="inner-table6-td4"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table4-td2">
|
||||
<table
|
||||
className="inner-table7"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table7-td1">
|
||||
<table
|
||||
className="inner-table6"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table6-td5">
|
||||
공<br />급<br />자
|
||||
</td>
|
||||
<td className="inner-table6-td6">
|
||||
<table
|
||||
className="inner-table6"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table6-td7">등록번호</td>
|
||||
<td
|
||||
className="inner-table6-td8"
|
||||
colSpan={ 3 }
|
||||
>815-81-00527</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table6-td7">상호(법인명)</td>
|
||||
<td className="inner-table6-td9">나이스페이 주식회사</td>
|
||||
<td className="inner-table6-td10">성명</td>
|
||||
<td className="inner-table6-td8">김광철</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table6-td7">사업장 주소</td>
|
||||
<td
|
||||
className="inner-table6-td8"
|
||||
colSpan={ 3 }
|
||||
>서울특별시 영등포구 문래동 28길 25 (문래동 3가)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table6-td7-1">업태</td>
|
||||
<td className="inner-table6-td9-1">서비스업</td>
|
||||
<td className="inner-table6-td10-1">종목</td>
|
||||
<td className="inner-table6-td8-1">전자상거거래업</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td className="inner-table7-td2">
|
||||
<table
|
||||
className="inner-table6"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table6-td11">
|
||||
공<br />급<br />받<br />는<br />자
|
||||
</td>
|
||||
<td className="inner-table6-td12">
|
||||
<table
|
||||
className="inner-table6"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table6-td7">등록번호</td>
|
||||
<td
|
||||
className="inner-table6-td8"
|
||||
colSpan={ 3 }
|
||||
> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table6-td7">상호(법인명)</td>
|
||||
<td className="inner-table6-td9">나이스페이 주식회사</td>
|
||||
<td className="inner-table6-td10">성명</td>
|
||||
<td className="inner-table6-td8">홍길동</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table6-td7">사업장 주소</td>
|
||||
<td
|
||||
className="inner-table6-td8"
|
||||
colSpan={ 3 }
|
||||
>서울특별시 영등포구 문래동 28길 25 (문래동 3가)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table6-td7-1">업태</td>
|
||||
<td className="inner-table6-td9-1"></td>
|
||||
<td className="inner-table6-td10-1">종목</td>
|
||||
<td className="inner-table6-td8-1"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table4-td2">
|
||||
<table
|
||||
className="inner-table8"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table8-td1">
|
||||
<table
|
||||
className="inner-table9"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table9-td1">작성</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style={{ padding: 0 }}>
|
||||
<table
|
||||
className="inner-table9"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table9-td2">년</td>
|
||||
<td className="inner-table9-td2">월</td>
|
||||
<td className="inner-table9-td2">일</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table9-td2-1">2025</td>
|
||||
<td className="inner-table9-td2-1">08</td>
|
||||
<td className="inner-table9-td2-1">05</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td className="inner-table9-td3">
|
||||
<table
|
||||
className="inner-table10"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table9-td1">공급가액</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style={{ padding: 0 }}>
|
||||
<table
|
||||
className="inner-table10"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table10-td1">백</td>
|
||||
<td className="inner-table10-td1">십</td>
|
||||
<td className="inner-table10-td1">억</td>
|
||||
<td className="inner-table10-td1">천</td>
|
||||
<td className="inner-table10-td1">백</td>
|
||||
<td className="inner-table10-td1">십</td>
|
||||
<td className="inner-table10-td1">만</td>
|
||||
<td className="inner-table10-td1">천</td>
|
||||
<td className="inner-table10-td1">백</td>
|
||||
<td className="inner-table10-td1">십</td>
|
||||
<td className="inner-table10-td1">일</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table10-td2">2</td>
|
||||
<td className="inner-table10-td2">3</td>
|
||||
<td className="inner-table10-td2">4</td>
|
||||
<td className="inner-table10-td2">5</td>
|
||||
<td className="inner-table10-td2">6</td>
|
||||
<td className="inner-table10-td2">7</td>
|
||||
<td className="inner-table10-td2">8</td>
|
||||
<td className="inner-table10-td2">4</td>
|
||||
<td className="inner-table10-td2">5</td>
|
||||
<td className="inner-table10-td2">5</td>
|
||||
<td className="inner-table10-td2">4</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td className="inner-table9-td3">
|
||||
<table
|
||||
className="inner-table10"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table9-td1">세액</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style={{ padding:0 }}>
|
||||
<table
|
||||
className="inner-table10"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table10-td1">십</td>
|
||||
<td className="inner-table10-td1">억</td>
|
||||
<td className="inner-table10-td1">천</td>
|
||||
<td className="inner-table10-td1">백</td>
|
||||
<td className="inner-table10-td1">십</td>
|
||||
<td className="inner-table10-td1">만</td>
|
||||
<td className="inner-table10-td1">천</td>
|
||||
<td className="inner-table10-td1">백</td>
|
||||
<td className="inner-table10-td1">십</td>
|
||||
<td className="inner-table10-td1">일</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table10-td2">4</td>
|
||||
<td className="inner-table10-td2">5</td>
|
||||
<td className="inner-table10-td2">6</td>
|
||||
<td className="inner-table10-td2">9</td>
|
||||
<td className="inner-table10-td2">3</td>
|
||||
<td className="inner-table10-td2">3</td>
|
||||
<td className="inner-table10-td2">2</td>
|
||||
<td className="inner-table10-td2">6</td>
|
||||
<td className="inner-table10-td2">7</td>
|
||||
<td className="inner-table10-td2">4</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td className="inner-table9-td4">
|
||||
<table
|
||||
role="presentation"
|
||||
className="inner-table11"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table11-td1">수정사유</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table11-td2"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table4-td2">
|
||||
<table
|
||||
role="presentation"
|
||||
className="inner-table12"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table12-td1">
|
||||
<table className="inner-table13">
|
||||
<tr>
|
||||
<td className="inner-table13-td1">비고</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table13-td1">월/일</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table13-td2">08/05</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table13-td2">08/05</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table13-td3">08/05</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td className="inner-table12-td2">
|
||||
<table
|
||||
role="presentation"
|
||||
className="inner-table6"
|
||||
>
|
||||
<tr>
|
||||
<td
|
||||
colSpan={ 7 }
|
||||
className="inner-table11-td1"
|
||||
>chamjo392m</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table9-td1">품목</td>
|
||||
<td className="inner-table9-td1">규격</td>
|
||||
<td className="inner-table9-td1">수량</td>
|
||||
<td className="inner-table9-td1">단가</td>
|
||||
<td className="inner-table9-td1">공급가액</td>
|
||||
<td className="inner-table9-td1">세액</td>
|
||||
<td className="inner-table11-td1">비고</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table6-td9">pg수수료</td>
|
||||
<td className="inner-table6-td9"> </td>
|
||||
<td className="inner-table6-td13">4</td>
|
||||
<td className="inner-table6-td14">1,243</td>
|
||||
<td className="inner-table6-td14">1,242</td>
|
||||
<td className="inner-table6-td14">745</td>
|
||||
<td className="inner-table6-td15"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table6-td9"> </td>
|
||||
<td className="inner-table6-td9"> </td>
|
||||
<td className="inner-table6-td13"> </td>
|
||||
<td className="inner-table6-td14"> </td>
|
||||
<td className="inner-table6-td14"> </td>
|
||||
<td className="inner-table6-td14"> </td>
|
||||
<td className="inner-table6-td15"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table6-td9-1"> </td>
|
||||
<td className="inner-table6-td9-1"> </td>
|
||||
<td className="inner-table6-td13-1"> </td>
|
||||
<td className="inner-table6-td14-1"> </td>
|
||||
<td className="inner-table6-td14-1"> </td>
|
||||
<td className="inner-table6-td14-1"> </td>
|
||||
<td className="inner-table6-td15-1"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="table_wrap">
|
||||
<table
|
||||
className="inner-table6"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table4-td2">
|
||||
<table
|
||||
className="inner-table15"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table15-td1">
|
||||
<table
|
||||
className="inner-table6"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td className="inner-table15-td2">합계금액</td>
|
||||
<td className="inner-table15-td2">현금</td>
|
||||
<td className="inner-table15-td2">수표</td>
|
||||
<td className="inner-table15-td2">어음</td>
|
||||
<td className="inner-table15-td4">외상미수금</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table15-td3">25,500</td>
|
||||
<td className="inner-table15-td3">1,243</td>
|
||||
<td className="inner-table15-td3">1,243</td>
|
||||
<td className="inner-table15-td3">1,243</td>
|
||||
<td className="inner-table15-td5">1,243</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td className="inner-table15-td6">
|
||||
<span className="inner-table15-td7">이금액을 청구함</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="inner-table4-td4">
|
||||
<table
|
||||
className="inner-table14"
|
||||
role="presentation"
|
||||
>
|
||||
<tr>
|
||||
<td
|
||||
className="inner-table4-td2"
|
||||
style={{ verticalAlign: 'middle'}}
|
||||
>
|
||||
<img
|
||||
className="nicepay-gray-logo"
|
||||
src={ IMAGE_ROOT + '/mail_nicepay_logo_gray.svg' }
|
||||
alt="NICEPAY"
|
||||
/>
|
||||
</td>
|
||||
<td className="tax-invoice-footer">
|
||||
사업자 등록번호 : 815-81-00527 | 결제대금예치업 등록번호 : 02-006-00041
|
||||
<br />
|
||||
우편번호 : 03456 | 주소 : 서울특별시 영등포구 문래로28길 25 (문래동3가)
|
||||
<br />
|
||||
세미콜론문래 N타워 9층 나이스페이먼츠(주) | www.nicepay.co.kr
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</center>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user