mjon_git/src/main/webapp/WEB-INF/jsp/web/pay/MsgPrintUsageDetailsPopUp.jsp

231 lines
11 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page import="itn.com.cmm.LoginVO" %>
<!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>
<script type="text/javascript">
function f_print(){
document.getElementById('est_btn_wrap').style.display = 'none';
var initBody = document.body.innerHTML;
window.onbeforeprint = function(){
// print_area는 인쇄하고자 하는 영역의 ID를 말합니다.( 필수 )
// document.body.innerHTML = document.getElementById("print_area").innerHTML;
}
window.onafterprint = function(){
document.body.innerHTML = initBody;
}
window.print();
document.getElementById('est_btn_wrap').style.display = '';
}
</script>
<style type="text/css">
.blank {margin:0 12px;}
.est_table2_wrap {overflow:hidden;}
.est_table2 {border:0 none;}
.est_table2 tbody td:first-child {border-left:0 none;}
.est_table2 tbody tr:last-child th, .est_table2 tbody tr:last-child td {border-bottom:0 none;}
</style>
<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: 50px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>수<span class="blank"></span>신</th>
<td>${mberNm}</td>
</tr>
<tr>
<th>참<span class="blank"></span>조</th>
<td>담당자 ${managerNm} 님</td>
</tr>
<tr>
<th>거래일자</th>
<td>${startDate}~${endDate}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="cont2 clearfix">
<p>총 사용금액</p>
<c:choose>
<c:when test="${searchVO.addVatType eq 'N'}">
<p><span>${totalSumPrice}</span> 원(VAT 별도)</p>
</c:when>
<c:otherwise>
<p><span>${addTaxSumPrice}</span> 원(VAT 포함)</p>
</c:otherwise>
</c:choose>
</div>
<div class="cont3">
<p>(단위 : 원, 건)</p>
<div class="est_table2_wrap">
<table class="est_table2">
<caption>품목, 발송건수, 공급가액, 부가세, 금액 정보를 제공하는 표</caption>
<colgroup>
<col style="width:20%;">
<col style="width:20%;">
<col style="width:20%;">
<col style="width:auto;">
</colgroup>
<thead>
<tr>
<th scope="col">품목</th>
<th scope="col">발송건수</th>
<th scope="col">공급가액</th>
<th scope="col">금액</th>
</tr>
</thead>
<tbody>
<c:choose>
<c:when test="${not empty resultList}">
<c:forEach var="result" items="${resultList}" varStatus="status">
<tr>
<td>${result.msgTypeName}</td>
<td>
<c:choose>
<c:when test="${result.msgTypeName eq '단문(SMS)'}">
<fmt:formatNumber type="number" maxFractionDigits="3" value="${result.shtSendCount}" var="shtSendCount" />
<c:out value="${shtSendCount}"/>
</c:when>
<c:when test="${result.msgTypeName eq '장문(LMS)'}">
<fmt:formatNumber type="number" maxFractionDigits="3" value="${result.longSendCount}" var="longSendCount" />
<c:out value="${longSendCount}"/>
</c:when>
<c:when test="${result.msgTypeName eq '그림(MMS)'}">
<fmt:formatNumber type="number" maxFractionDigits="3" value="${result.pictSendCount}" var="pictSendCount" />
<c:out value="${pictSendCount}"/>
</c:when>
<c:when test="${result.msgTypeName eq '알림톡'}">
<fmt:formatNumber type="number" maxFractionDigits="3" value="${result.atSendCount}" var="atSendCount" />
<c:out value="${atSendCount}"/>
</c:when>
<c:otherwise>
<fmt:formatNumber type="number" maxFractionDigits="3" value="${result.ftSendCount}" var="ftSendCount" />
<c:out value="${ftSendCount}"/>
</c:otherwise>
</c:choose>
<%-- <fmt:formatNumber type="number" maxFractionDigits="3" value="${result.sendCount}" var="sendCount" />
<c:out value="${sendCount}"/> --%>
</td>
<td>
<fmt:formatNumber type="number" maxFractionDigits="3" value="${result.supplyPrice}" var="supplyPrice" />
<c:out value="${supplyPrice}"/>
</td>
<td>
<fmt:formatNumber type="number" maxFractionDigits="3" value="${result.totalPrice}" var="totalPrice" />
<c:out value="${totalPrice}"/>
</td>
</tr>
</c:forEach>
</c:when>
<c:otherwise>
<tr>
<td colspan="4">
사용내역이 없습니다.
</td>
</tr>
</c:otherwise>
</c:choose>
</tbody>
</table>
</div>
</div>
<div class="cont4">
<table class="est_table">
<caption>공급가액, 총 결제금액에 대한 표</caption>
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>공급가액</th>
<td><span>${supplySumPrice}</span></td>
</tr>
<c:choose>
<c:when test="${not empty resultList}">
<c:choose>
<c:when test="${searchVO.addVatType eq 'N'}">
<tr class="total_price">
<th>총 사용금액</th>
<td><span>${totalSumPrice}</span></td>
</tr>
</c:when>
<c:otherwise>
<tr>
<th>세액(부가세)</th>
<td>${addTax}</td>
</tr>
<tr class="total_price">
<th>총 사용금액</th>
<td><span>${addTaxSumPrice}</span></td>
</tr>
</c:otherwise>
</c:choose>
</c:when>
<c:otherwise>
<tr>
<td colspan="5">
사용내역이 없습니다.
</td>
</tr>
</c:otherwise>
</c:choose>
</tbody>
</table>
</div>
<div class="cont5">
<p><span>${year} 년&nbsp;&nbsp;<span>${month}</span> 월&nbsp;&nbsp;<span>${day}</span> 일</p>
<div>
<span>주식회사 아이티앤 대표이사</span>
<span>유&nbsp;인&nbsp;식</span>
<span class="big_stamp"><img src="/publish/images/content/big_stamp.png"></span>
</div>
</div>
</div>
<div class="est_btn_wrap" id="est_btn_wrap">
<button type="button" class="btnType" onclick="javascript:f_print(); return false;"><i class="print_img"></i>인쇄하기</button>
</div>
</div>
</div><!--// 견적서 -->
</body></html>