결제하기 간편결제 추가

This commit is contained in:
itn 2023-06-29 12:45:39 +09:00
parent 12331345a0
commit 77556f6110
3 changed files with 185 additions and 59 deletions

View File

@ -77,10 +77,8 @@ public class MjonEventPayV2Controller {
} }
// 하드코딩 // 하드코딩
if(!userId.equals("nobledeco")) { if(!userId.equals("nobledeco") && !userId.equals("nobledeco2") && !userId.equals("nopay")) {
if(!userId.equals("nopay")) { return "redirect:/web/main/mainPage.do";
return "redirect:/web/main/mainPage.do";
}
} }
//기존 결제 내역이 있는 회원인지 확인 //기존 결제 내역이 있는 회원인지 확인

View File

@ -192,13 +192,15 @@ function pgOpenerPopup(){
var payMethod = ""; var payMethod = "";
document.pgForm.action = "/web/member/pay/PayActionAjax.do"; document.pgForm.action = "/web/member/pay/PayActionAjax.do";
if($currentTab==0){ payMethod = "CARD";} if ($currentTab == 0) {
else if($currentTab==1){ payMethod = "VBANK"; } payMethod = "CARD";
/*else if($currentTab==2){ payMethod = "TEMP_CARD"; }*/ } else if ($currentTab==1) {
/* else if($currentTab==2){ payMethod = "CELLPHONE"; payMethod = "CARD";
document.pgForm.action = "/web/kgm/pay/KGMPayActionAjax.do"; } else if($currentTab==2){
} */ //휴대폰 결제 방식 안보이도록 수정 20221117 payMethod = "VBANK";
else if($currentTab==2){ payMethod = "BANK"; } } else if($currentTab==3){
payMethod = "BANK";
}
$('input[name=payMethod]').val(payMethod); $('input[name=payMethod]').val(payMethod);
//결제수단 상태 체크 //결제수단 상태 체크
@ -224,28 +226,29 @@ function pgOpenerPopup(){
// 결제창 호출 // 결제창 호출
if ($currentTab==0) { if ($currentTab==0) {
// KG 모빌리언스 => CARD(신용카드) // KG 모빌리언스 => CARD(간편결제)
kgmPayCardRequest(); kgmPayCardRequest();
} }
else if ($currentTab==2) { else if ($currentTab==1) {
// KG 모빌리언스 => BANK(즉시이체) // 나이스페이 => CARD(카드결제)
kgmPayBankRequest();
}
else {
// 기타
pg_opener = window.open('', 'pg_opener', "width=790, height=505, left="+popupX+", top="+popupY, "location = no","status= no","toolbars= no"); pg_opener = window.open('', 'pg_opener', "width=790, height=505, left="+popupX+", top="+popupY, "location = no","status= no","toolbars= no");
document.pgForm.method = "post"; document.pgForm.method = "post";
document.pgForm.target = "pg_opener" ; document.pgForm.target = "pg_opener" ;
document.pgForm.submit(); document.pgForm.submit();
} }
else if ($currentTab==2) {
// 전용계좌
}
else if ($currentTab==3) {
// KG 모빌리언스 => BANK(즉시이체)
kgmPayBankRequest();
}
} }
//KG 모빌리언스 => CARD //KG 모빌리언스 => CARD
function kgmPayCardRequest() { function kgmPayCardRequest() {
$("#price").val(1100);
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "/web/member/pay/kgmCardEncodeAjax.do", url: "/web/member/pay/kgmCardEncodeAjax.do",
@ -301,8 +304,6 @@ function kgmPayCardRequest() {
//KG 모빌리언스 => MOBILE //KG 모빌리언스 => MOBILE
function kgmPayMobileRequest() { function kgmPayMobileRequest() {
$("#price").val(1100);
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "/web/member/pay/kgmMobileEncodeAjax.do", url: "/web/member/pay/kgmMobileEncodeAjax.do",
@ -369,8 +370,6 @@ function kgmPayMobileRequest() {
//KG 모빌리언스 => BANK //KG 모빌리언스 => BANK
function kgmPayBankRequest() { function kgmPayBankRequest() {
$("#price").val(1100);
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "/web/member/pay/kgmBankEncodeAjax.do", url: "/web/member/pay/kgmBankEncodeAjax.do",
@ -810,17 +809,75 @@ function TabTypePay(obj, tabId) {
<div> <div>
<p class="tab_tit">충전수단 선택</p> <p class="tab_tit">충전수단 선택</p>
<ul class="area_tab type03"> <ul class="area_tab type03">
<li class="btn_charge1 btn_tab active"><button type="button" onclick="TabTypePay(this,'1');"><i></i>신용카드</button></li> <li class="btn_charge0 btn_tab active"><button type="button" onclick="TabTypePay(this,'0');"><i></i>간편결제</button></li>
<li class="btn_charge1 btn_tab"><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_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'2');" id="btnDdedicatedAccount"><i></i>전용계좌</button></li>
<!-- <li class="btn_charge2 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"><button type="button" onclick="TabTypePay(this,'5');"><i></i>즉시이체</button></li> <li class="btn_charge5 btn_tab"><button type="button" onclick="TabTypePay(this,'5');"><i></i>즉시이체</button></li>
</ul> </ul>
<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 <div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도
이용합니다.</label></div> 이용합니다.</label></div>
<!-- 간편결제 -->
<div class="area_tabcont on" id="tab2_0">
<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>
</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><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(010-8432-9333)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p>--%>
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
<p>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한 없이 이용하실 수 있습니다.</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //간편결제 -->
<!-- 신용카드 --> <!-- 신용카드 -->
<div class="area_tabcont on" id="tab2_1"> <div class="area_tabcont" id="tab2_1">
<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p> <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p>
<table class="tType1"> <table class="tType1">
<caption></caption> <caption></caption>

View File

@ -117,14 +117,18 @@ function pgOpenerPopup(){
var payMethod = ""; var payMethod = "";
document.pgForm.action = "/web/member/pay/PayActionAjax.do"; document.pgForm.action = "/web/member/pay/PayActionAjax.do";
if($currentTab==0){ payMethod = "CARD";} if ($currentTab == 0) {
else if($currentTab==1){ payMethod = "VBANK"; } payMethod = "CARD";
/*else if($currentTab==2){ payMethod = "TEMP_CARD"; }*/ } else if ($currentTab == 1) {
else if($currentTab==2){ payMethod = "CELLPHONE"; payMethod = "CARD";
document.pgForm.action = "/web/kgm/pay/KGMPayActionAjax.do"; } else if ($currentTab == 2) {
payMethod = "VBANK";
} else if ($currentTab==3) {
payMethod = "CELLPHONE";
} else if ($currentTab==4) {
payMethod = "BANK";
} }
else if($currentTab==3){ payMethod = "BANK"; }
$('input[name=payMethod]').val(payMethod); $('input[name=payMethod]').val(payMethod);
//결제수단 상태 체크 //결제수단 상태 체크
@ -149,33 +153,29 @@ function pgOpenerPopup(){
var popupY = scY + (docHeight - 195) / 2; var popupY = scY + (docHeight - 195) / 2;
// 결제창 호출 // 결제창 호출
if ($currentTab==0) { if ($currentTab == 0) {
// KG 모빌리언스 => CARD(신용카드) // KG 모빌리언스 => CARD(간편결제)
kgmPayCardRequest(); kgmPayCardRequest();
} } else if ($currentTab == 1) {
else if ($currentTab==2) { // 나이스페이 => CARD(카드결제)
pg_opener = window.open('', 'pg_opener', "width=790, height=505, 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 == 2) {
// 전용계좌
} else if ($currentTab == 3) {
// KG 모빌리언스 => MOBILE(휴대폰결제) // KG 모빌리언스 => MOBILE(휴대폰결제)
kgmPayMobileRequest(); kgmPayMobileRequest();
} } else if ($currentTab==4) {
else if ($currentTab==3) {
// KG 모빌리언스 => BANK(즉시이체) // KG 모빌리언스 => BANK(즉시이체)
kgmPayBankRequest(); kgmPayBankRequest();
} }
else {
// 기타
pg_opener = window.open('', 'pg_opener', "width=790, height=505, left="+popupX+", top="+popupY, "location = no","status= no","toolbars= no");
document.pgForm.method = "post";
document.pgForm.target = "pg_opener" ;
document.pgForm.submit();
}
} }
//KG 모빌리언스 => CARD //KG 모빌리언스 => CARD
function kgmPayCardRequest() { function kgmPayCardRequest() {
$("#price").val(1100);
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "/web/member/pay/kgmCardEncodeAjax.do", url: "/web/member/pay/kgmCardEncodeAjax.do",
@ -231,8 +231,6 @@ function kgmPayCardRequest() {
//KG 모빌리언스 => MOBILE //KG 모빌리언스 => MOBILE
function kgmPayMobileRequest() { function kgmPayMobileRequest() {
$("#price").val(1100);
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "/web/member/pay/kgmMobileEncodeAjax.do", url: "/web/member/pay/kgmMobileEncodeAjax.do",
@ -299,8 +297,6 @@ function kgmPayMobileRequest() {
//KG 모빌리언스 => BANK //KG 모빌리언스 => BANK
function kgmPayBankRequest() { function kgmPayBankRequest() {
$("#price").val(1100);
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "/web/member/pay/kgmBankEncodeAjax.do", url: "/web/member/pay/kgmBankEncodeAjax.do",
@ -643,7 +639,8 @@ function TabTypePay(obj, tabId) {
<div> <div>
<p class="tab_tit">충전수단 선택</p> <p class="tab_tit">충전수단 선택</p>
<ul class="area_tab"> <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_charge0 btn_tab active"><button type="button" onclick="TabTypePay(this,'0');"><i></i>간편결제</button></li>
<li class="btn_charge1 btn_tab"><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_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'2');" id="btnDdedicatedAccount"><i></i>전용계좌</button></li>
<!-- <li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'3');"><i></i>무통장입금</button></li> --> <!-- <li class="btn_charge2 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_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>휴대폰결제</button></li>
@ -652,8 +649,82 @@ function TabTypePay(obj, tabId) {
<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 <div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도
이용합니다.</label></div> 이용합니다.</label></div>
<!-- 간편결제 -->
<div class="area_tabcont on" id="tab2_0">
<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">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(010-8432-9333)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p>--%>
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
<p>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한 없이 이용하실 수 있습니다.</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //간편결제 -->
<!-- 신용카드 --> <!-- 신용카드 -->
<div class="area_tabcont on" id="tab2_1"> <div class="area_tabcont" id="tab2_1">
<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p> <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p>
<table class="tType1"> <table class="tType1">
<caption></caption> <caption></caption>