1613 lines
60 KiB
Plaintext
1613 lines
60 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 prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
||
<%@ taglib prefix="ec" uri="/WEB-INF/tld/ecnet_tld.tld"%>
|
||
|
||
<style>
|
||
/*.charg_cont .area_tab li{ width: calc((100% - 80px)/5);}*/
|
||
</style>
|
||
|
||
<!-- KG 모빌리언스 -->
|
||
<script src="https://mup.mobilians.co.kr/js/ext/ext_inc_comm.js"></script>
|
||
<script type="text/javascript" src="<c:url value='/js/MJUtill.js'/>"></script>
|
||
|
||
<script>
|
||
//탭이동
|
||
var tabType = "${tabType}";
|
||
|
||
$(document).ready(function(){
|
||
//다음 결제시 결제수단 SELECT
|
||
getNextPayMethod();
|
||
|
||
// 충전금액 세팅
|
||
setPriceMake();
|
||
|
||
setNumberOnly();//숫자만입력
|
||
|
||
// 전용계좌 화면으로 이동
|
||
if (tabType == "2") {
|
||
$("#btnDdedicatedAccount").trigger("click");
|
||
}
|
||
|
||
// 등급제 대상 여부
|
||
//getMberGrdChk();
|
||
});
|
||
|
||
//다음 결제시 결제수단 SELECT
|
||
function getNextPayMethod() {
|
||
var nextPayMethod = "";
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/web/member/pay/selectLastPayMethodAjax.do",
|
||
data: {},
|
||
dataType:'json',
|
||
async: false,
|
||
success: function (data) {
|
||
if (data.isSuccess) {
|
||
if (data.nextPayMethod != '') {
|
||
nextPayMethod = data.nextPayMethod;
|
||
|
||
// 버튼 영역
|
||
$(".btn_tab").removeClass("active");
|
||
// 금액 영역
|
||
$(".area_tabcont").removeClass("on");
|
||
|
||
if (nextPayMethod == "CARD") {
|
||
$(".btn_charge1").addClass("active");
|
||
$("#tab2_1").addClass("area_tabcont on");
|
||
}
|
||
else if (nextPayMethod == "VBANK") {
|
||
$(".btn_charge2").addClass("active");
|
||
$("#tab2_2").addClass("area_tabcont on");
|
||
}
|
||
else if (nextPayMethod == "CELLPHONE") {
|
||
$(".btn_charge3").addClass("active");
|
||
$("#tab2_3").addClass("area_tabcont on");
|
||
}
|
||
else if (nextPayMethod == "BANK") {
|
||
$(".btn_charge4").addClass("active");
|
||
$("#tab2_4").addClass("area_tabcont on");
|
||
}
|
||
else if (nextPayMethod == "NAV") {
|
||
$(".btn_charge5").addClass("active");
|
||
$("#tab2_5").addClass("area_tabcont on");
|
||
}
|
||
else if (nextPayMethod == "KKO") {
|
||
$(".btn_charge6").addClass("active");
|
||
$("#tab2_6").addClass("area_tabcont on");
|
||
}
|
||
else if (nextPayMethod == "TOS") {
|
||
$(".btn_charge7").addClass("active");
|
||
$("#tab2_7").addClass("area_tabcont on");
|
||
}
|
||
else if (nextPayMethod == "PYC") {
|
||
$(".btn_charge8").addClass("active");
|
||
$("#tab2_8").addClass("area_tabcont on");
|
||
}
|
||
|
||
// 체크박스
|
||
$("input:checkbox[id='agree']").prop("checked", true);
|
||
}
|
||
}
|
||
},
|
||
error: function (e) {
|
||
|
||
}
|
||
});
|
||
}
|
||
|
||
// 다음 결제시 결제수단 UPDATE
|
||
function setNextPayMethod() {
|
||
var nextPayMethod = "";
|
||
if ($("input:checkbox[id='agree']").is(":checked") == true) {
|
||
var $currentTab = $('.area_tab').children('.active').index();
|
||
if ($currentTab == 0) {
|
||
nextPayMethod = "CARD";
|
||
} else if ($currentTab == 1) {
|
||
nextPayMethod = "VBANK";
|
||
} else if ($currentTab==2) {
|
||
nextPayMethod = "CELLPHONE";
|
||
} else if ($currentTab==3) {
|
||
nextPayMethod = "BANK";
|
||
} else {
|
||
if ($currentTab == 4) {
|
||
nextPayMethod = "NAV"; // 네이버페이
|
||
} else if ($currentTab==5) {
|
||
nextPayMethod = "KKO"; // 카카오페이
|
||
} else if ($currentTab==6) {
|
||
nextPayMethod = "TOS"; // 토스페이
|
||
} else if ($currentTab==7) {
|
||
nextPayMethod = "PYC"; // 페이코
|
||
}
|
||
}
|
||
}
|
||
else {
|
||
nextPayMethod = "";
|
||
}
|
||
|
||
// 업데이트
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/web/member/pay/updateNextPayMethodAjax.do",
|
||
data: {"nextPayMethod" : nextPayMethod},
|
||
dataType:'json',
|
||
async: false,
|
||
success: function (data) {
|
||
if (data.isSuccess) {
|
||
|
||
}
|
||
},
|
||
error: function (e) {
|
||
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
//결제수단 상태 체크
|
||
function checkPayTypeStatusAjax(payMethod) {
|
||
|
||
document.payTypeForm.payTypeCode.value = payMethod;
|
||
|
||
var payTypeForm = new FormData(document.payTypeForm);
|
||
var statusChk = "Y";
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/web/member/pay/checkPayTypeStatusAjax.do",
|
||
data: payTypeForm,
|
||
dataType:'json',
|
||
async: false,
|
||
processData: false,
|
||
contentType: false,
|
||
cache: false,
|
||
success: function (returnData) {
|
||
if("success"==returnData.result){
|
||
//결제수단 사용
|
||
statusChk = "Y";
|
||
|
||
}else if("statusFail"==returnData.result){
|
||
//회원상태 이용정지
|
||
alert(returnData.message);
|
||
statusChk = "B";
|
||
|
||
} else if("tempNotUse"==returnData.result){
|
||
//결제수단 미사용
|
||
alert(returnData.message);
|
||
statusChk = "N";
|
||
|
||
}
|
||
},
|
||
error: function (e) {
|
||
alert("시스템 에러가 발생하였습니다..");
|
||
console.log("ERROR : ", e);
|
||
statusChk = "N";
|
||
}
|
||
});
|
||
|
||
return statusChk;
|
||
|
||
}
|
||
|
||
// 후불제여부 체크
|
||
function getMjUserAfterPayCheck() {
|
||
var isAfterPay = false;
|
||
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/web/main/selectUserAfterPayAjax.do",
|
||
data: {},
|
||
dataType:'json',
|
||
async: false,
|
||
success: function (data) {
|
||
if (data.isSuccess) {
|
||
if (data.isAfterPay == true) {
|
||
isAfterPay = true;
|
||
}
|
||
}
|
||
},
|
||
error: function (e) {
|
||
|
||
}
|
||
});
|
||
|
||
return isAfterPay;
|
||
}
|
||
|
||
/* 문서 파일 팝업 */
|
||
var pg_opener = null;
|
||
function pgOpenerPopup(){
|
||
// 후불제여부 체크
|
||
if (getMjUserAfterPayCheck() == true) {
|
||
alert("후불제 고객은 해당 서비스를 이용할수 없습니다.");
|
||
return false;
|
||
}
|
||
|
||
var $currentTab = $('.area_tab').children('.active').index();
|
||
var lastPrice = parseInt($("#price").val(), 10);
|
||
|
||
if(lastPrice == "" || lastPrice == "0" || lastPrice == null || lastPrice == undefined){
|
||
//충전금액
|
||
alert("충전금액을 선택해주세요.");
|
||
return false;
|
||
}
|
||
else if(lastPrice < 5500){
|
||
//충전금액
|
||
alert("최소 충전금액 5천원 이상 선택해주세요.");
|
||
return false;
|
||
}
|
||
|
||
// 다음 결제시 결제수단 UPDATE
|
||
setNextPayMethod();
|
||
|
||
var payMethod = "";
|
||
document.pgForm.action = "/web/member/pay/PayActionAjax.do";
|
||
|
||
if ($currentTab == 0) {
|
||
payMethod = "CARD";
|
||
} else if ($currentTab == 1) {
|
||
payMethod = "VBANK";
|
||
} else if ($currentTab==2) {
|
||
payMethod = "CELLPHONE";
|
||
} else if ($currentTab==3) {
|
||
payMethod = "BANK";
|
||
} else {
|
||
payMethod = "SPAY";
|
||
}
|
||
$('input[name=payMethod]').val(payMethod);
|
||
|
||
//결제수단 상태 체크
|
||
var payStatus = checkPayTypeStatusAjax(payMethod);
|
||
|
||
if(payStatus == "N") {
|
||
//결제수단 미사용상태
|
||
return false;
|
||
} else if(payStatus == "B") {
|
||
//회원정지상태 로그아웃 새로고침
|
||
location.reload(true);
|
||
return false;
|
||
}
|
||
|
||
var docWidth = screen.availWidth;
|
||
var docHeight = screen.availHeight;
|
||
|
||
var scX = window.screenX||window.screenLeft||0;
|
||
var scY = window.screenY||window.screenTop||0;
|
||
|
||
var popupX = scX + (docWidth - 185) / 2;
|
||
var popupY = scY + (docHeight - 195) / 2;
|
||
|
||
// 결제창 호출
|
||
if ($currentTab == 0) {
|
||
// 나이스페이 => CARD(카드결제)
|
||
pg_opener = window.open('', 'pg_opener', "width=545, height=830, left="+popupX+", top="+popupY, "location = no","status= no","toolbars= no");
|
||
|
||
document.pgForm.method = "post";
|
||
document.pgForm.target = "pg_opener" ;
|
||
document.pgForm.submit();
|
||
} else if ($currentTab == 1) {
|
||
// 전용계좌
|
||
} else if ($currentTab == 2) {
|
||
// KG 모빌리언스 => MOBILE(휴대폰결제)
|
||
kgmPayMobileRequest();
|
||
} else if ($currentTab==3) {
|
||
// KG 모빌리언스 => BANK(즉시이체)
|
||
kgmPayBankRequest();
|
||
} else {
|
||
var cnDirect = "";
|
||
var mstr = "";
|
||
if ($currentTab == 4) {
|
||
cnDirect = "NAV:00:N"; // 네이버페이
|
||
mstr = "NAV";
|
||
} else if ($currentTab==5) {
|
||
cnDirect = "KKO:00:N"; // 카카오페이
|
||
mstr = "KKO";
|
||
} else if ($currentTab==6) {
|
||
cnDirect = "TOS:00:N"; // 토스페이
|
||
mstr = "TOS";
|
||
} else if ($currentTab==7) {
|
||
cnDirect = "PYC:00:N"; // 페이코
|
||
mstr = "PYC";
|
||
}
|
||
|
||
// KG 모빌리언스 => SPAY(간편결제)
|
||
kgmPayCardRequest(cnDirect, mstr);
|
||
}
|
||
}
|
||
|
||
//KG 모빌리언스 => CARD
|
||
function kgmPayCardRequest(cnDirect, mstr) {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/web/member/pay/kgmCardEncodeAjax.do",
|
||
data: {"Prdtprice": $("#price").val()},
|
||
dataType:'json',
|
||
async: false,
|
||
success: function (data) {
|
||
if (data.isSuccess) {
|
||
var form = document.payCardForm;
|
||
form.CASH_GB.value = data.CASH_GB;
|
||
form.CN_SVCID.value = data.CN_SVCID;
|
||
form.PAY_MODE.value = data.PAY_MODE;
|
||
form.VER.value = data.VER;
|
||
form.Prdtprice.value = data.Prdtprice;
|
||
form.Prdtnm.value = data.Prdtnm;
|
||
form.Tradeid.value = data.Tradeid;
|
||
form.Siteurl.value = data.Siteurl;
|
||
form.Okurl.value = data.Okurl;
|
||
form.Notiurl.value = data.Notiurl;
|
||
form.CALL_TYPE.value = data.CALL_TYPE;
|
||
form.Failurl.value = data.Failurl;
|
||
form.Userid.value = data.Userid;
|
||
form.Username.value = data.Username;
|
||
form.MSTR.value = mstr;
|
||
form.Payeremail.value = data.Payeremail;
|
||
form.Cryptyn.value = data.Cryptyn;
|
||
form.Cryptstring.value = data.Cryptstring;
|
||
form.Closeurl.value = data.Closeurl;
|
||
form.CN_BILLTYPE.value = data.CN_BILLTYPE;
|
||
form.CN_TAX.value = data.CN_TAX;
|
||
form.CN_TAXFREE.value = data.CN_TAXFREE;
|
||
form.CN_FREEINTEREST.value = data.CN_FREEINTEREST;
|
||
form.CN_POINT.value = data.CN_POINT;
|
||
form.Termregno.value = data.Termregno;
|
||
form.APP_SCHEME.value = data.APP_SCHEME;
|
||
form.CN_FIXCARDCD.value = data.CN_FIXCARDCD;
|
||
form.CN_DIRECT.value = cnDirect;
|
||
form.CN_INSTALL.value = data.CN_INSTALL;
|
||
form.Deposit.value = data.Deposit;
|
||
|
||
//아래와 같이 ext_inc_comm.js에 선언되어 있는 함수를 호출
|
||
MCASH_PAYMENT(form);
|
||
}
|
||
else {
|
||
alert("Msg : " + data.msg);
|
||
}
|
||
},
|
||
error: function (e) {
|
||
alert("ERROR : " + JSON.stringify(e));
|
||
}
|
||
});
|
||
}
|
||
|
||
//KG 모빌리언스 => MOBILE
|
||
function kgmPayMobileRequest() {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/web/member/pay/kgmMobileEncodeAjax.do",
|
||
data: {"Prdtprice": $("#price").val()},
|
||
dataType:'json',
|
||
async: false,
|
||
success: function (data) {
|
||
if (data.isSuccess) {
|
||
var form = document.payMobileForm;
|
||
form.CASH_GB.value = data.CASH_GB;
|
||
form.Okurl.value = data.Okurl;
|
||
form.MC_SVCID.value = data.MC_SVCID;
|
||
form.Prdtnm.value = data.Prdtnm;
|
||
form.Prdtprice.value = data.Prdtprice;
|
||
form.Siteurl.value = data.Siteurl;
|
||
form.PAY_MODE.value = data.PAY_MODE;
|
||
form.Tradeid.value = data.Tradeid;
|
||
form.LOGO_YN.value = data.LOGO_YN;
|
||
form.CALL_TYPE.value = data.CALL_TYPE;
|
||
form.MC_AUTHPAY.value = data.MC_AUTHPAY;
|
||
form.Notiurl.value = data.Notiurl;
|
||
form.MC_AUTOPAY.value = data.MC_AUTOPAY;
|
||
form.Closeurl.value = data.Closeurl;
|
||
form.MC_PARTPAY.value = data.MC_PARTPAY;
|
||
form.Failurl.value = data.Failurl;
|
||
form.MC_No.value = data.MC_No;
|
||
form.MC_FIXNO.value = data.MC_FIXNO;
|
||
form.MC_Cpcode.value = data.MC_Cpcode;
|
||
form.Userid.value = data.Userid;
|
||
form.Item.value = data.Item;
|
||
form.Prdtcd.value = data.Prdtcd;
|
||
form.Payeremail.value = data.Payeremail;
|
||
form.MC_DEFAULTCOMMID.value = data.MC_DEFAULTCOMMID;
|
||
form.MC_FIXCOMMID.value = data.MC_FIXCOMMID;
|
||
form.MSTR.value = data.MSTR;
|
||
form.Sellernm.value = data.Sellernm;
|
||
form.Sellertel.value = data.Sellertel;
|
||
form.Notiemail.value = data.Notiemail;
|
||
form.IFRAME_NAME.value = data.IFRAME_NAME;
|
||
form.INFOAREA_YN.value = data.INFOAREA_YN;
|
||
form.FOOTER_YN.value = data.FOOTER_YN;
|
||
form.HEIGHT.value = data.HEIGHT;
|
||
form.PRDT_HIDDEN.value = data.PRDT_HIDDEN;
|
||
form.EMAIL_HIDDEN.value = data.EMAIL_HIDDEN;
|
||
form.CONTRACT_HIDDEN.value = data.CONTRACT_HIDDEN;
|
||
form.Cryptyn.value = data.Cryptyn;
|
||
form.Cryptstring.value = data.Cryptstring;
|
||
form.MC_EZ_YN.value = data.MC_EZ_YN;
|
||
form.MC_EZ_KEY.value = data.MC_EZ_KEY;
|
||
form.MC_PUSH_KEY.value = data.MC_PUSH_KEY;
|
||
|
||
//아래와 같이 ext_inc_comm.js에 선언되어 있는 함수를 호출
|
||
MCASH_PAYMENT(form);
|
||
}
|
||
else {
|
||
alert("Msg : " + data.msg);
|
||
}
|
||
},
|
||
error: function (e) {
|
||
alert("ERROR : " + JSON.stringify(e));
|
||
}
|
||
});
|
||
}
|
||
|
||
//KG 모빌리언스 => BANK
|
||
function kgmPayBankRequest() {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/web/member/pay/kgmBankEncodeAjax.do",
|
||
data: {"Prdtprice": $("#price").val()},
|
||
dataType:'json',
|
||
async: false,
|
||
success: function (data) {
|
||
if (data.isSuccess) {
|
||
var form = document.payBankForm;
|
||
form.CASH_GB.value = data.CASH_GB;
|
||
form.Okurl.value = data.Okurl;
|
||
form.RA_SVCID.value = data.RA_SVCID;
|
||
form.Prdtnm.value = data.Prdtnm;
|
||
form.Prdtprice.value = data.Prdtprice;
|
||
form.Siteurl.value = data.Siteurl;
|
||
form.PAY_MODE.value = data.PAY_MODE;
|
||
form.Tradeid.value = data.Tradeid;
|
||
form.LOGO_YN.value = data.LOGO_YN;
|
||
form.CALL_TYPE.value = data.CALL_TYPE;
|
||
form.Notiurl.value = data.Notiurl;
|
||
form.Closeurl.value = data.Closeurl;
|
||
form.Failurl.value = data.Failurl;
|
||
form.Userid.value = data.Userid;
|
||
form.Item.value = data.Item;
|
||
form.Prdtcd.value = data.Prdtcd;
|
||
form.Payeremail.value = data.Payeremail;
|
||
form.MSTR.value = data.MSTR;
|
||
form.Notiemail.value = data.Notiemail;
|
||
form.IFRAME_NAME.value = data.IFRAME_NAME;
|
||
form.INFOAREA_YN.value = data.INFOAREA_YN;
|
||
form.FOOTER_YN.value = data.FOOTER_YN;
|
||
form.HEIGHT.value = data.HEIGHT;
|
||
form.PRDT_HIDDEN.value = data.PRDT_HIDDEN;
|
||
form.EMAIL_HIDDEN.value = data.EMAIL_HIDDEN;
|
||
form.CONTRACT_HIDDEN.value = data.CONTRACT_HIDDEN;
|
||
form.Cryptyn.value = data.Cryptyn;
|
||
form.Cryptstring.value = data.Cryptstring;
|
||
form.Deposit.value = data.Deposit;
|
||
form.Billyn.value = "N";
|
||
|
||
//아래와 같이 ext_inc_comm.js에 선언되어 있는 함수를 호출
|
||
MCASH_PAYMENT(form);
|
||
}
|
||
else {
|
||
alert("Msg : " + data.msg);
|
||
}
|
||
},
|
||
error: function (e) {
|
||
alert("ERROR : " + JSON.stringify(e));
|
||
}
|
||
});
|
||
}
|
||
|
||
/* 윈도우팝업 열기 */
|
||
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=220, 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();
|
||
}
|
||
|
||
// 사용안함
|
||
function setPrice(obj, price){
|
||
var tmp = $(obj).closest('.flex').find('.tempPrice');
|
||
if(tmp.val() == ''){
|
||
tmp.val('0');
|
||
}
|
||
tmp.val(parseInt(tmp.val()) + parseInt(price)) ;
|
||
}
|
||
|
||
//전용계좌 받기 새화면
|
||
function payVAListAjax(){
|
||
var sendData= '';
|
||
$("#tab2_2").load("/web/member/pay/selectPayVAViewAjax.do", sendData ,function(response, status, xhr){
|
||
});
|
||
}
|
||
|
||
//신규 전용 계좌 받기
|
||
function fnNewBankAccount(){
|
||
// 후불제여부 체크
|
||
if (getMjUserAfterPayCheck() == true) {
|
||
alert("후불제 고객은 해당 서비스를 이용할수 없습니다.");
|
||
return false;
|
||
}
|
||
|
||
//결제수단 상태 체크
|
||
if(checkPayTypeStatusAjax("VBANK") == "N") {
|
||
return false;
|
||
}
|
||
|
||
var bankCd = $("#bankCd").val();
|
||
|
||
if(bankCd == ''){
|
||
|
||
alert("은행을 선택해 주세요.");
|
||
return false;
|
||
|
||
}
|
||
|
||
// 다음 결제시 결제수단 UPDATE
|
||
setNextPayMethod();
|
||
|
||
var data = new FormData(document.pgForm);
|
||
url = "/web/member/pay/updateVacsAccountUsrIdAjax.do";
|
||
|
||
$.ajax({
|
||
type: "POST",
|
||
url: url,
|
||
data: data,
|
||
dataType:'json',
|
||
async: false,
|
||
processData: false,
|
||
contentType: false,
|
||
cache: false,
|
||
success: function (returnData, status) {
|
||
if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
|
||
if("fail"==returnData.result){
|
||
|
||
alert(returnData.message);
|
||
return false;
|
||
|
||
}else if("loginFail"==returnData.result){
|
||
|
||
alert(returnData.message);
|
||
return false;
|
||
|
||
}else if("statusFail"==returnData.result){
|
||
|
||
alert(returnData.message);
|
||
location.reload(true);
|
||
|
||
}else if(returnData.resultListCnt == '0'){
|
||
|
||
alert("전용계좌 요청이 실패하었습니다.");
|
||
return false;
|
||
|
||
}else{ //전용계좌 신청 성공시 처리
|
||
|
||
alert("전용계좌 요청이 완료 되었습니다.");
|
||
location.reload();
|
||
|
||
}
|
||
|
||
} else if(status== 'fail'){
|
||
alert(returnData.message);
|
||
}
|
||
},
|
||
error: function (e) { alert("전용계좌 등록에 실패하였습니다."); console.log("ERROR : ", e); }
|
||
});
|
||
|
||
}
|
||
|
||
// 계좌번호 문자로 받기
|
||
function fnSmsSend(sendCnt){
|
||
// 후불제여부 체크
|
||
if (getMjUserAfterPayCheck() == true) {
|
||
alert("후불제 고객은 해당 서비스를 이용할수 없습니다.");
|
||
return false;
|
||
}
|
||
|
||
var form = document.pgForm;
|
||
|
||
|
||
/* if(sendCnt >= 3){
|
||
|
||
alert("일일 문자발송은 3회까지만 가능합니다.");
|
||
return false;
|
||
|
||
} */
|
||
|
||
if(form.callTo.value == '' || form.callTo.length == 0){
|
||
|
||
alert("받으실 휴대폰 번호를 입력해 주세요.");
|
||
return false;
|
||
|
||
}
|
||
|
||
if(!checkHpNum(form.callTo.value)){
|
||
|
||
alert("정확한 휴대폰 번호를 입력해 주세요.");
|
||
return false;
|
||
|
||
}
|
||
|
||
if($('input[name="chkAccount"]').is(':checked')){
|
||
var accStr = ''; //전송 계좌 번호 정보
|
||
$('input[name="chkAccount"]:checked').each(function(i,val){
|
||
|
||
var nowStr = $(this).val();
|
||
if(i == 0){
|
||
accStr = nowStr;
|
||
}else{
|
||
accStr = accStr + "/" + nowStr;
|
||
}
|
||
|
||
});
|
||
|
||
|
||
|
||
form.accMsg.value = accStr;
|
||
|
||
var data = new FormData(document.pgForm);
|
||
url = "/web/member/pay/insertVacsAccountSendMsgLogAjax.do";
|
||
|
||
if(confirm("문자를 발송하시겠습니까?")){
|
||
|
||
$.ajax({
|
||
type: "POST",
|
||
url: url,
|
||
data: data,
|
||
dataType:'json',
|
||
async: false,
|
||
processData: false,
|
||
contentType: false,
|
||
cache: false,
|
||
success: function (returnData, status) {
|
||
if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
|
||
if("fail"==returnData.result){
|
||
|
||
alert(returnData.message);
|
||
return false;
|
||
|
||
}else if("loginFail"==returnData.result){
|
||
|
||
alert(returnData.message);
|
||
return false;
|
||
|
||
}else if(returnData.resultListCnt == '0'){
|
||
|
||
alert("문자 전송에 실패하었습니다.");
|
||
return false;
|
||
|
||
}else{ //전용계좌 신청 성공시 처리
|
||
|
||
alert("문자 전송이 완료 되었습니다.");
|
||
location.reload();
|
||
|
||
}
|
||
|
||
} else if(status== 'fail'){
|
||
alert(returnData.message);
|
||
}
|
||
},
|
||
error: function (e) { alert("문자 전송에 실패하였습니다."); console.log("ERROR : ", e); }
|
||
});
|
||
|
||
}
|
||
|
||
}else{
|
||
alert("문자받을 계좌를 선택해 주세요.");
|
||
return false;
|
||
}
|
||
}
|
||
|
||
|
||
//충전금액 Change Event
|
||
$(document).on('change', '.list_seType1', function() {
|
||
// 충전금액 세팅
|
||
setPriceMake();
|
||
});
|
||
|
||
// 충전금액 세팅
|
||
function setPriceMake() {
|
||
var $currentTab = $('.area_tab').children('.active').index();
|
||
var $tempPrice = $('.area_tabcont:eq('+$currentTab+')').find('.list_seType1');
|
||
var tempPrice = parseInt($tempPrice.val(), 10);
|
||
var vatPrice = Math.round(parseInt(tempPrice, 10) * 0.1); // 부가세
|
||
var lastPrice = parseInt(tempPrice, 10) + parseInt(vatPrice, 10); // 최종가격
|
||
|
||
$("#price").val(lastPrice);
|
||
$('.area_tabcont:eq('+$currentTab+')').find('#supplyPriceStr').html(numberWithCommas(tempPrice));
|
||
$('.area_tabcont:eq('+$currentTab+')').find('#vatPriceStr').html(numberWithCommas(vatPrice));
|
||
$('.area_tabcont:eq('+$currentTab+')').find('#lastPriceStr').html(numberWithCommas(lastPrice));
|
||
}
|
||
|
||
// 결제하기 tab
|
||
function TabTypePay(obj, tabId) {
|
||
var $tab = $(obj).closest("li");
|
||
var $tabPrev = $(obj).closest("li").next("li");
|
||
$tab.addClass("active");
|
||
$tab.find("button").attr("title", "선택됨");
|
||
$tab.siblings("li.tab").removeClass("active");
|
||
$tab.siblings("li.btn_tab").removeClass("active");
|
||
$tab.siblings("li.tab").find("button").removeAttr("title");
|
||
|
||
$tab.siblings("li:not(li:first-child)").find("button").css("border-left","1px solid #e5e5e5");
|
||
$tabPrev.find("button").css("border-left","0");
|
||
|
||
var $tabCn = $("#tab2_" + tabId);
|
||
$tabCn.fadeIn(0);
|
||
$tabCn.addClass("current");
|
||
|
||
$(".bottom_content").not($tabCn).removeClass("current");
|
||
$(".bottom_content").not($tabCn).fadeOut(0);
|
||
|
||
$(".area_tabcont").not($tabCn).removeClass("on");
|
||
$(".area_tabcont").not($tabCn).fadeOut(0);
|
||
|
||
currTabId = tabId;
|
||
|
||
// 충전금액 세팅
|
||
setPriceMake();
|
||
}
|
||
|
||
// 등급제 대상 여부
|
||
function getMberGrdChk() {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/web/grd/mberGrdChkAjax.do",
|
||
data: {},
|
||
dataType:'json',
|
||
async: false,
|
||
success: function (data) {
|
||
if (data.isSuccess) {
|
||
// 등급제 누적결제액 세부내역
|
||
var sHtml = "";
|
||
sHtml += "<p>등급 : <span><img src='/publish/images/level/level_icon/level_small/" + data.rtnMberGrdVO.grdSetIcon + "_small_icon.png' alt='등급 스몰 아이콘'>" + data.rtnMberGrdVO.grdSetNm;
|
||
sHtml += "(누적결제액 : <span>" + numberWithCommas(data.rtnMberGrdVO.totAmt) + "</span>원)</span></p>";
|
||
$("#grdShowArea").html(sHtml);
|
||
$("#grdShowArea").show();
|
||
$("#levelSubTitle").html("(" + data.rtnMberGrdVO.grdDate + " ~ 현재)");
|
||
|
||
// 문자(등급별 요금 안내)
|
||
$("#mberGrdSettingArea").show();
|
||
}
|
||
else {
|
||
//alert("Msg : " + data.msg);
|
||
}
|
||
},
|
||
error: function (e) {
|
||
//alert("ERROR : " + JSON.stringify(e));
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
/* 사용내역서 클릭 시 내역서 새창 팝업 오픈 */
|
||
function fnShowVaViewPrintPopup() {
|
||
//만들려는 팝업의 크기
|
||
var popup_wid = '840';
|
||
var popup_ht = '800';
|
||
|
||
var popup_left = (window.screen.width / 2) - (popup_wid / 2);
|
||
var popup_top =(window.screen.height / 2) - (popup_ht / 2);
|
||
|
||
$("#pgForm").attr("target","payVaPrint");
|
||
|
||
window.open('', 'payVaPrint', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top +',scrollbars=1');
|
||
$("#pgForm").attr({"action":"/web/member/pay/selectVaViewPrintPopupAjax.do", "method":"post"}).submit();
|
||
|
||
}
|
||
|
||
</script>
|
||
|
||
<!-- </head>
|
||
<body> -->
|
||
|
||
|
||
<form id="payTypeForm" name="payTypeForm" method="post">
|
||
<input type="hidden" name="payTypeCode" />
|
||
</form>
|
||
<form id="pgForm" name="pgForm" action="/web/member/pay/PayActionAjax.do" method="post">
|
||
<input type="hidden" id="price" name="price" />
|
||
<input type="hidden" id="payMethod" name="payMethod" />
|
||
<input type="hidden" id="accMsg" name="accMsg" />
|
||
<input type="hidden" id="sendCnt" name="sendCnt" value="<c:out value='${resultMsgInfo.sendCnt}'/>" />
|
||
<!-- content 영역 -->
|
||
<div class="inner">
|
||
<!-- send top -->
|
||
<div class="send_top">
|
||
<!-- tab button -->
|
||
<ul class="tabType4">
|
||
<li class="tab"><button type="button" onclick="location.href='/web/pay/PayGuide.do'">요금안내/견적내기</button></li>
|
||
<li class="tab active"><button type="button">결제하기</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> -->
|
||
<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_2">
|
||
<div class="heading">
|
||
<h2>결제하기</h2>
|
||
<button type="button" class="button info" onclick="infoPop('PayView');">사용안내</button>
|
||
</div>
|
||
<%--<div class="titBox">
|
||
<p>- 서비스 이용을 위해 충전이 필수 입니다.</p>
|
||
<p>- 충전 자체로 매출 인식이 되지 않는 서비스 특성상, 부가세 신고는 전자 세금계산서로만 가능합니다.</p>
|
||
<p>- 모든 요금은 VAT별도 금액입니다.</p>
|
||
</div>--%>
|
||
<div>
|
||
<p class="tab_tit">충전수단 선택</p>
|
||
<ul class="area_tab">
|
||
<li class="btn_charge1 btn_tab active"><button type="button" onclick="TabTypePay(this,'1');"><i></i>신용카드</button></li>
|
||
<li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'2');" id="btnDdedicatedAccount"><i></i>전용계좌</button></li>
|
||
<li class="btn_charge3 btn_tab"><button type="button" onclick="TabTypePay(this,'3');"><i></i>휴대폰결제</button></li>
|
||
<li class="btn_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>즉시이체</button></li>
|
||
|
||
<li class="btn_charge5 btn_tab simple_pay"><button type="button" onclick="TabTypePay(this,'5');"><i></i></button></li>
|
||
<li class="btn_charge6 btn_tab simple_pay"><button type="button" onclick="TabTypePay(this,'6');"><i></i></button></li>
|
||
<li class="btn_charge7 btn_tab simple_pay"><button type="button" onclick="TabTypePay(this,'7');"><i></i></button></li>
|
||
<li class="btn_charge8 btn_tab simple_pay"><button type="button" onclick="TabTypePay(this,'8');"><i></i></button></li>
|
||
</ul>
|
||
<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div>
|
||
|
||
<!-- 신용카드 -->
|
||
<div class="area_tabcont on" id="tab2_1">
|
||
<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p>
|
||
<table class="tType1">
|
||
<caption></caption>
|
||
<colgroup>
|
||
<col style="width: 100px;">
|
||
<col style="width: auto;">
|
||
</colgroup>
|
||
<tbody>
|
||
<tr class="charge_content">
|
||
<th scope="row">충전금액</th>
|
||
<td class="flex">
|
||
<select name="tempPrice" id="tempPrice" class="list_seType1">
|
||
<option value="5000">5,000</option>
|
||
<option value="10000">10,000</option>
|
||
<option value="20000">20,000</option>
|
||
<option value="30000">30,000</option>
|
||
<option value="50000" selected>50,000</option>
|
||
<option value="100000">100,000</option>
|
||
<option value="200000">200,000</option>
|
||
<option value="300000">300,000</option>
|
||
<option value="500000">500,000</option>
|
||
<option value="700000">700,000</option>
|
||
<option value="900000">900,000</option>
|
||
<option value="1000000">1,000,000</option>
|
||
<option value="1200000">1,200,000</option>
|
||
<option value="1500000">1,500,000</option>
|
||
<option value="2000000">2,000,000</option>
|
||
<option value="2500000">2,500,000</option>
|
||
<option value="3000000">3,000,000</option>
|
||
</select>
|
||
<%--<input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||
<p class="input_in">원</p>
|
||
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
|
||
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
|
||
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
|
||
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
|
||
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
|
||
<p class="input_in">원</p>
|
||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="amount_wrap">
|
||
<dl>
|
||
<dt>최종 결제금액 :</dt>
|
||
<dd>
|
||
<ul>
|
||
<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
|
||
<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
|
||
<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="area_text">
|
||
<%--<p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(1551-8011)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p>--%>
|
||
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
|
||
<p>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한 없이 이용하실 수 있습니다.</p>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- //신용카드 -->
|
||
|
||
<!-- 전용계좌 -->
|
||
<div class="area_tabcont" id="tab2_2">
|
||
<!-- 신규계좌발급 시 -->
|
||
<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
|
||
<table class="tType1">
|
||
<caption></caption>
|
||
<colgroup>
|
||
<col style="width: 65%">
|
||
<col style="width: 35%">
|
||
</colgroup>
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<div class="area_text">
|
||
<c:choose>
|
||
<c:when test="${not empty resultMyList}">
|
||
<p>입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
|
||
</c:when>
|
||
<c:otherwise>
|
||
<p>1. 현재 발급받은 전용계좌가 없습니다.</p>
|
||
<p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
|
||
</c:otherwise>
|
||
</c:choose>
|
||
|
||
<!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> -->
|
||
</div>
|
||
</td>
|
||
<td class="right">
|
||
<label for="bankCd" class="label">은행선택</label>
|
||
<select name="bankCd" id="bankCd">
|
||
<option value="">은행선택</option>
|
||
<c:forEach var="result" items="${resultList}" varStatus="status">
|
||
<option value="${result.bankCd}">${result.codeNm}</option>
|
||
</c:forEach>
|
||
</select>
|
||
<p class="input_in" style="margin-right:5px;">원</p>
|
||
<button type="button" onclick="fnNewBankAccount(); return false;">신규계좌받기</button>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<!-- 기존 계좌있을 시 -->
|
||
<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
|
||
<table class="tType1 account_con">
|
||
<caption></caption>
|
||
<colgroup>
|
||
<col style="width: 100%">
|
||
<col style="width: auto;">
|
||
</colgroup>
|
||
<tbody>
|
||
<c:choose>
|
||
<c:when test="${not empty resultMyList}">
|
||
<c:forEach var="result" items="${resultMyList}" varStatus="status">
|
||
<tr>
|
||
<td>
|
||
<div class="checkbox_wrap">
|
||
<input type="radio" id="chkAccount${status.count}" name="chkAccount" value="<c:out value='${result.bankCd}'/>_<c:out value='${result.codeNm}'/>_<c:out value='${result.acctNo}'/>">
|
||
<label for="chkAccount${status.count}"></label>
|
||
<c:out value='${result.codeNm}'/> <c:out value='${result.acctNo}'/>
|
||
</div>
|
||
<div class="account_holder">
|
||
(예금주 : <c:out value="${result.cmfNm}"/>)
|
||
</div>
|
||
|
||
</td>
|
||
<td class="right account_te">
|
||
<button type="button" onClick="javascript:fnShowVaViewPrintPopup(); return false;">전용계좌 확인서</button>
|
||
</td>
|
||
</tr>
|
||
</c:forEach>
|
||
</c:when>
|
||
<c:otherwise>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div>
|
||
보유한 전용 계좌가 없습니다.
|
||
</div>
|
||
<!-- <button type="button">가상계좌 확인서</button> -->
|
||
</td>
|
||
</tr>
|
||
</c:otherwise>
|
||
</c:choose>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="area_text">
|
||
<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p>
|
||
<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> 가능합니다.</p>
|
||
<p>- 이체 후 충전 확인까지 <span>최대 10분이 소요</span>됩니다.</p>
|
||
<p>- 이체금액에서 <span>부가세 10%가 제외되고 충전</span>됩니다.</p>
|
||
<!-- <p>- 예금주 : 문자온</p> -->
|
||
<p>- 계좌번호 문자로 받기(유료)
|
||
<label for="" class="label">전화번호 입력</label>
|
||
<input type="text" id="callTo" name="callTo" maxLength="11" placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
|
||
<button type="button" onclick="fnSmsSend(<c:out value='${resultMsgInfo.sendCnt}'/>); return false;">문자받기</button>
|
||
</p>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- //전용계좌 -->
|
||
|
||
<!-- 휴대폰 -->
|
||
<div class="area_tabcont" id="tab2_3">
|
||
<p class="tType1_title"><img src="/publish/images/content/icon_charging4_small.png" alt=""> 휴대폰결제</p>
|
||
<table class="tType1">
|
||
<caption></caption>
|
||
<colgroup>
|
||
<col style="width: 100px;">
|
||
<col style="width: auto;">
|
||
</colgroup>
|
||
<tbody>
|
||
<tr class="charge_content">
|
||
<th scope="row">충전금액</th>
|
||
<td class="flex">
|
||
<select name="tempPrice" id="tempPrice" class="list_seType1">
|
||
<option value="5000">5,000</option>
|
||
<option value="10000">10,000</option>
|
||
<option value="20000">20,000</option>
|
||
<option value="30000">30,000</option>
|
||
<option value="50000" selected>50,000</option>
|
||
<option value="100000">100,000</option>
|
||
<option value="150000">150,000</option>
|
||
</select>
|
||
<%--<input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||
<p class="input_in">원</p>
|
||
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
|
||
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
|
||
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
|
||
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
|
||
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
|
||
<p class="input_in">원</p>
|
||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="amount_wrap">
|
||
<dl>
|
||
<dt>최종 결제금액 :</dt>
|
||
<dd>
|
||
<ul>
|
||
<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
|
||
<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
|
||
<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="area_text">
|
||
<p>- 월 30만원 한도 내에서 충전하실 수 있습니다.</p>
|
||
<p>- 휴대폰 소액결제 제한에 관한 사항은 가입하신 통신사를 통해 확인하실 수 있습니다.</p>
|
||
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- //휴대폰 -->
|
||
|
||
<!-- 즉시이체 -->
|
||
<div class="area_tabcont" id="tab2_4">
|
||
<p class="tType1_title"><img src="/publish/images/content/icon_charging5_small.png" alt=""> 즉시이체</p>
|
||
<table class="tType1">
|
||
<caption></caption>
|
||
<colgroup>
|
||
<col style="width: 100px;">
|
||
<col style="width: auto;">
|
||
</colgroup>
|
||
<tbody>
|
||
<tr class="charge_content">
|
||
<th scope="row">충전금액</th>
|
||
<td class="flex">
|
||
<select name="tempPrice" id="tempPrice" class="list_seType1">
|
||
<option value="5000">5,000</option>
|
||
<option value="10000">10,000</option>
|
||
<option value="20000">20,000</option>
|
||
<option value="30000">30,000</option>
|
||
<option value="50000" selected>50,000</option>
|
||
<option value="100000">100,000</option>
|
||
<option value="200000">200,000</option>
|
||
<option value="300000">300,000</option>
|
||
<option value="500000">500,000</option>
|
||
<option value="700000">700,000</option>
|
||
<option value="900000">900,000</option>
|
||
<option value="1000000">1,000,000</option>
|
||
<option value="1200000">1,200,000</option>
|
||
<option value="1500000">1,500,000</option>
|
||
<option value="2000000">2,000,000</option>
|
||
<option value="2500000">2,500,000</option>
|
||
<option value="3000000">3,000,000</option>
|
||
</select>
|
||
<%--<input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||
<p class="input_in">원</p>
|
||
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
|
||
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
|
||
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
|
||
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
|
||
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
|
||
<p class="input_in">원</p>
|
||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="amount_wrap">
|
||
<dl>
|
||
<dt>최종 결제금액 :</dt>
|
||
<dd>
|
||
<ul>
|
||
<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
|
||
<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
|
||
<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="area_text">
|
||
<p>- KG모빌리언스 결제를 이용하여 인터넷뱅킹처럼 로그인 없이 간단한 정보 입력만으로 실시간 계좌 이체</p>
|
||
<p> (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제 수단입니다.(소득공제 및 지출증빙 가능)</p>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- //즉시이체 -->
|
||
|
||
<!-- 네이버페이 -->
|
||
<div class="area_tabcont" id="tab2_5">
|
||
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 네이버페이</p>
|
||
<table class="tType1">
|
||
<colgroup>
|
||
<col style="width: 100px;">
|
||
<col style="width: auto;">
|
||
</colgroup>
|
||
<tbody>
|
||
<tr class="charge_content">
|
||
<th scope="row">충전금액</th>
|
||
<td class="flex">
|
||
<select name="tempPrice" id="tempPrice" class="list_seType1">
|
||
<option value="5000">5,000</option>
|
||
<option value="10000">10,000</option>
|
||
<option value="20000">20,000</option>
|
||
<option value="30000">30,000</option>
|
||
<option value="50000" selected="">50,000</option>
|
||
<option value="100000">100,000</option>
|
||
<option value="200000">200,000</option>
|
||
<option value="300000">300,000</option>
|
||
<option value="500000">500,000</option>
|
||
<option value="700000">700,000</option>
|
||
<option value="900000">900,000</option>
|
||
<option value="1000000">1,000,000</option>
|
||
<option value="1200000">1,200,000</option>
|
||
<option value="1500000">1,500,000</option>
|
||
<option value="2000000">2,000,000</option>
|
||
<option value="2500000">2,500,000</option>
|
||
<option value="3000000">3,000,000</option>
|
||
</select>
|
||
|
||
<p class="input_in">원</p>
|
||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="amount_wrap">
|
||
<dl>
|
||
<dt>최종 결제금액 :</dt>
|
||
<dd>
|
||
<ul>
|
||
<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
|
||
<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
|
||
<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="area_text">
|
||
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
|
||
<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
|
||
<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
|
||
<p>- 네이버페이 카드 결제 영수증은 네이버페이를 통해서 발급받으실 수 있습니다.</p>
|
||
<p>- 네이버페이 포인트 사용에 따른 현금영수증 발행은 문자온 캐시 결제과정에서 결제자가 직접 선택하여야만 요청할 수 있습니다.(결제 완료 이후 문자온에서 현금영수증 처리 불가)</p>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- //네이버페이 -->
|
||
|
||
<!-- 카카오페이 -->
|
||
<div class="area_tabcont current" id="tab2_6">
|
||
<!-- 신규계좌발급 시 -->
|
||
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 카카오페이</p>
|
||
<table class="tType1">
|
||
<colgroup>
|
||
<col style="width: 100px;">
|
||
<col style="width: auto;">
|
||
</colgroup>
|
||
<tbody>
|
||
<tr class="charge_content">
|
||
<th scope="row">충전금액</th>
|
||
<td class="flex">
|
||
<select name="tempPrice" id="tempPrice" class="list_seType1">
|
||
<option value="5000">5,000</option>
|
||
<option value="10000">10,000</option>
|
||
<option value="20000">20,000</option>
|
||
<option value="30000">30,000</option>
|
||
<option value="50000" selected="">50,000</option>
|
||
<option value="100000">100,000</option>
|
||
<option value="200000">200,000</option>
|
||
<option value="300000">300,000</option>
|
||
<option value="500000">500,000</option>
|
||
<option value="700000">700,000</option>
|
||
<option value="900000">900,000</option>
|
||
<option value="1000000">1,000,000</option>
|
||
<option value="1200000">1,200,000</option>
|
||
<option value="1500000">1,500,000</option>
|
||
<option value="2000000">2,000,000</option>
|
||
<option value="2500000">2,500,000</option>
|
||
<option value="3000000">3,000,000</option>
|
||
</select>
|
||
|
||
<p class="input_in">원</p>
|
||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="amount_wrap">
|
||
<dl>
|
||
<dt>최종 결제금액 :</dt>
|
||
<dd>
|
||
<ul>
|
||
<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
|
||
<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
|
||
<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="area_text">
|
||
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
|
||
<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
|
||
<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
|
||
<p>- 카카오페이 결제에 따른 카드영수증 및 현금영수증은 카카오페이 앱을 통해서만 확인 가능합니다.</p>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- //카카오페이 -->
|
||
|
||
<!-- 토스페이 -->
|
||
<div class="area_tabcont current" id="tab2_7">
|
||
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 토스페이</p>
|
||
<table class="tType1">
|
||
<caption></caption>
|
||
<colgroup>
|
||
<col style="width: 100px;">
|
||
<col style="width: auto;">
|
||
</colgroup>
|
||
<tbody>
|
||
<tr class="charge_content">
|
||
<th scope="row">충전금액</th>
|
||
<td class="flex">
|
||
<select name="tempPrice" id="tempPrice" class="list_seType1">
|
||
<option value="5000">5,000</option>
|
||
<option value="10000">10,000</option>
|
||
<option value="20000">20,000</option>
|
||
<option value="30000">30,000</option>
|
||
<option value="50000" selected="">50,000</option>
|
||
<option value="100000">100,000</option>
|
||
<option value="150000">150,000</option>
|
||
</select>
|
||
|
||
<p class="input_in">원</p>
|
||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="amount_wrap">
|
||
<dl>
|
||
<dt>최종 결제금액 :</dt>
|
||
<dd>
|
||
<ul>
|
||
<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
|
||
<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
|
||
<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="area_text">
|
||
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
|
||
<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
|
||
<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
|
||
<p>- 토스페이 결제에 따른 카드영수증 및 현금영수증은 토스페이 앱을 통해서만 확인 가능합니다.</p>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- //토스페이 -->
|
||
|
||
<!-- 페이코 -->
|
||
<div class="area_tabcont current" id="tab2_8">
|
||
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> PAYCO</p>
|
||
<table class="tType1">
|
||
<caption></caption>
|
||
<colgroup>
|
||
<col style="width: 100px;">
|
||
<col style="width: auto;">
|
||
</colgroup>
|
||
<tbody>
|
||
<tr class="charge_content">
|
||
<th scope="row">충전금액</th>
|
||
<td class="flex">
|
||
<select name="tempPrice" id="tempPrice" class="list_seType1">
|
||
<option value="5000">5,000</option>
|
||
<option value="10000">10,000</option>
|
||
<option value="20000">20,000</option>
|
||
<option value="30000">30,000</option>
|
||
<option value="50000" selected="">50,000</option>
|
||
<option value="100000">100,000</option>
|
||
<option value="200000">200,000</option>
|
||
<option value="300000">300,000</option>
|
||
<option value="500000">500,000</option>
|
||
<option value="700000">700,000</option>
|
||
<option value="900000">900,000</option>
|
||
<option value="1000000">1,000,000</option>
|
||
<option value="1200000">1,200,000</option>
|
||
<option value="1500000">1,500,000</option>
|
||
<option value="2000000">2,000,000</option>
|
||
<option value="2500000">2,500,000</option>
|
||
<option value="3000000">3,000,000</option>
|
||
</select>
|
||
|
||
<p class="input_in">원</p>
|
||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="amount_wrap">
|
||
<dl>
|
||
<dt>최종 결제금액 :</dt>
|
||
<dd>
|
||
<ul>
|
||
<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
|
||
<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
|
||
<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="area_text">
|
||
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
|
||
<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
|
||
<p>- 페이코(PAYCO) 결제 영수증은 페이코를 통해 발급받으실 수 있습니다.</p>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- //페이코 -->
|
||
|
||
</div>
|
||
|
||
<!--누적결제액별 등급 및 단가 추가 시작-->
|
||
<div class="accrue_price" id="grdShowArea" style="display: none;">
|
||
</div>
|
||
<div class="accrue_level" id="mberGrdSettingArea" style="display: none;">
|
||
<p class="tType1_title level"><img src="/publish/images/level/accrue.png" alt="누적결제액별 등급 및 단가 아이콘"> 누적결제액별 등급 및 단가
|
||
</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>
|
||
<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>
|
||
<!--문자_등급별 요금 안내 추가 끝-->
|
||
|
||
|
||
</div><!-- 결제관리 - 결제하기 -->
|
||
</div><!--// send top -->
|
||
</div>
|
||
</form>
|
||
|
||
<form name="infoPopForm" id="infoPopForm" method="post">
|
||
<input type="hidden" name="pageType" id="pageType" value=""/>
|
||
</form>
|
||
|
||
|
||
<!-- KG 모빌리언스 CARD -->
|
||
<form name="payCardForm" accept-charset="euc-kr">
|
||
<input type="hidden" name="CASH_GB">
|
||
<input type="hidden" name="CN_SVCID">
|
||
<input type="hidden" name="PAY_MODE">
|
||
<input type="hidden" name="VER">
|
||
<input type="hidden" name="Prdtprice">
|
||
<input type="hidden" name="Prdtnm">
|
||
<input type="hidden" name="Tradeid">
|
||
<input type="hidden" name="Siteurl">
|
||
<input type="hidden" name="Okurl">
|
||
<input type="hidden" name="Notiurl">
|
||
<input type="hidden" name="CALL_TYPE">
|
||
<input type="hidden" name="Failurl">
|
||
<input type="hidden" name="Userid">
|
||
<input type="hidden" name="Username">
|
||
<input type="hidden" name="MSTR">
|
||
<input type="hidden" name="Payeremail">
|
||
<input type="hidden" name="Cryptyn">
|
||
<input type="hidden" name="Cryptstring">
|
||
<input type="hidden" name="Closeurl">
|
||
<input type="hidden" name="CN_BILLTYPE">
|
||
<input type="hidden" name="CN_TAX">
|
||
<input type="hidden" name="CN_TAXFREE">
|
||
<input type="hidden" name="CN_FREEINTEREST">
|
||
<input type="hidden" name="CN_POINT">
|
||
<input type="hidden" name="Termregno">
|
||
<input type="hidden" name="APP_SCHEME">
|
||
<input type="hidden" name="CN_FIXCARDCD">
|
||
<input type="hidden" name="CN_DIRECT">
|
||
<input type="hidden" name="CN_INSTALL">
|
||
<input type="hidden" name="Deposit">
|
||
</form>
|
||
|
||
<!-- KG 모빌리언스 MOBILE -->
|
||
<form name="payMobileForm" accept-charset="euc-kr">
|
||
<input type="hidden" name="CASH_GB">
|
||
<input type="hidden" name="Okurl">
|
||
<input type="hidden" name="MC_SVCID">
|
||
<input type="hidden" name="Prdtnm">
|
||
<input type="hidden" name="Prdtprice">
|
||
<input type="hidden" name="Siteurl">
|
||
<input type="hidden" name="PAY_MODE">
|
||
<input type="hidden" name="Tradeid">
|
||
<input type="hidden" name="LOGO_YN">
|
||
<input type="hidden" name="CALL_TYPE">
|
||
<input type="hidden" name="MC_AUTHPAY">
|
||
<input type="hidden" name="Notiurl">
|
||
<input type="hidden" name="MC_AUTOPAY">
|
||
<input type="hidden" name="Closeurl">
|
||
<input type="hidden" name="MC_PARTPAY">
|
||
<input type="hidden" name="Failurl">
|
||
<input type="hidden" name="MC_No">
|
||
<input type="hidden" name="MC_FIXNO">
|
||
<input type="hidden" name="MC_Cpcode">
|
||
<input type="hidden" name="Userid">
|
||
<input type="hidden" name="Item">
|
||
<input type="hidden" name="Prdtcd">
|
||
<input type="hidden" name="Payeremail">
|
||
<input type="hidden" name="MC_DEFAULTCOMMID">
|
||
<input type="hidden" name="MC_FIXCOMMID">
|
||
<input type="hidden" name="MSTR">
|
||
<input type="hidden" name="Sellernm">
|
||
<input type="hidden" name="Sellertel">
|
||
<input type="hidden" name="Notiemail">
|
||
<input type="hidden" name="IFRAME_NAME">
|
||
<input type="hidden" name="INFOAREA_YN">
|
||
<input type="hidden" name="FOOTER_YN">
|
||
<input type="hidden" name="HEIGHT">
|
||
<input type="hidden" name="PRDT_HIDDEN">
|
||
<input type="hidden" name="EMAIL_HIDDEN">
|
||
<input type="hidden" name="CONTRACT_HIDDEN">
|
||
<input type="hidden" name="Cryptyn">
|
||
<input type="hidden" name="Cryptstring">
|
||
<input type="hidden" name="MC_EZ_YN">
|
||
<input type="hidden" name="MC_EZ_KEY">
|
||
<input type="hidden" name="MC_PUSH_KEY">
|
||
</form>
|
||
|
||
<!-- KG 모빌리언스 BANK -->
|
||
<form name="payBankForm" accept-charset="euc-kr">
|
||
<input type="hidden" name="CASH_GB">
|
||
<input type="hidden" name="Okurl">
|
||
<input type="hidden" name="RA_SVCID">
|
||
<input type="hidden" name="Prdtnm">
|
||
<input type="hidden" name="Prdtprice">
|
||
<input type="hidden" name="Siteurl">
|
||
<input type="hidden" name="PAY_MODE">
|
||
<input type="hidden" name="Tradeid">
|
||
<input type="hidden" name="LOGO_YN">
|
||
<input type="hidden" name="CALL_TYPE">
|
||
<input type="hidden" name="Notiurl">
|
||
<input type="hidden" name="Closeurl">
|
||
<input type="hidden" name="Failurl">
|
||
<input type="hidden" name="Userid">
|
||
<input type="hidden" name="Item">
|
||
<input type="hidden" name="Prdtcd">
|
||
<input type="hidden" name="Payeremail">
|
||
<input type="hidden" name="MSTR">
|
||
<input type="hidden" name="Notiemail">
|
||
<input type="hidden" name="IFRAME_NAME">
|
||
<input type="hidden" name="INFOAREA_YN">
|
||
<input type="hidden" name="FOOTER_YN">
|
||
<input type="hidden" name="HEIGHT">
|
||
<input type="hidden" name="PRDT_HIDDEN">
|
||
<input type="hidden" name="EMAIL_HIDDEN">
|
||
<input type="hidden" name="CONTRACT_HIDDEN">
|
||
<input type="hidden" name="Cryptyn">
|
||
<input type="hidden" name="Cryptstring">
|
||
<input type="hidden" name="Deposit">
|
||
<input type="hidden" name="Billyn">
|
||
</form>
|