tolag3/kcc_adr_advc_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[대국민]

Browse Source 
체험하기 수수료납부 팝업 제작
This commit is contained in:
JooYoung 2022-10-13 12:18:26 +09:00
parent b511d25d88
commit 91f678dd4d
3 changed files with 150 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/main/java/kcc/kccadr/adjstExp/web/AdjstExpDetailController.java
View File

@ -6,7 +6,6 @@ import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import org.apache.commons.collections.CollectionUtils;
import org.apache.commons.lang3.StringUtils;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
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.adr.service.AdjstDeputyReqVO;
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.crtfc.service.CrtfcService;
import kcc.kccadr.adjclsmgr.service.AdjClsMgrVO;
@ -170,9 +170,9 @@ public class AdjstExpDetailController {
* 조정신청 구분선택 - 안내화면
*/
@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";
}
/**

115
src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExp/popup/adjstPayMentDetailPopup.jsp
View File

@ -90,11 +90,11 @@
$("*[data-focus='fee_popup_close']").attr("data-focus","fee_"+mlt+"_popup_close");
}
});
</script>
<style type="text/css">
.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>
</head>
<body>
@ -129,18 +129,14 @@
</tr>
</thead>
<tbody>
<c:set var="total" value="0"/>
<c:forEach var="list" items="${list}" varStatus="status">
<tr>
<td>*
<c:out value="${list.apprRson}"/>
조정신청 체험
</td>
<td>
<p class="t_bold c_222222"><fmt:formatNumber value="${list.adrCost}" pattern="#,###"/>원</p>
<c:set var="total" value="${total + list.adrCost}"/>
<p class="t_bold c_222222"><fmt:formatNumber value="10000" pattern="#,###"/>원</p>
</td>
</tr>
</c:forEach>
</tbody>
</table>
@ -155,39 +151,20 @@
<th scope="row">계좌정보</th>
<td>
<p class="c_e40000" id="vacctInfo">
<c:choose>
<c:when test="${list[0].accTy == '10'}">
우리은행 1005-802-193838 예금주 : 한국저작권위원회
</c:when>
<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>
<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="홍길동" /><br>
<span class="titType01">메일</span> <input type="text" id="buyerEmail" name="buyerEmail" title="메일 입력" value="experience@experience.com" />
<button class="btnType05" data-tooltip="fee_popup2" onclick="document.querySelector('.fee_111_popup').remove();">가상계좌신청</button>
</p>
<input type="hidden" id="adrSeq2" value="<c:out value="${list[0].adrSeq}"/>" />
<input type="hidden" id="mltApprSeq2" value="<c:out value="${list[0].mltApprSeq}"/>" />
<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="${total}" pattern="#,###"/>원
<%-- <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>
<p><fmt:formatNumber value="10000" pattern="#,###"/>원</p>
</td>
</tr>
</tbody>
@ -198,6 +175,78 @@
</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>
</body>

67
src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExpDetail/adjstIncidentDetail.jsp
View File

@ -48,6 +48,69 @@
var popForm = document.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>
</head>
<body>
@ -108,7 +171,7 @@
<p>신청인</p>
</th>
<td>
<p>홀길동</p>
<p>홍길동</p>
</td>
<th scope="row" class="">
<p>대리인</p>
@ -192,7 +255,7 @@
<div class="btn_left"></div>
<div class="btn_right">
<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>
<button type="button" class="btnType11 btn_list" onclick="fncGoList();">목록</button>
</div>