Commit @381d36f1603c4af3305cce4b29b972266a30ffc5

정수빈 2024-07-30

2024/07/30 사용내역서, 거래명세서 수정

@381d36f1603c4af3305cce4b29b972266a30ffc5

cddc613

381d36f

src/main/webapp/publish/css/estimate.css

--- src/main/webapp/publish/css/estimate.css

+++ src/main/webapp/publish/css/estimate.css


 .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 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:last-child {/* border-radius: 0 5px 0 0 */}
 .est_table2 tbody tr {border-bottom: 1px solid #ccc; text-align: center;}

 .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 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:first-child {border-radius: 0 0 0 5px;}

381d36f

src/main/webapp/publish/transaction_detail.html (added)

+++ src/main/webapp/publish/transaction_detail.html

...	...	@@ -0,0 +1,279 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	7	+ <title>거래명세서</title>
	8	+
	9	+ <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
	10	+ <link rel="stylesheet" href="/publish/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/css/common.css">
	12	+ <link rel="stylesheet" href="/publish/css/estimate.css">
	13	+ <link rel="stylesheet" href="/publish/css/font.css">
	14	+ <link rel="stylesheet" href="/publish/css/button.css">
	15	+
	16	+</head>
	17	+<body>
	18	+ <!-- 견적서 -->
	19	+ <div class="estimate_wrap">
	20	+ <div class="estimate">
	21	+ <div class="est_head clearfix">
	22	+ <img src="/publish/images/CI.png" alt="문자온 CI">
	23	+ <div class="clearfix">
	24	+ <p>(12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)</p>
	25	+ <p>TEL 1551-8011</p>
	26	+ </div>
	27	+ </div>
	28	+ <div class="est_body">
	29	+ <h2>거래명세서<span style="font-size:20px;font-weight:400;">(공급받는자 보관용)</span></h2>
	30	+ <div class="cont1 tb_ver2" style="display:flex;">
	31	+ <div style="width:calc((100% - 40px)/2);">
	32	+ <p>공급받는 자</p>
	33	+ <table class="est_table">
	34	+ <caption>등록번호, 상호, 성명, 전화번호, 이메일 정보 제공</caption>
	35	+ <colgroup>
	36	+ <col style="width: 60px;">
	37	+ <col style="width: auto;">
	38	+ </colgroup>
	39	+ <tbody>
	40	+ <tr>
	41	+ <th>등록번호</th>
	42	+ <td>123-45-67890</td>
	43	+ </tr>
	44	+ <tr>
	45	+ <th style="letter-spacing:-0.69px;">상&ensp;&ensp;&ensp;  호</th>
	46	+ <td>주식회사 OOO</td>
	47	+ </tr>
	48	+ <tr>
	49	+ <th style="letter-spacing:-0.69px;">성&ensp;&ensp;&ensp;  명</th>
	50	+ <td>홍길동</td>
	51	+ </tr>
	52	+ <tr>
	53	+ <th>전화번호</th>
	54	+ <td>02-000-1111</td>
	55	+ </tr>
	56	+ <tr>
	57	+ <th style="letter-spacing:-0.85px;">이&ensp;메&ensp;일</th>
	58	+ <td>hgd@gmail.com</td>
	59	+ </tr>
	60	+ </tbody>
	61	+ </table>
	62	+ </div>
	63	+ <div style="width:calc((100% - 40px)/2);">
	64	+ <p>공급자</p>
	65	+ <img src="/publish/images/content/stamp.png" alt="도장" class="stamp mCS_img_loaded">
	66	+ <table class="est_table">
	67	+ <caption>등록번호, 상호, 성명, 전화번호, 이메일 정보 제공</caption>
	68	+ <colgroup>
	69	+ <col style="width: 60px;">
	70	+ <col style="width: auto;">
	71	+ </colgroup>
	72	+ <tbody>
	73	+ <tr>
	74	+ <th>등록번호</th>
	75	+ <td>123-45-67890</td>
	76	+ </tr>
	77	+ <tr>
	78	+ <th style="letter-spacing:-0.69px;">상&ensp;&ensp;&ensp;  호</th>
	79	+ <td>주식회사 OOO</td>
	80	+ </tr>
	81	+ <tr>
	82	+ <th style="letter-spacing:-0.69px;">성&ensp;&ensp;&ensp;  명</th>
	83	+ <td>홍길동</td>
	84	+ </tr>
	85	+ <tr>
	86	+ <th>전화번호</th>
	87	+ <td>02-000-1111</td>
	88	+ </tr>
	89	+ <tr>
	90	+ <th style="letter-spacing:-0.85px;">이&ensp;메&ensp;일</th>
	91	+ <td>hgd@gmail.com</td>
	92	+ </tr>
	93	+ </tbody>
	94	+ </table>
	95	+ </div>
	96	+ </div>
	97	+ <div class="cont3">
	98	+ <div class="est_table2_wrap">
	99	+ <table class="est_table2">
	100	+ <caption>작성일자, 공급가액, 세액, 비고 정보를 제공하는 표</caption>
	101	+ <colgroup>
	102	+ <col style="width: 25%;">
	103	+ <col style="width: 25%;">
	104	+ <col style="width: 25%;">
	105	+ </colgroup>
	106	+ <thead>
	107	+ <tr>
	108	+ <th scope="col">작성일자</th>
	109	+ <th scope="col">공급가액</th>
	110	+ <th scope="col">세액</th>
	111	+ </tr>
	112	+ </thead>
	113	+ <tbody>
	114	+ <tr>
	115	+ <td>2024-07-18</td>
	116	+ <td>500,000</td>
	117	+ <td>50,000</td>
	118	+ </tr>
	119	+ </tbody>
	120	+ <tfoot>
	121	+ <tr>
	122	+ <th>비고</th>
	123	+ <td style="padding:0 0 0 20px;">사용기간(2024-01-01 ~ 2024-01-31)</td>
	124	+ </tr>
	125	+ </tfoot>
	126	+ </table>
	127	+ </div>
	128	+
	129	+
	130	+ <div class="est_table2_wrap" style="margin:20px 0 0 0;">
	131	+ <table class="est_table2">
	132	+ <caption>월, 일, 품목, 규격, 수량, 단가, 공급가액, 세액, 비고 정보를 제공하는 표</caption>
	133	+ <colgroup>
	134	+ <col style="width: 60px;">
	135	+ <col style="width: 60px;">
	136	+ <col style="width: auto;">
	137	+ <col style="width: 60px;">
	138	+ <col style="width: 60px;">
	139	+ <col style="width: 60px;">
	140	+ <col style="width: 100px;">
	141	+ <col style="width: 60px;">
	142	+ <col style="width: 70px;">
	143	+ </colgroup>
	144	+ <thead>
	145	+ <tr>
	146	+ <th scope="col">월</th>
	147	+ <th scope="col">일</th>
	148	+ <th scope="col">품목</th>
	149	+ <th scope="col">규격</th>
	150	+ <th scope="col">수량</th>
	151	+ <th scope="col">단가</th>
	152	+ <th scope="col">공급가액</th>
	153	+ <th scope="col">세액</th>
	154	+ <th scope="col">비고</th>
	155	+ </tr>
	156	+ </thead>
	157	+ <tbody>
	158	+ <tr>
	159	+ <td>7</td>
	160	+ <td>18</td>
	161	+ <td>문자온 메시징 서비스 이용료</td>
	162	+ <td></td>
	163	+ <td></td>
	164	+ <td></td>
	165	+ <td>500,000</td>
	166	+ <td>50,000</td>
	167	+ <td>-</td>
	168	+ </tr>
	169	+ <tr>
	170	+ <td></td>
	171	+ <td></td>
	172	+ <td></td>
	173	+ <td></td>
	174	+ <td></td>
	175	+ <td></td>
	176	+ <td></td>
	177	+ <td></td>
	178	+ <td></td>
	179	+ </tr>
	180	+ <tr>
	181	+ <td></td>
	182	+ <td></td>
	183	+ <td></td>
	184	+ <td></td>
	185	+ <td></td>
	186	+ <td></td>
	187	+ <td></td>
	188	+ <td></td>
	189	+ <td></td>
	190	+ </tr>
	191	+ <tr>
	192	+ <td></td>
	193	+ <td></td>
	194	+ <td></td>
	195	+ <td></td>
	196	+ <td></td>
	197	+ <td></td>
	198	+ <td></td>
	199	+ <td></td>
	200	+ <td></td>
	201	+ </tr>
	202	+ <tr>
	203	+ <td></td>
	204	+ <td></td>
	205	+ <td></td>
	206	+ <td></td>
	207	+ <td></td>
	208	+ <td></td>
	209	+ <td></td>
	210	+ <td></td>
	211	+ <td></td>
	212	+ </tr>
	213	+ <tr>
	214	+ <td></td>
	215	+ <td></td>
	216	+ <td></td>
	217	+ <td></td>
	218	+ <td></td>
	219	+ <td></td>
	220	+ <td></td>
	221	+ <td></td>
	222	+ <td></td>
	223	+ </tr>
	224	+ <tr>
	225	+ <td></td>
	226	+ <td></td>
	227	+ <td></td>
	228	+ <td></td>
	229	+ <td></td>
	230	+ <td></td>
	231	+ <td></td>
	232	+ <td></td>
	233	+ <td></td>
	234	+ </tr>
	235	+ <tr>
	236	+ <td></td>
	237	+ <td></td>
	238	+ <td></td>
	239	+ <td></td>
	240	+ <td></td>
	241	+ <td></td>
	242	+ <td></td>
	243	+ <td></td>
	244	+ <td></td>
	245	+ </tr>
	246	+ </tbody>
	247	+ <tfoot>
	248	+ <tr>
	249	+ <th colspan="2">합계금액</th>
	250	+ <th>전잔액</th>
	251	+ <th colspan="2">입금액</th>
	252	+ <th colspan="2">현잔액</th>
	253	+ <th colspan="2" rowspan="2" style="background:#fff;vertical-align:middle;">이 금액을 [<span>청&ensp;구</span>]함</th>
	254	+ </tr>
	255	+ <tr>
	256	+ <td style="text-align:center;" colspan="2">550,000</td>
	257	+ <td style="text-align:center;">-</td>
	258	+ <td style="text-align:center;" colspan="2">-</td>
	259	+ <td style="text-align:center;" colspan="2">550,000</td>
	260	+ </tr>
	261	+ </tfoot>
	262	+ </table>
	263	+ </div>
	264	+ </div>
	265	+ <div class="cont5">
	266	+ <p><span>2021</span> 년  <span>6</span> 월  <span>17</span> 일</p>
	267	+ <div>
	268	+ <span></span>
	269	+ <span>주식회사 아이티앤</span>
	270	+ <span>유  인  식  (인)</span>
	271	+ </div>
	272	+ </div>
	273	+ </div>
	274	+ <div class="est_btn_wrap">
	275	+ <button type="button" class="btnType" onclick="window.print();"><i class="print_img"></i>인쇄하기</button>
	276	+ </div>
	277	+ </div>
	278	+ </div><!--// 견적서 -->
	279	+</body></html>

381d36f

src/main/webapp/publish/use_statement.html (added)

+++ src/main/webapp/publish/use_statement.html

...	...	@@ -0,0 +1,133 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	7	+ <title>사용내역서</title>
	8	+
	9	+ <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
	10	+ <link rel="stylesheet" href="/publish/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/css/common.css">
	12	+ <link rel="stylesheet" href="/publish/css/estimate.css">
	13	+ <link rel="stylesheet" href="/publish/css/font.css">
	14	+ <link rel="stylesheet" href="/publish/css/button.css">
	15	+
	16	+</head>
	17	+<body>
	18	+ <!-- 견적서 -->
	19	+ <div class="estimate_wrap">
	20	+ <div class="estimate">
	21	+ <div class="est_head clearfix">
	22	+ <img src="/publish/images/CI.png" alt="문자온 CI">
	23	+ <div class="clearfix">
	24	+ <p>(12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)</p>
	25	+ <p>TEL 1551-8011</p>
	26	+ </div>
	27	+ </div>
	28	+ <div class="est_body">
	29	+ <h2>사용내역서</h2>
	30	+ <div class="cont1 tb_ver2">
	31	+ <div>
	32	+ <p>수신자</p>
	33	+ <table class="est_table">
	34	+ <caption>가상계좌 사실 확인</caption>
	35	+ <colgroup>
	36	+ <col style="width: 60px;">
	37	+ <col style="width: auto;">
	38	+ </colgroup>
	39	+ <tbody>
	40	+ <tr>
	41	+ <th>등록번호</th>
	42	+ <td>123-45-67890</td>
	43	+ </tr>
	44	+ <tr>
	45	+ <th style="letter-spacing:-0.69px;">상&ensp;&ensp;&ensp;  호</th>
	46	+ <td>주식회사 OOO</td>
	47	+ </tr>
	48	+ <tr>
	49	+ <th style="letter-spacing:-0.69px;">성&ensp;&ensp;&ensp;  명</th>
	50	+ <td>홍길동</td>
	51	+ </tr>
	52	+ <tr>
	53	+ <th>전화번호</th>
	54	+ <td>02-000-1111</td>
	55	+ </tr>
	56	+ <tr>
	57	+ <th style="letter-spacing:-0.85px;">이&ensp;메&ensp;일</th>
	58	+ <td>hgd@gmail.com</td>
	59	+ </tr>
	60	+
	61	+ <tr style="border-bottom:0;">
	62	+ <td colspan="2" class="colspan" style="padding:20px 0 0 0;"><span>주식회사 OOO </span>님의 사용내역(2024-01-01 ~ 2024-07-19)을 아래와 같이 확인합니다. </td>
	63	+ </tr>
	64	+ </tbody>
	65	+ </table>
	66	+ </div>
	67	+ </div>
	68	+ <div class="cont3">
	69	+ <div class="est_table2_wrap" style="margin:-10px 0 0 0;">
	70	+ <table class="est_table2">
	71	+ <caption>사용일시, 문자유형, 발송건수, 사용금액(VAT 별도) 정보를 제공하는 표</caption>
	72	+ <colgroup>
	73	+ <col style="width: 25%;">
	74	+ <col style="width: 25%;">
	75	+ <col style="width: 25%;">
	76	+ <col style="width: 25%;">
	77	+ </colgroup>
	78	+ <thead>
	79	+ <tr>
	80	+ <th scope="col">사용일시</th>
	81	+ <th scope="col">문자유형</th>
	82	+ <th scope="col">발송건수</th>
	83	+ <th scope="col">사용금액(VAT 별도)</th>
	84	+ </tr>
	85	+ </thead>
	86	+ <tbody>
	87	+ <tr>
	88	+ <td>2024-07-18&ensp;12:11</td>
	89	+ <td>단문</td>
	90	+ <td>1</td>
	91	+ <td>7.5</td>
	92	+ </tr>
	93	+ <tr>
	94	+ <td>2024-07-18&ensp;12:11</td>
	95	+ <td>장문</td>
	96	+ <td>2</td>
	97	+ <td>64</td>
	98	+ </tr>
	99	+ <tr>
	100	+ <td>2024-07-18&ensp;12:11</td>
	101	+ <td>그림</td>
	102	+ <td>1</td>
	103	+ <td>59</td>
	104	+ </tr>
	105	+ <tr>
	106	+ <td>2024-07-18&ensp;12:11</td>
	107	+ <td>단문</td>
	108	+ <td>2</td>
	109	+ <td>15</td>
	110	+ </tr>
	111	+ </tbody>
	112	+ </table>
	113	+ </div>
	114	+ <div class="cont2 clearfix">
	115	+ <p>총 사용금액<span style="font-size:12px;font-weight:300;">(세금계산서 발행 시 월단위 미만 절사)</span></p>
	116	+ <p><span>385,000</span> 원</p>
	117	+ </div>
	118	+ </div>
	119	+ <div class="cont5">
	120	+ <p><span>2021</span> 년  <span>6</span> 월  <span>17</span> 일</p>
	121	+ <div>
	122	+ <span></span>
	123	+ <span>주식회사 아이티앤</span>
	124	+ <span>유  인  식  (인)</span>
	125	+ </div>
	126	+ </div>
	127	+ </div>
	128	+ <div class="est_btn_wrap">
	129	+ <button type="button" class="btnType" onclick="window.print();"><i class="print_img"></i>인쇄하기</button>
	130	+ </div>
	131	+ </div>
	132	+ </div><!--// 견적서 -->
	133	+</body></html>

Add a comment

Open 0
Closed 0

List

...	...	@@ -38,7 +38,7 @@
38	38	.est_table2_wrap {border-radius: 5px; border: 1px solid #ccc; margin-top: 5px;}
39	39	.est_table2 {width: 100%;border:1px solid #ccc;border-radius:5px;}
40	40	.est_table2 thead tr {background-color: #f2f2f2; border-bottom: 1px solid #ccc;}
41		-.est_table2 thead th {height: 33px; line-height: 33px; font-size: 13px; border-left: 1px solid #ccc;}
	41	+.est_table2 thead th {height: 33px; line-height: 33px; font-size: 13px; border-left: 1px solid #ccc; font-weight:500;}
42	42	.est_table2 thead th:first-child {border-left: 0; /* border-radius: 5px 0 0 0 */}
43	43	.est_table2 thead th:last-child {/* border-radius: 0 5px 0 0 */}
44	44	.est_table2 tbody tr {border-bottom: 1px solid #ccc; text-align: center;}
...	...	@@ -51,6 +51,9 @@
51	51	.est_table2 tbody tr:last-child td:last-child {border-radius: 0 0 5px 0;}
52	52	.est_table2 tbody tr:last-child th,
53	53	.est_table2 tbody tr:last-child td {border-bottom:1px solid #ccc;}
	54	+.est_table2 tfoot tr{border-top:3px double #d8d8d8;}
	55	+.est_table2 tfoot tr th, .est_table2 tfoot tr td {height: 33px; line-height: 33px; font-size: 13px; border-left: 1px solid #ccc;}
	56	+.est_table2 tfoot tr th{background:#f5f5f5;font-weight:500;}
54	57	/* 합계 */
55	58	.est_table2 tbody tr.total_price td {border-top: 1px solid #d7d7d7; border-left:0; border-right: 1px solid #d7d7d7; background-color: #f2f2f2;}
56	59	.est_table2 tbody tr.total_price td:first-child {border-radius: 0 0 0 5px;}

Delete comment