2024/07/30 사용내역서, 거래명세서 수정
This commit is contained in:
subsub
parent
cddc613087
commit
381d36f160
@ -38,7 +38,7 @@
|
|||||||
.est_table2_wrap {border-radius: 5px; border: 1px solid #ccc; margin-top: 5px;}
|
.est_table2_wrap {border-radius: 5px; border: 1px solid #ccc; margin-top: 5px;}
|
||||||
.est_table2 {width: 100%;border:1px solid #ccc;border-radius:5px;}
|
.est_table2 {width: 100%;border:1px solid #ccc;border-radius:5px;}
|
||||||
.est_table2 thead tr {background-color: #f2f2f2; border-bottom: 1px solid #ccc;}
|
.est_table2 thead tr {background-color: #f2f2f2; border-bottom: 1px solid #ccc;}
|
||||||
.est_table2 thead th {height: 33px; line-height: 33px; font-size: 13px; border-left: 1px solid #ccc;}
|
.est_table2 thead th {height: 33px; line-height: 33px; font-size: 13px; border-left: 1px solid #ccc; font-weight:500;}
|
||||||
.est_table2 thead th:first-child {border-left: 0; /* border-radius: 5px 0 0 0 */}
|
.est_table2 thead th:first-child {border-left: 0; /* border-radius: 5px 0 0 0 */}
|
||||||
.est_table2 thead th:last-child {/* border-radius: 0 5px 0 0 */}
|
.est_table2 thead th:last-child {/* border-radius: 0 5px 0 0 */}
|
||||||
.est_table2 tbody tr {border-bottom: 1px solid #ccc; text-align: center;}
|
.est_table2 tbody tr {border-bottom: 1px solid #ccc; text-align: center;}
|
||||||
@ -51,6 +51,9 @@
|
|||||||
.est_table2 tbody tr:last-child td:last-child {border-radius: 0 0 5px 0;}
|
.est_table2 tbody tr:last-child td:last-child {border-radius: 0 0 5px 0;}
|
||||||
.est_table2 tbody tr:last-child th,
|
.est_table2 tbody tr:last-child th,
|
||||||
.est_table2 tbody tr:last-child td {border-bottom:1px solid #ccc;}
|
.est_table2 tbody tr:last-child td {border-bottom:1px solid #ccc;}
|
||||||
|
.est_table2 tfoot tr{border-top:3px double #d8d8d8;}
|
||||||
|
.est_table2 tfoot tr th, .est_table2 tfoot tr td {height: 33px; line-height: 33px; font-size: 13px; border-left: 1px solid #ccc;}
|
||||||
|
.est_table2 tfoot tr th{background:#f5f5f5;font-weight:500;}
|
||||||
/* 합계 */
|
/* 합계 */
|
||||||
.est_table2 tbody tr.total_price td {border-top: 1px solid #d7d7d7; border-left:0; border-right: 1px solid #d7d7d7; background-color: #f2f2f2;}
|
.est_table2 tbody tr.total_price td {border-top: 1px solid #d7d7d7; border-left:0; border-right: 1px solid #d7d7d7; background-color: #f2f2f2;}
|
||||||
.est_table2 tbody tr.total_price td:first-child {border-radius: 0 0 0 5px;}
|
.est_table2 tbody tr.total_price td:first-child {border-radius: 0 0 0 5px;}
|
||||||
|
|||||||
279
src/main/webapp/publish/transaction_detail.html
Normal file
279
src/main/webapp/publish/transaction_detail.html
Normal file
@ -0,0 +1,279 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>거래명세서</title>
|
||||||
|
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="/publish/css/reset.css">
|
||||||
|
<link rel="stylesheet" href="/publish/css/common.css">
|
||||||
|
<link rel="stylesheet" href="/publish/css/estimate.css">
|
||||||
|
<link rel="stylesheet" href="/publish/css/font.css">
|
||||||
|
<link rel="stylesheet" href="/publish/css/button.css">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- 견적서 -->
|
||||||
|
<div class="estimate_wrap">
|
||||||
|
<div class="estimate">
|
||||||
|
<div class="est_head clearfix">
|
||||||
|
<img src="/publish/images/CI.png" alt="문자온 CI">
|
||||||
|
<div class="clearfix">
|
||||||
|
<p>(12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)</p>
|
||||||
|
<p>TEL 1551-8011</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="est_body">
|
||||||
|
<h2>거래명세서<span style="font-size:20px;font-weight:400;">(공급받는자 보관용)</span></h2>
|
||||||
|
<div class="cont1 tb_ver2" style="display:flex;">
|
||||||
|
<div style="width:calc((100% - 40px)/2);">
|
||||||
|
<p>공급받는 자</p>
|
||||||
|
<table class="est_table">
|
||||||
|
<caption>등록번호, 상호, 성명, 전화번호, 이메일 정보 제공</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 60px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>등록번호</th>
|
||||||
|
<td>123-45-67890</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th style="letter-spacing:-0.69px;">상    호</th>
|
||||||
|
<td>주식회사 OOO</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th style="letter-spacing:-0.69px;">성    명</th>
|
||||||
|
<td>홍길동</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>전화번호</th>
|
||||||
|
<td>02-000-1111</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th style="letter-spacing:-0.85px;">이 메 일</th>
|
||||||
|
<td>hgd@gmail.com</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div style="width:calc((100% - 40px)/2);">
|
||||||
|
<p>공급자</p>
|
||||||
|
<img src="/publish/images/content/stamp.png" alt="도장" class="stamp mCS_img_loaded">
|
||||||
|
<table class="est_table">
|
||||||
|
<caption>등록번호, 상호, 성명, 전화번호, 이메일 정보 제공</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 60px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>등록번호</th>
|
||||||
|
<td>123-45-67890</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th style="letter-spacing:-0.69px;">상    호</th>
|
||||||
|
<td>주식회사 OOO</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th style="letter-spacing:-0.69px;">성    명</th>
|
||||||
|
<td>홍길동</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>전화번호</th>
|
||||||
|
<td>02-000-1111</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th style="letter-spacing:-0.85px;">이 메 일</th>
|
||||||
|
<td>hgd@gmail.com</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cont3">
|
||||||
|
<div class="est_table2_wrap">
|
||||||
|
<table class="est_table2">
|
||||||
|
<caption>작성일자, 공급가액, 세액, 비고 정보를 제공하는 표</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 25%;">
|
||||||
|
<col style="width: 25%;">
|
||||||
|
<col style="width: 25%;">
|
||||||
|
</colgroup>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">작성일자</th>
|
||||||
|
<th scope="col">공급가액</th>
|
||||||
|
<th scope="col">세액</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>2024-07-18</td>
|
||||||
|
<td>500,000</td>
|
||||||
|
<td>50,000</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tfoot>
|
||||||
|
<tr>
|
||||||
|
<th>비고</th>
|
||||||
|
<td style="padding:0 0 0 20px;">사용기간(2024-01-01 ~ 2024-01-31)</td>
|
||||||
|
</tr>
|
||||||
|
</tfoot>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="est_table2_wrap" style="margin:20px 0 0 0;">
|
||||||
|
<table class="est_table2">
|
||||||
|
<caption>월, 일, 품목, 규격, 수량, 단가, 공급가액, 세액, 비고 정보를 제공하는 표</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 60px;">
|
||||||
|
<col style="width: 60px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
<col style="width: 60px;">
|
||||||
|
<col style="width: 60px;">
|
||||||
|
<col style="width: 60px;">
|
||||||
|
<col style="width: 100px;">
|
||||||
|
<col style="width: 60px;">
|
||||||
|
<col style="width: 70px;">
|
||||||
|
</colgroup>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">월</th>
|
||||||
|
<th scope="col">일</th>
|
||||||
|
<th scope="col">품목</th>
|
||||||
|
<th scope="col">규격</th>
|
||||||
|
<th scope="col">수량</th>
|
||||||
|
<th scope="col">단가</th>
|
||||||
|
<th scope="col">공급가액</th>
|
||||||
|
<th scope="col">세액</th>
|
||||||
|
<th scope="col">비고</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>7</td>
|
||||||
|
<td>18</td>
|
||||||
|
<td>문자온 메시징 서비스 이용료</td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td>500,000</td>
|
||||||
|
<td>50,000</td>
|
||||||
|
<td>-</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tfoot>
|
||||||
|
<tr>
|
||||||
|
<th colspan="2">합계금액</th>
|
||||||
|
<th>전잔액</th>
|
||||||
|
<th colspan="2">입금액</th>
|
||||||
|
<th colspan="2">현잔액</th>
|
||||||
|
<th colspan="2" rowspan="2" style="background:#fff;vertical-align:middle;">이 금액을 [<span>청 구</span>]함</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="text-align:center;" colspan="2">550,000</td>
|
||||||
|
<td style="text-align:center;">-</td>
|
||||||
|
<td style="text-align:center;" colspan="2">-</td>
|
||||||
|
<td style="text-align:center;" colspan="2">550,000</td>
|
||||||
|
</tr>
|
||||||
|
</tfoot>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cont5">
|
||||||
|
<p><span>2021</span> 년 <span>6</span> 월 <span>17</span> 일</p>
|
||||||
|
<div>
|
||||||
|
<span></span>
|
||||||
|
<span>주식회사 아이티앤</span>
|
||||||
|
<span>유 인 식 (인)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="est_btn_wrap">
|
||||||
|
<button type="button" class="btnType" onclick="window.print();"><i class="print_img"></i>인쇄하기</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!--// 견적서 -->
|
||||||
|
</body></html>
|
||||||
133
src/main/webapp/publish/use_statement.html
Normal file
133
src/main/webapp/publish/use_statement.html
Normal file
@ -0,0 +1,133 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>사용내역서</title>
|
||||||
|
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="/publish/css/reset.css">
|
||||||
|
<link rel="stylesheet" href="/publish/css/common.css">
|
||||||
|
<link rel="stylesheet" href="/publish/css/estimate.css">
|
||||||
|
<link rel="stylesheet" href="/publish/css/font.css">
|
||||||
|
<link rel="stylesheet" href="/publish/css/button.css">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- 견적서 -->
|
||||||
|
<div class="estimate_wrap">
|
||||||
|
<div class="estimate">
|
||||||
|
<div class="est_head clearfix">
|
||||||
|
<img src="/publish/images/CI.png" alt="문자온 CI">
|
||||||
|
<div class="clearfix">
|
||||||
|
<p>(12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)</p>
|
||||||
|
<p>TEL 1551-8011</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="est_body">
|
||||||
|
<h2>사용내역서</h2>
|
||||||
|
<div class="cont1 tb_ver2">
|
||||||
|
<div>
|
||||||
|
<p>수신자</p>
|
||||||
|
<table class="est_table">
|
||||||
|
<caption>가상계좌 사실 확인</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 60px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>등록번호</th>
|
||||||
|
<td>123-45-67890</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th style="letter-spacing:-0.69px;">상    호</th>
|
||||||
|
<td>주식회사 OOO</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th style="letter-spacing:-0.69px;">성    명</th>
|
||||||
|
<td>홍길동</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>전화번호</th>
|
||||||
|
<td>02-000-1111</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th style="letter-spacing:-0.85px;">이 메 일</th>
|
||||||
|
<td>hgd@gmail.com</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr style="border-bottom:0;">
|
||||||
|
<td colspan="2" class="colspan" style="padding:20px 0 0 0;"><span>주식회사 OOO </span>님의 사용내역(2024-01-01 ~ 2024-07-19)을 아래와 같이 확인합니다. </td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cont3">
|
||||||
|
<div class="est_table2_wrap" style="margin:-10px 0 0 0;">
|
||||||
|
<table class="est_table2">
|
||||||
|
<caption>사용일시, 문자유형, 발송건수, 사용금액(VAT 별도) 정보를 제공하는 표</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 25%;">
|
||||||
|
<col style="width: 25%;">
|
||||||
|
<col style="width: 25%;">
|
||||||
|
<col style="width: 25%;">
|
||||||
|
</colgroup>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">사용일시</th>
|
||||||
|
<th scope="col">문자유형</th>
|
||||||
|
<th scope="col">발송건수</th>
|
||||||
|
<th scope="col">사용금액(VAT 별도)</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>2024-07-18 12:11</td>
|
||||||
|
<td>단문</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td>7.5</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2024-07-18 12:11</td>
|
||||||
|
<td>장문</td>
|
||||||
|
<td>2</td>
|
||||||
|
<td>64</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2024-07-18 12:11</td>
|
||||||
|
<td>그림</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td>59</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2024-07-18 12:11</td>
|
||||||
|
<td>단문</td>
|
||||||
|
<td>2</td>
|
||||||
|
<td>15</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div class="cont2 clearfix">
|
||||||
|
<p>총 사용금액<span style="font-size:12px;font-weight:300;">(세금계산서 발행 시 월단위 미만 절사)</span></p>
|
||||||
|
<p><span>385,000</span> 원</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cont5">
|
||||||
|
<p><span>2021</span> 년 <span>6</span> 월 <span>17</span> 일</p>
|
||||||
|
<div>
|
||||||
|
<span></span>
|
||||||
|
<span>주식회사 아이티앤</span>
|
||||||
|
<span>유 인 식 (인)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="est_btn_wrap">
|
||||||
|
<button type="button" class="btnType" onclick="window.print();"><i class="print_img"></i>인쇄하기</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!--// 견적서 -->
|
||||||
|
</body></html>
|
||||||
Loading…
Reference in New Issue
Block a user