[대국민]
체험하기 수수료납부 팝업 제작
This commit is contained in:
JooYoung
parent
b511d25d88
commit
91f678dd4d
@ -6,7 +6,6 @@ import javax.annotation.Resource;
|
|||||||
import javax.servlet.http.HttpServletRequest;
|
import javax.servlet.http.HttpServletRequest;
|
||||||
|
|
||||||
import org.apache.commons.collections.CollectionUtils;
|
import org.apache.commons.collections.CollectionUtils;
|
||||||
import org.apache.commons.lang3.StringUtils;
|
|
||||||
import org.slf4j.Logger;
|
import org.slf4j.Logger;
|
||||||
import org.slf4j.LoggerFactory;
|
import org.slf4j.LoggerFactory;
|
||||||
import org.springframework.stereotype.Controller;
|
import org.springframework.stereotype.Controller;
|
||||||
@ -19,6 +18,7 @@ import kcc.com.cmm.util.StringUtil;
|
|||||||
import kcc.kccadr.accdnt.acd.service.AdjstChangeDateVO;
|
import kcc.kccadr.accdnt.acd.service.AdjstChangeDateVO;
|
||||||
import kcc.kccadr.accdnt.adr.service.AdjstDeputyReqVO;
|
import kcc.kccadr.accdnt.adr.service.AdjstDeputyReqVO;
|
||||||
import kcc.kccadr.accdnt.ai.service.AdjstIncidentVO;
|
import kcc.kccadr.accdnt.ai.service.AdjstIncidentVO;
|
||||||
|
import kcc.kccadr.accdnt.apm.service.AdjstPayMentVO;
|
||||||
import kcc.kccadr.accdnt.ars.service.AdjstReqStatusVO;
|
import kcc.kccadr.accdnt.ars.service.AdjstReqStatusVO;
|
||||||
import kcc.kccadr.accdnt.crtfc.service.CrtfcService;
|
import kcc.kccadr.accdnt.crtfc.service.CrtfcService;
|
||||||
import kcc.kccadr.adjclsmgr.service.AdjClsMgrVO;
|
import kcc.kccadr.adjclsmgr.service.AdjClsMgrVO;
|
||||||
@ -170,9 +170,9 @@ public class AdjstExpDetailController {
|
|||||||
* 조정신청 구분선택 - 안내화면
|
* 조정신청 구분선택 - 안내화면
|
||||||
*/
|
*/
|
||||||
@RequestMapping("/web/kccadr/adjstExpDetail/popup/adjstPayMentDetailPopup.do")
|
@RequestMapping("/web/kccadr/adjstExpDetail/popup/adjstPayMentDetailPopup.do")
|
||||||
public String adjstPayMentDetailPopup(@ModelAttribute("adjDeputyReqVO") AdjstDeputyReqVO adjDeputyReqVO, ModelMap model) throws Exception {
|
public String adjstPayMentDetailPopup(@ModelAttribute("adjstPayMentVO") AdjstPayMentVO adjstPayMentVO, ModelMap model) throws Exception {
|
||||||
|
|
||||||
return null;
|
return "/web/kccadr/adjstExp/popup/adjstPayMentDetailPopup";
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@ -90,11 +90,11 @@
|
|||||||
$("*[data-focus='fee_popup_close']").attr("data-focus","fee_"+mlt+"_popup_close");
|
$("*[data-focus='fee_popup_close']").attr("data-focus","fee_"+mlt+"_popup_close");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.info_wrap {margin:0 0 15px;padding:15px 25px;}
|
.info_wrap {margin:0 0 15px;padding:15px 25px;}
|
||||||
|
.mask02 {background-color: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; z-index: 22; left: 0; top: 0;}}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -129,18 +129,14 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<c:set var="total" value="0"/>
|
|
||||||
<c:forEach var="list" items="${list}" varStatus="status">
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>*
|
<td>*
|
||||||
<c:out value="${list.apprRson}"/>
|
조정신청 체험
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<p class="t_bold c_222222"><fmt:formatNumber value="${list.adrCost}" pattern="#,###"/>원</p>
|
<p class="t_bold c_222222"><fmt:formatNumber value="10000" pattern="#,###"/>원</p>
|
||||||
<c:set var="total" value="${total + list.adrCost}"/>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</c:forEach>
|
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
@ -155,39 +151,20 @@
|
|||||||
<th scope="row">계좌정보</th>
|
<th scope="row">계좌정보</th>
|
||||||
<td>
|
<td>
|
||||||
<p class="c_e40000" id="vacctInfo">
|
<p class="c_e40000" id="vacctInfo">
|
||||||
<c:choose>
|
<span class="titType01">입금은행</span><kc:select codeId="bankcd" id="bankCode" name="bankCode"/><label for="bankCode" class="label">입금은행 선택</label><br>
|
||||||
<c:when test="${list[0].accTy == '10'}">
|
<span class="titType01">구매자명</span> <input type="text" id="nmInput" name="nmInput" title="구매자명 입력" value="홍길동" /><br>
|
||||||
우리은행 1005-802-193838 예금주 : 한국저작권위원회
|
<span class="titType01">메일</span> <input type="text" id="buyerEmail" name="buyerEmail" title="메일 입력" value="experience@experience.com" />
|
||||||
</c:when>
|
<button class="btnType05" data-tooltip="fee_popup2" onclick="document.querySelector('.fee_111_popup').remove();">가상계좌신청</button>
|
||||||
<c:when test="${list[0].accTy == '20' && not empty list[0].vacct}">
|
|
||||||
<%-- <c:when test="${list[0].accTy == '20' && not empty list[0].vacct && 1==2}"> --%>
|
|
||||||
가상계좌 : <kc:code codeId="bankcd" code="${list[0].bankCode}"/> <c:out value="${list[0].vacct}" /><br>
|
|
||||||
예금주 : 한국저작권위원회<br>
|
|
||||||
</c:when>
|
|
||||||
<c:otherwise>
|
|
||||||
<span class="titType01">입금은행</span><kc:select codeId="bankcd" id="bankCode" name="bankCode"/><label for="bankCode" class="label">입금은행 선택</label><br>
|
|
||||||
<span class="titType01">구매자명</span> <input type="text" id="nmInput" name="nmInput" title="구매자명 입력" value="<c:out value="${list[0].rpplNm}" />" /><br>
|
|
||||||
<span class="titType01">메일</span> <input type="text" id="buyerEmail" name="buyerEmail" title="메일 입력" value="<c:out value="${list[0].rpplEmail}" />" />
|
|
||||||
<button class="btnType05" onclick="vBankReq()">가상계좌신청</button>
|
|
||||||
</c:otherwise>
|
|
||||||
</c:choose>
|
|
||||||
</p>
|
</p>
|
||||||
<input type="hidden" id="adrSeq2" value="<c:out value="${list[0].adrSeq}"/>" />
|
<input type="hidden" id="adrSeq2" value="111" />
|
||||||
<input type="hidden" id="mltApprSeq2" value="<c:out value="${list[0].mltApprSeq}"/>" />
|
<input type="hidden" id="mltApprSeq2" value="111"/>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="row">결제금액</th>
|
<th scope="row">결제금액</th>
|
||||||
<td>
|
<td>
|
||||||
<p><fmt:formatNumber value="${total}" pattern="#,###"/>원
|
<p><fmt:formatNumber value="10000" pattern="#,###"/>원</p>
|
||||||
<%-- <c:set var="endDe" value="202112161440" /> --%>
|
|
||||||
<c:set var="endDe" value="${list[0].dtInput}${list[0].tmInput}" />
|
|
||||||
<c:if test="${not empty endDe}">
|
|
||||||
<fmt:parseDate value="${endDe}" var="endDeFmt" pattern="yyyyMMddHHmmss" />
|
|
||||||
(납부기간 : <fmt:formatDate value="${endDeFmt}" pattern="yyyy-MM-dd HH:mm" />까지)
|
|
||||||
</c:if>
|
|
||||||
</p>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
@ -198,6 +175,78 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="popup_wrap fee_popup2" tabindex="0" data-tooltip-con="fee_popup2" data-focus="fee_popup2" data-focus-prev="fee_popup_close2">
|
||||||
|
<div class="popup_tit">
|
||||||
|
<p>수수료 납부 금액</p> <button class="btn_popup_close tooltip-close" data-focus="fee_popup_close2" title="팝업 닫기"><i></i></button>
|
||||||
|
</div>
|
||||||
|
<div class="popup_cont">
|
||||||
|
<div class="info_wrap">
|
||||||
|
<div class="text_area">
|
||||||
|
<ul>
|
||||||
|
<li>체험하기 시스템 입니다.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<table class="popup_tbType01 t_center">
|
||||||
|
<caption> 수수료 납부 금액 : 신청내용, 금액등 정보제공 </caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 50%;">
|
||||||
|
<col style="width: 50%;">
|
||||||
|
</colgroup>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">신청내용</th>
|
||||||
|
<th scope="col">금액</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>*
|
||||||
|
조정신청 체험
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p class="t_bold c_222222"><fmt:formatNumber value="10000" pattern="#,###"/>원</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<table class="popup_tbType01" style="margin-top: 30px;">
|
||||||
|
<caption>계좌정보, 결제금액 등 정보제공</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 95px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">계좌정보</th>
|
||||||
|
<td>
|
||||||
|
<p class="c_e40000" id="vacctInfo">
|
||||||
|
가상계좌 : 기업은행 07501740597725<br>
|
||||||
|
예금주 : 한국저작권위원회<br>
|
||||||
|
</p>
|
||||||
|
<input type="hidden" id="adrSeq2" value="111" />
|
||||||
|
<input type="hidden" id="mltApprSeq2" value="111"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<th scope="row">결제금액</th>
|
||||||
|
<td>
|
||||||
|
<p><fmt:formatNumber value="10000" pattern="#,###"/>원(납부기간 : 2022-12-31 23:59까지)</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<div class="btn_wrap">
|
||||||
|
<button class="btnType01 tooltip-close" data-focus="fee_popup_close2" data-focus-next="fee_popup2">닫기</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</form:form>
|
</form:form>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -48,6 +48,69 @@
|
|||||||
var popForm = document.popForm;
|
var popForm = document.popForm;
|
||||||
commonPopWindowopenForm("/web/kccadr/adjstExpDetail/popup/adjstIncidentDetailPop.do", "840", "800", "adrRpplDetailPop", $('#popForm'));
|
commonPopWindowopenForm("/web/kccadr/adjstExpDetail/popup/adjstIncidentDetailPop.do", "840", "800", "adrRpplDetailPop", $('#popForm'));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function fncPayDtlPopup(type , seq, id){
|
||||||
|
var data = {
|
||||||
|
adrSeq : '111'
|
||||||
|
};
|
||||||
|
if(type == "M"){
|
||||||
|
data = {mltApprSeq : seq};
|
||||||
|
}
|
||||||
|
funOpenLayerPop("/web/kccadr/adjstExpDetail/popup/adjstPayMentDetailPopup.do" , data, 'fee_'+seq+'_popup')
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function funOpenLayerPop(url, param, target){
|
||||||
|
$('#layerPop').load(
|
||||||
|
url
|
||||||
|
, param
|
||||||
|
, function(res, status, xhr){
|
||||||
|
if(status == "success"){
|
||||||
|
|
||||||
|
if(target == "fee_info_popup"){
|
||||||
|
}else{
|
||||||
|
var listForm = document.popCreateForm2;
|
||||||
|
var adr = listForm.adrSeq.value;
|
||||||
|
var mlt = listForm.mltApprSeq.value;
|
||||||
|
if(typeof mlt == "undefined" || mlt == ""){
|
||||||
|
$(".fee_popup").attr("class","popup_wrap fee_"+adr+"_popup");
|
||||||
|
$("*[data-focus='fee_popup']").attr("data-focus","fee_"+adr+"_popup");
|
||||||
|
$("*[data-tooltip-con='fee_popup']").attr("data-tooltip-con","fee_"+adr+"_popup");
|
||||||
|
$("*[data-focus-prev='fee_popup_close']").attr("data-focus-prev","fee_"+adr+"_popup_close");
|
||||||
|
$("*[data-focus-next='fee_popup']").attr("data-focus-next","fee_"+adr+"_popup");
|
||||||
|
$("*[data-focus='fee_popup_close']").attr("data-focus","fee_"+adr+"_popup_close");
|
||||||
|
}else{
|
||||||
|
$(".fee_popup").attr("class","popup_wrap fee_"+mlt+"_popup");
|
||||||
|
$("*[data-focus='fee_popup']").attr("data-focus","fee_"+mlt+"_popup");
|
||||||
|
$("*[data-tooltip-con='fee_popup']").attr("data-tooltip-con","fee_"+mlt+"_popup");
|
||||||
|
$("*[data-focus-prev='fee_popup_close']").attr("data-focus-prev","fee_"+mlt+"_popup_close");
|
||||||
|
$("*[data-focus-next='fee_popup']").attr("data-focus-next","fee_"+mlt+"_popup");
|
||||||
|
$("*[data-focus='fee_popup_close']").attr("data-focus","fee_"+mlt+"_popup_close");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
var showTarget = $('[data-tooltip-con="' + target + '"]');
|
||||||
|
showTarget.show().focus();
|
||||||
|
|
||||||
|
var popWid = showTarget.width();
|
||||||
|
var popHei = showTarget.height();
|
||||||
|
|
||||||
|
var nLeft = (($(window).width() - popWid)/2);
|
||||||
|
var nTop = (($(window).height() - popHei)/2);
|
||||||
|
|
||||||
|
showTarget.css({
|
||||||
|
"left": nLeft,
|
||||||
|
"top": nTop
|
||||||
|
});
|
||||||
|
showTarget.find('.tooltip-close').data('activeTarget', target);
|
||||||
|
|
||||||
|
$(".mask").show();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -108,7 +171,7 @@
|
|||||||
<p>신청인</p>
|
<p>신청인</p>
|
||||||
</th>
|
</th>
|
||||||
<td>
|
<td>
|
||||||
<p>홀길동</p>
|
<p>홍길동</p>
|
||||||
</td>
|
</td>
|
||||||
<th scope="row" class="">
|
<th scope="row" class="">
|
||||||
<p>대리인</p>
|
<p>대리인</p>
|
||||||
@ -192,7 +255,7 @@
|
|||||||
<div class="btn_left"></div>
|
<div class="btn_left"></div>
|
||||||
<div class="btn_right">
|
<div class="btn_right">
|
||||||
<c:if test="${adjstReqStatusVO.pageType eq 'S'}">
|
<c:if test="${adjstReqStatusVO.pageType eq 'S'}">
|
||||||
<button type="button" class="btnType09 btn_list" onclick="fncGoList();">수수료 납부</button>
|
<button type="button" class="btnType09 btn_list" onclick="fncPayDtlPopup('M','111','111');">수수료 납부</button>
|
||||||
</c:if>
|
</c:if>
|
||||||
<button type="button" class="btnType11 btn_list" onclick="fncGoList();">목록</button>
|
<button type="button" class="btnType11 btn_list" onclick="fncGoList();">목록</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user