File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script>
// 문자 단가
var shortPrice = "${shortPrice}";
var longPrice = "${longPrice}";
var picturePrice = "${picturePrice}";
var picturePrice2 = "${picturePrice2}";
var picturePrice3 = "${picturePrice3}";
var kakaoAtPrice = "${kakaoAtPrice}";
var faxPrice = "${faxPrice}";
var smsList = new Array(); // 품목추가 Array
var supplySumPrice = 0; // 공급가액
var vatSumPrice = 0; // 부가세액
var totSumPrice = 0; // 합계
// 탭이동
var tabType = "${tabType}";
$(document).ready(function () {
// 품목정보 추가
getSmsItemAdd();
// 품목 Change Event
$("#smsItem").change(function(){
$("#unitPrice").val($("#smsItem option:selected").val());
var optNm = $("#smsItem option:selected").text();
if(optNm.includes('팩스')){
$('#faxPages').show();
}else{
$('#faxPages').hide();
}
});
// 품목추가 Click Event
$("#btnItemAdd").click(function(){
// 품목추가
setItemAdd();
});
// 품목삭제 Click Event
$("#btnItemDel").click(function(){
// 품목삭제
setItemDel();
//품목추가 Html
setItemAddHtml();
});
// 부가세별도 여부 Change Event
$("#isVat").change(function(){
//품목추가 Html
setItemAddHtml();
});
// 견적내기화면으로 이동
if (tabType == "2") {
$("#btnEstimate").trigger("click");
}
});
//품목정보 추가
function getSmsItemAdd() {
var sHtml = "";
sHtml += "<option value='" + shortPrice + "'>단문(SMS)</option>";
sHtml += "<option value='" + longPrice + "'>장문(LMS)</option>";
sHtml += "<option value='" + picturePrice + "'>그림문자(1장)</option>";
sHtml += "<option value='" + picturePrice2 + "'>그림문자(2장)</option>";
sHtml += "<option value='" + picturePrice3 + "'>그림문자(3장)</option>";
sHtml += "<option value='" + kakaoAtPrice + "'>카톡(알림톡)</option>";
sHtml += "<option value='" + faxPrice + "'>팩스</option>";
$("#smsItem").append(sHtml);
// 단가 초기값
$("#unitPrice").val($("#smsItem option:selected").val());
}
// 품목추가
function setItemAdd() {
var caseNumber = $("#caseNumber").val().trim().replaceAll(",", "");
var casePage = $("#casePage").val().trim().replaceAll(",", "");
if (caseNumber == null || caseNumber == "" || caseNumber == undefined) {
alert("건수를 입력하세요.");
return false;
}
else if (isNaN(caseNumber) == true) {
alert("건수는 숫자를 입력하세요.");
return false;
}
// 객체 생성
var data = new Object();
data.smsItemName = $("#smsItem option:selected").text(); // 품목명
data.unitPrice = $("#unitPrice").val(); // 단가
data.unitPricePlusVat = $("#unitPrice").val(); // 단가
data.caseNumber = caseNumber; // 건수
data.supplyPrice = $("#unitPrice").val() * caseNumber;
data.totPrice = $("#unitPrice").val() * caseNumber; // 금액
var itmNm = data.smsItemName
if(itmNm.includes('팩스')){//팩스인 경우 매수 곱해주기
data.casePage = casePage;
data.supplyPrice = $("#unitPrice").val() * (caseNumber * casePage);
data.totPrice = $("#unitPrice").val() * (caseNumber * casePage); // 금액
}
// 리스트에 생성된 객체 삽입
smsList.push(data);
//품목추가 Html
setItemAddHtml();
}
//품목추가 Html
function setItemAddHtml() {
var isVat = $("#isVat option:selected").val();
// 부가세 케이스별 다시계산
smsList.forEach(function(element) {
var itmNm = element.smsItemName;
if (isVat == 1) {
if(itmNm.includes('팩스')){//팩스인 경우 건수 * 매수에 대한 금액의 부가세를 계산해야함.
// 부가세 포함
element.vatPrice = Math.round(element.unitPrice * 0.1 * (element.caseNumber * element.casePage));
}else{
// 부가세 포함
element.vatPrice = Math.round(element.unitPrice * 0.1 * element.caseNumber);
//element.unitPricePlusVat = parseInt(element.unitPrice, 10) + Math.round(element.unitPrice * 0.1);
}
}
else {
// 부가세 별도(부가세 : 0)
element.vatPrice = 0;
}
if(itmNm.includes('팩스')){//팩스인 경우 건수 * 매수에 대한 금액의 부가세를 계산해야함.
element.totVatPrice = (element.unitPrice * (element.caseNumber * element.casePage)) + element.vatPrice; // 금액
}else{
element.totVatPrice = (element.unitPrice * element.caseNumber) + element.vatPrice; // 금액
}
})
vatSumPrice = 0;
supplySumPrice = 0;
totSumPrice = 0;
var sHtml = "";
smsList.forEach(function(element) {
supplySumPrice += element.supplyPrice;
totSumPrice += element.totPrice;
sHtml += "<div class='tType3_bd'>";
sHtml += " <div>";
sHtml += " <label for='' class='label'>한 줄 전체 선택</label>";
sHtml += " <input type='checkbox' id='chkEach' name='chkEach'>";
sHtml += " </div>";
sHtml += " <div>" + element.smsItemName + "</div>";
if (isVat == 1) {
// 부가세 포함
sHtml += " <div>" + element.unitPricePlusVat + "</div>";
}
else {
sHtml += " <div>" + element.unitPrice + "</div>";
}
if(element.smsItemName.includes('팩스')){
sHtml += " <div>" + numberWithCommas(element.caseNumber * element.casePage) + "</div>";
}
else {
sHtml += " <div>" + numberWithCommas(element.caseNumber) + "</div>";
}
sHtml += " <div>" + numberWithCommas(element.supplyPrice) + "</div>";
sHtml += " <div>" + numberWithCommas(element.vatPrice) + "</div>";
sHtml += " <div>" + numberWithCommas(element.totVatPrice) + "</div>";
sHtml += "</div>";
})
$("#itemList").html(sHtml);
// Sum
setEstimateSum();
}
// Sum
function setEstimateSum() {
var isVat = $("#isVat option:selected").val();
console.log("setEstimateSum")
if (isVat == 1) {
// 부가세 포함
vatSumPrice = Math.round(supplySumPrice * 0.1);
totSumPrice = totSumPrice + vatSumPrice;
}
else {
// 부가세 별도(부가세 : 0)
vatSumPrice = 0;
supplySumPrice = supplySumPrice - vatSumPrice;;
}
$("#supplySumPriceStr").html(numberWithCommas(supplySumPrice));
$("#totSumPriceStr").html(numberWithCommas(totSumPrice));
/* if($("#isVat option:selected").val() == '0'){
$("#isVatStr").html($("#isVat option:selected").text() + '(' + numberWithCommas(vatSumPrice) + ')');
}else{
$("#isVatStr").html($("#isVat option:selected").text());
} */
$("#isVatStr").html(numberWithCommas(vatSumPrice));
$("#smsList").val(JSON.stringify(smsList));
$("#supplySumPrice").val(supplySumPrice);
$("#vatSumPrice").val(vatSumPrice);
$("#totSumPrice").val(totSumPrice);
}
// 품목 삭제
function setItemDel() {
//체크박스 체크
var smsListLen = smsList.length;
while (smsListLen--) {
if ($('input[name=chkEach]').eq(smsListLen).is(':checked') == true) {
smsList.splice(smsListLen, 1);
}
}
}
//유효성 검사
function ValidationCheck() {
var title = $("#title").val().trim();
var recipientName = $("#recipientName").val().trim();
var managerName = $("#managerName").val().trim();
var mobile = $("#mobile").val().trim();
var publishDate = $("#publishDate").val().trim();
if (title == null || title == "" || title == undefined) {
alert("제목을 입력하세요.");
$("#title").focus();
return false;
}
else if (recipientName == null || recipientName == "" || recipientName == undefined) {
alert("수신자(기업명)을 입력하세요.");
$("#recipientName").focus();
return false;
}
else if (managerName == null || managerName == "" || managerName == undefined) {
alert("담당자(성명)을 입력하세요.");
$("#managerName").focus();
return false;
}
else if (mobile == null || mobile == "" || mobile == undefined) {
alert("연락처를 입력하세요.");
$("#mobile").focus();
return false;
}
else if (publishDate == null || publishDate == "" || publishDate == undefined) {
alert("발행일을 입력하세요.");
$("#publishDate").focus();
return false;
}
else if (smsList.length == 0) {
alert("품목정보를 하나이상 추가해주세요.");
return false;
}
}
/* 인쇄미리보기 클릭 시 견적서 새창 팝업 오픈 */
function showEst() {
// 유효성 검사
if (ValidationCheck() == false) return false;
//만들려는 팝업의 크기
var popup_wid = 820;
var popup_ht = 900;
//중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦
var popup_left = (window.screen.width / 2) - (popup_wid / 2);
var popup_top =(window.screen.height / 2) - (popup_ht / 2);
// From Submit
var myForm = document.popForm;
var url = "/web/pay/PayEstimateAjax.do";
window.open('' ,'popForm', 'scrollbars=1, width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top);
myForm.action =url;
myForm.method="post";
myForm.target="popForm";
myForm.testVal = 'test';
myForm.submit();
}
function inputNumberFormatPay(obj) {
$(obj).val($(obj).val().replace(/[^0-9]/g,""));
$('#caseNumber').val(numberWithCommas(obj.value));
}
function inputPagesNumberFormatPay(obj) {
$(obj).val($(obj).val().replace(/[^0-9]/g,""));
$(obj).val(numberWithCommas(obj.value));
}
function inputPagesNumber(obj) {
$(obj).val($(obj).val().replace(/[^0-9]/g,""));
}
function fn_gunClear(){
$('#caseNumber').val('');
}
//체크박스 전체선택/해제
$(document).on("click", "#chkAll", function(e) {
var isChecked = $(this).is(":checked");
$("input[name=chkEach]:checkbox").prop("checked", isChecked);
});
/* 윈도우팝업 열기 */
function infoPop(pageUrl){
document.infoPopForm.pageType.value = pageUrl;
document.infoPopForm.action = "/web/pop/infoPop.do";
document.infoPopForm.method = "post";
window.open("about:blank", 'infoPop', 'width=790, height=280, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');
document.infoPopForm.target = "infoPop";
document.infoPopForm.submit();
}
//등급제 시행 ON/OFF 체크(비로그인)
function getMberSettingDetailByNotLogin() {
$.ajax({
type: "POST",
url: "/web/grd/mberSettDetailByNotLoginAjax.do",
data: {},
dataType:'json',
async: false,
success: function (data) {
if (data.isSuccess) {
// 문자(등급별 요금 안내)
$("#mberGrdSettingArea").show();
}
else {
//alert("Msg : " + data.msg);
}
},
error: function (e) {
//alert("ERROR : " + JSON.stringify(e));
}
});
}
</script>
<form name="popForm" method="post">
<input type="hidden" name="smsList" id="smsList" value="" />
<input type="hidden" name="supplySumPrice" id="supplySumPrice" value="" />
<input type="hidden" name="vatSumPrice" id="vatSumPrice" value="" />
<input type="hidden" name="totSumPrice" id="totSumPrice" value="" />
<!-- content 영역 -->
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<ul class="tabType4">
<li class="tab active"><button type="button">요금안내/견적내기</button></li>
<li class="tab"><button type="button" onclick="location.href='/web/member/pay/PayView.do'">결제하기</button></li>
<li class="tab"><button type="button" onclick="location.href='/web/member/pay/PayList.do'">요금 결제내역</button></li>
<li class="tab"><button type="button" onclick="location.href='/web/member/pay/PayUserSWList.do'">요금 사용내역</button></li>
<li class="tab"><button type="button" onclick="location.href='/web/member/pay/BillPub.do'">세금계산서 발행 등록</button></li>
</ul>
<!--// tab button -->
<!-- 결제관리 - 요금안내/견적내기 -->
<div class="serv_content charg_cont current" id="tab5_1">
<div class="heading">
<h2>요금안내/견적내기</h2>
<button type="button" class="button info" onclick="infoPop('PayGuide');">사용안내</button>
</div>
<!-- tab button -->
<div class="pay_tab_wrap">
<ul class="tabType1">
<li class="tab active">
<button type="button" onclick="TabType1(this,'1')">요금안내</button>
</li>
<li class="tab">
<button type="button" onclick="TabType1(this,'2')" id="btnEstimate">견적내기</button>
</li>
</ul>
</div>
<!--// tab button -->
<!-- 결제관리 - 요금안내/견적내기 - 요금안내 -->
<div class="fee_cont current fee_wrap" id="tab1_1">
<div>
<p class="tType1_title">
<img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span class="level_first" id="grdShowArea"></span>
</p>
<table class="tType2">
<caption></caption>
<colgroup>
<col style="width: 18%;">
<col style="width: auto;">
<col style="width: 32%;">
</colgroup>
<thead>
<tr>
<th>구분</th>
<th>특징</th>
<th>가격</th>
</tr>
</thead>
<tbody>
<tr>
<th>단문(SMS)</th>
<td>90Byte 이하 단문 메시지(이미지 첨부 불가)</td>
<td><span>${shortPrice}</span>원</td>
</tr>
<tr>
<th>장문(LMS)</th>
<td>91~2,000Byte 이하 장문메시지(이미지 첨부 불가)</td>
<td><span>${longPrice}</span>원</td>
</tr>
<tr>
<th>그림문자(MMS)</th>
<td>2,000Byte 이하 문자 및 이미지를 포함하는그림메시지(이미지 최대 3장 첨부 가능) </td>
<td>1장 : <span>${picturePrice}</span>원 / 2장 : <span>${picturePrice2}<span>원/ 3장 : <span>${picturePrice3}</span>원</td>
</tr>
</tbody>
</table>
<span class="reqTxt4">* 텍스트 용량(Byte)에 대한 안내 : 한글2Byte, 영문·숫자 1Byte를 차지.</span>
<!--문자_등급별 요금 안내 추가 시작-->
<div id="mberGrdSettingArea" style="display: none;">
<p class="tType1_title level"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span>(등급별 요금 안내)</span></p>
<table class="tType2 tType2_level">
<caption></caption>
<colgroup>
<col style="width: 13%;">
<col style="width: auto;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
</colgroup>
<thead>
<tr>
<th>등급</th>
<th class="th_second">누적결제액<span id="levelSubTitle"></span></th>
<th>단문</th>
<th>장문</th>
<th>그림(1장)</th>
<th>그림(2장)</th>
<th>그림(3장)</th>
</tr>
</thead>
<tbody>
<c:forEach var="result" items="${mberGrdSettingList}" varStatus="status">
<tr class="level_table">
<th><c:out value="${result.grdSetNm}"/></th>
<td class="level_price"><c:out value="${result.stdAmtComma}"/></td>
<td><c:out value="${result.shortPrice}"/></td>
<td><c:out value="${result.longPrice}"/></td>
<td><c:out value="${result.picturePrice}"/></td>
<td><c:out value="${result.picture2Price}"/></td>
<td><c:out value="${result.picture3Price}"/></td>
</tr>
</c:forEach>
</tbody>
</table>
<span class="reqTxt4">
* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
</span>
<p class="reqTxt4 reqTxt4_last">
* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작 등으로 인지되는 문자에 대해서는 사전 또는 즉시 발송을 차단하고
이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을 취소합니다.
</p>
</div>
<!--문자_등급별 요금 안내 추가 끝-->
<p class="tType1_title"><img src="/publish/images/content/icon_fee2.png" alt="알림톡 아이콘 이미지"> 알림톡</p>
<table class="tType2">
<colgroup>
<col style="width: 20%;">
<col style="width: 60%;">
<col style="width: 20%;">
</colgroup>
<thead>
<tr>
<th>구분</th>
<th>특징</th>
<th>가격</th>
</tr>
</thead>
<tbody>
<tr>
<th>알림톡</th>
<td>카카오톡을 통해 친구 추가 여부와 관계 없이 휴대폰 번호로 발송이 가능한 정보성 메시지<br>(1,000자 이하의 텍스트 및 이미지 중 카카오 사전 승인 건에 한하여 발송 가능)</td>
<td>1장 : <span>${kakaoAtPrice}</span>원</td>
</tr>
</tbody>
</table>
<span class="reqTxt4">* 텍스트 용량(Byte)에 대한 안내 : 한글2Byte, 영문·숫자 1Byte를 차지.</span>
<p class="tType1_title"><img src="/publish/images/content/icon_fee_fax.png" alt="팩스 아이콘 이미지"> 팩스</p>
<table class="tType2">
<colgroup>
<col style="width: 20%;">
<col style="width: 60%;">
<col style="width: 20%;">
</colgroup>
<thead>
<tr>
<th>구분</th>
<th>특징(전송가능확장자)</th>
<th>가격</th>
</tr>
</thead>
<tbody>
<tr>
<th>팩스</th>
<td>전송 가능 파일(hwp, pdf, ppt, xls, xlsx, doc, jpg, jpeg, bmp, txt, gif, hwpml, tif, gul)</td>
<td>1매 : <span>${faxPrice}</span>원</td>
</tr>
</tbody>
</table>
<p class="tType1_title"><img src="/publish/images/content/icon_fee3.png" alt="그림문자 맞춤제작 이미지"> 그림문자 맞춤제작</p>
<table class="tType2">
<caption></caption>
<colgroup>
<col style="width: 80%;">
<col style="width: 20%;">
</colgroup>
<thead>
<tr>
<th>구분</th>
<th>가격</th>
</tr>
</thead>
<tbody>
<tr>
<th>문자온 샘플 수정(글자, 색상, 폰트 등)</th>
<td><span>${customSamplePrice}</span>원</td>
</tr>
<tr>
<th>이미지 편집(첨부이미지 1장)</th>
<td><span>${customEditPrice}</span>원</td>
</tr>
<tr>
<th>이미지 편집(첨부이미지 3장이하)</th>
<td><span>${customEdit3Price}</span>원</td>
</tr>
<tr>
<th>텍스트 단순수정</th>
<td><span>${customTextPrice}</span>원</td>
</tr>
</tbody>
</table>
<span class="reqTxt4">* 텍스트 단순수정 요청은 맞춤제작이 완료된 그림문자의 수정 시에만 가능합니다.</span>
<div class="banner">
<p>대량발송 고객 가격협의 가능</p>
<ul>
<li><img src="/publish/images/content/banner_call01.png" alt=""><p>전화 <strong>1551-8011</strong><p></li>
<li><img src="/publish/images/content/banner_email01.png" alt=""><p>이메일<span>help@iten.co.kr</span> <button type="button" onclick="location.href='mailto:help@iten.co.kr'">상담하기</button></li>
<li><img src="/publish/images/content/banner_kakao01.png" alt=""><p>카카오톡<span>munjaon</span><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank">상담하기</a><p></li>
</ul>
</div>
</div>
</div>
<!--// 결제관리 - 요금안내/견적내기 - 요금안내 -->
<!-- 결제관리 - 요금안내/견적내기 - 견적내기 -->
<div class="fee_cont" id="tab1_2">
<ul class="clause_list">
<li class="list_open on">
<div class="clause_list_head">
<div class="list_head_in">
<span><i></i>요금안내</span>
<button type="button" onclick="clause_list(this);"><i></i></button>
</div>
</div>
<div class="clause_list_body">
<table class="refund_info">
<caption>요금 안내</caption>
<colgroup>
<col style="width: 13%;">
<col style="width: auto;">
<col style="width: 25%;">
</colgroup>
<thead>
<tr>
<th>구분</th>
<th>특징</th>
<th>금액</th>
</tr>
</thead>
<tbody>
<tr>
<td>단문(SMS)</td>
<td>90Byte 이하 단문 메시지(이미지 첨부 불가)</td>
<td><span>${shortPrice}</span>원</td>
</tr>
<tr>
<td>장문(LMS)</td>
<td>91~2,000Byte 이하 장문메시지(이미지 첨부 불가)</td>
<td><span>${longPrice}</span>원</td>
<tr>
<td>그림문자(MMS)</td>
<td>2,000Byte 이하 문자 및 이미지를 포함하는 그림메시지(이미지 최대 3장 첨부 가능)</td>
<td>1장 : <span>${picturePrice}</span>원 / 2장 : <span>${picturePrice2}</span>원 / 3장 : <span>${picturePrice3}</span>원</td>
</tr>
<tr>
<td>카카오(알림톡)</td>
<td>카카오톡을 통해 친구 추가 여부와 관계 없이 휴대폰 번호로 발송이 가능한 정보성 메시지(1,000자 이하의 텍스트 및 이미지 중 카카오 사전 승인 건에 한하여 발송 가능)</td>
<td><span>${kakaoAtPrice}</span>원</td>
</tr>
<tr>
<td>팩스</td>
<td>전송 가능 파일(hwp, pdf, ppt, xls, xlsx, doc, jpg, jpeg, bmp, txt, gif, hwpml, tif, htm, html, gul)</td>
<td><span>${faxPrice}</span>원</td>
</tr>
<tr>
<td>맞춤제작</td>
<td>문자온 샘플 수정(글자, 색상, 폰트 등)</td>
<td><span>${customSamplePrice}</span>원</td>
</tr>
<tr>
<td>맞춤제작</td>
<td>이미지 편집(첨부이미지 1장)</td>
<td><span>${customEditPrice}</span>원</td>
</tr>
<tr>
<td>맞춤제작</td>
<td>이미지 편집(첨부이미지 3장이하)</td>
<td><span>${customEdit3Price}</span>원</td>
</tr>
<tr>
<td>맞춤제작</td>
<td>텍스트 단순수정</td>
<td><span>${customTextPrice}</span>원</td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
<div>
<p class="tType1_title">일반정보</p>
<table class="tType1">
<caption></caption>
<colgroup>
<col style="width: 150px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>제목</th>
<td>
<label for="" class="label">견적내기 제목</label>
<input type="text" id="title" name="title" placeholder="견적서" onfocus="this.placeholder=''" onblur="this.placeholder='견적서'" style="width: 400px;" maxlength="20">
</td>
</tr>
<tr>
<th>수신자(기업명)</th>
<td>
<label for="" class="label">수신자(기업명) 입력</label>
<input type="text" id="recipientName" name="recipientName" style="width: 400px;" maxlength="18">
</td>
</tr>
<tr>
<th>담당자(성명)</th>
<td>
<label for="" class="label">담당자(성명) 입력</label>
<input type="text" id="managerName" name="managerName" style="width: 400px;" maxlength="18">
</td>
</tr>
<tr>
<th>연락처</th>
<td>
<label for="" class="label">연락처 입력</label>
<input type="text" onkeyup="inputPagesNumber(this)"; maxlength="11" id="mobile" name="mobile" style="width: 400px;">
</td>
</tr>
<tr>
<th>발행일</th>
<td>
<div class="calendar_wrap">
<input type="text" class="calendar" title="발행일" id="publishDate" name="publishDate">
</div>
</td>
</tr>
</tbody>
</table>
<p class="tType1_title">품목정보</p>
<table class="tType1 itemInfo">
<caption></caption>
<colgroup>
<col style="width: 150px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>구분</th>
<td>
<label for="" class="label">품목 선택</label>
<select id="smsItem" name="smsItem" onchange="fn_gunClear();" style="width: 210px;">
</select>
<label for="" class="label">품목 별 단가</label>
<input type="text" id="unitPrice" name="unitPrice" value="0" placeholder="" readonly class="readonly">
<p class="input_in">원</p>
</td>
</tr>
<tr>
<th>건수</th>
<td class="publish_btn">
<label for="" class="label">건수 입력</label>
<input type="text" id="caseNumber" numberOnly maxlength="10" name="caseNumber" style="width: 210px;" onkeyup="inputNumberFormatPay(this)">
<p class="input_in">건</p>
<div>
<button type="button" class="btnType" id="btnItemAdd">품목추가<i class="arrow_img"></i></button>
</div>
</td>
</tr>
<tr id="faxPages" style="display:none;">
<th>매수</th>
<td class="publish_btn">
<label for="" class="label">매수 입력</label>
<input type="text" id="casePage" name="casePage" style="width: 210px;" onkeyup="inputPagesNumberFormatPay(this)">
<p class="input_in">매</p>
</td>
</tr>
</tbody>
</table>
<div class="search_group_bottom2">
<div class="btnWrap1">
<button type="button" class="btnType" id="btnItemDel"><i class="remove_img"></i>선택삭제</button>
</div>
</div>
<!-- table -->
<div class="tType3 payDetail">
<!-- thead -->
<div class="tType3_hd">
<div>
<label for="" class="label">전체 선택</label>
<input type="checkbox" id="chkAll">
</div>
<div>품목</div>
<div>단가(원)</div>
<div>건수(건)</div>
<div>공급가액(원)</div>
<div>세액(부가세)</div>
<div>금액(원)</div>
</div>
<!-- tbody -->
<div class="tType3_bd_wrap" id="itemList">
<div class="tType3_bd">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<!--// table -->
<div class="tb_wrap totalPrice_tb">
<table class="tType4">
<colgroup>
<col style="width: 25%;">
<col style="width: 25%;">
<col style="width: 30%;">
<col style="width: 15%;">
</colgroup>
<thead>
<tr>
<th>공급가액</th>
<th>세액(부가세)</th>
<th>합계</th>
<th>비고</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span id="supplySumPriceStr"></span>
</td>
<td>
<span id="isVatStr"></span>
</td>
<td>
<span id="totSumPriceStr"></span>
</td>
<td style="text-align: center;">
<label for="" class="label">부가세 포함,별도 선택</label>
<select id="isVat" name="isVat" class="selType2">
<option value="0">부가세 별도</option>
<option value="1" selected>부가세 포함</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //주소록리스트 -->
<div style="text-align: center;">
<button class="btnType btnType16" onclick="showEst(); return false;">발행하기</button>
</div>
</div>
</div>
<!-- 결제관리 - 요금안내/견적내기 - 견적내기 -->
</div>
</div>
<!-- 결제관리 - 요금안내/견적내기 -->
</div>
<!--// send top -->
</form>
<form name="infoPopForm" id="infoPopForm" method="post">
<input type="hidden" name="pageType" id="pageType" value=""/>
</form>