구독서비스 결제 화면 적용(모바일)

This commit is contained in:
이대환
2026-03-03 13:26:03 +09:00
parent 797b36e42f
commit 4064f30bb9
3 changed files with 4830 additions and 98 deletions

View File

@@ -2454,6 +2454,15 @@
const fn_get_setle_amt = function() {
let setle = {};
// let dlvylc = JSON.parse(localStorage.getItem('dlvylc'));
//
// if (!fn_is_empty(dlvylc)) {
// dlvylc = Object.assign({}, fn_get_dlvylc_data(), dlvylc);
// } else {
// dlvylc = fn_get_dlvylc_data();
// }
// setle['shipping'] = dlvylc;
setle['sopmalCd'] = $('#sopmalCd').val();
setle['dlvylc'] = JSON.parse(localStorage.getItem('dlvylc'));
setle['subsvcOne'] = JSON.parse(localStorage.getItem('subsvcOne'));
@@ -2549,12 +2558,12 @@
li += '</li>';
}
// if (data.dlvyCouponDscntAmt > 0) {
// li += '<li class="cartOrderBox__miscItem">';
// li += ' <span class="cartOrderBox__miscTh">배송비 쿠폰</span>';
// li += ' <span class="cartOrderBox__miscTd"><span class="comma">' + (data.dlvyCouponDscntAmt).toLocaleString() + '</span><span class="priceUnit">' + curUnit + '</span></span>';
// li += '</li>';
// }
if (data.dlvyCouponDscntAmt > 0) {
li += '<li class="cartOrderBox__miscItem">';
li += ' <span class="cartOrderBox__miscTh">배송비 쿠폰</span>';
li += ' <span class="cartOrderBox__miscTd"><span class="comma">' + (data.dlvyCouponDscntAmt).toLocaleString() + '</span><span class="priceUnit">' + curUnit + '</span></span>';
li += '</li>';
}
if (data.cartCouponDscntAmt > 0) {
li += '<li class="cartOrderBox__miscItem">';
@@ -2728,6 +2737,9 @@
order['dlvylcAreaCd'] = localStorage.getItem('dlvylcAreaCd');
order['prefcd'] = localStorage.getItem('prefcd');
// order['subsvcInnb'] = 0;
// order['subsvcAt'] = 'N';
/* 여러곳 배송 > 배송지별 정합성 검사 시작 */
if (ordrTyCd === '05') { // 여러곳 배송
@@ -3828,98 +3840,98 @@
<%-- <div class="orderInfo__section">--%>
<%-- <h3 class="orderInfo__sectionTitle">할인 정보</h3>--%>
<%-- <form id="enuriForm">--%>
<%-- <input type="hidden" name="setleAmt" id="setleAmt" value="">--%>
<%-- <input type="hidden" name="stdrGoodsSetleAmt" id="stdrGoodsSetleAmt" value="">--%>
<%-- <input type="hidden" name="dlvyAmt" id="cartCoupondlvyAmt" value="">--%>
<%-- <input type="hidden" name="couponInnb" id="couponInnb" value="">--%>
<%-- <input type="hidden" name="dwldCouponInnb" id="dwldCouponInnb" value="">--%>
<%-- <input type="hidden" name="dplctDscntAt" id="dplctDscntAt" value="">--%>
<%-- <input type="hidden" name="otrCouponSmtmUseAt" id="otrCouponSmtmUseAt" value="">--%>
<%-- <input type="hidden" name="mngrFreeDlvyUseAt" value="N">--%>
<%-- <input type="hidden" name="sopmalCd" id="sopmalCd" value="<c:out value="${purchsr.sopmalCd}"/>">--%>
<%-- <input type="hidden" name="mbrDvCd" id="mbrDvCd" value="<c:out value="${purchsr.mbrDvCd}"/>">--%>
<%-- <input type="hidden" name="cartDscntAmt" id="cartDscntAmt" value="0">--%>
<%-- <input type="hidden" name="totalGoodsDscntAmt" id="totalGoodsDscntAmt" value="0">--%>
<%-- <div class="table-wrapper orderInfo__table">--%>
<%-- <table class="table">--%>
<%-- <caption>할인 정보</caption>--%>
<%-- <colgroup>--%>
<%-- <col style="width: 180px;">--%>
<%-- <col style="width: auto;">--%>
<%-- </colgroup>--%>
<%-- <tbody>--%>
<%-- <tr>--%>
<%-- <th><span class="orderInfo__title">장바구니 쿠폰</span></th>--%>
<%-- <td>--%>
<%-- <div class="select-box orderInfo__cartCoupon">--%>
<%-- <select name="cartCouponList" id="cartCouponList" class="lg" title="장바구니 쿠폰">--%>
<%-- <option value="" selected>선택</option>--%>
<%-- </select>--%>
<%-- </div>--%>
<%-- </td>--%>
<%-- </tr>--%>
<%-- <tr>--%>
<%-- <th><span class="orderInfo__title">마일리지</span></th>--%>
<%-- <td>--%>
<%-- <div class="orderInfo__mileage">--%>
<%-- <div class="inputWithBtn">--%>
<%-- <input type="hidden" name="ableMlgAmt" id="ableMlgAmt" value="<c:out value="${purchsr.ableMlgAmt}"/>">--%>
<%-- <input type="text" name="useMlgAmt" id="useMlgAmt" class="input-text text-right number" title="마일리지" placeholder="0">--%>
<%-- <button type="button" id="btnAllUseMlgAmt" class="btn md outline">모두 사용</button>--%>
<%-- </div>--%>
<%-- <span class="orderInfo__mileageText">사용가능 마일리지 : <em><span class="comma"><c:out value="${purchsr.ableMlgAmt}"/></span>점</em></span>--%>
<%-- </div>--%>
<%-- </td>--%>
<%-- </tr>--%>
<%-- <c:if test = "${data.shopInfo.cashAt eq 'Y'}">--%>
<%-- <tr>--%>
<%-- <th><span class="orderInfo__title">GC 머니</span></th>--%>
<%-- <td>--%>
<%-- <div class="orderInfo__mileage">--%>
<%-- <div class="inputWithBtn">--%>
<%-- <input type="hidden" name="ableCashMlgAmt" id="ableCashMlgAmt" value="<c:out value="${purchsr.ableCashMlgAmt}"/>">--%>
<%-- <input type="text" name="useCashMlgAmt" id="useCashMlgAmt" class="input-text text-right number" title="마일리지" placeholder="0">--%>
<%-- <button type="button" id="btnAllUseCashMlgAmt" class="btn md outline">모두 사용</button>--%>
<%-- </div>--%>
<%-- <span class="orderInfo__mileageText">사용가능 GC 머니 : <em><span class="comma"><c:out value="${purchsr.ableCashMlgAmt}"/></span>${curUnit}</em></span>--%>
<%-- </div>--%>
<%-- </td>--%>
<%-- </tr>--%>
<%-- </c:if>--%>
<%-- </tbody>--%>
<%-- </table>--%>
<%-- </div>--%>
<%-- </form>--%>
<%-- <div class="infoBox">--%>
<%-- <div class="infoBox__title">예상 적립혜택</div>--%>
<%-- <ul class="infoBox__list">--%>
<%-- <li> 구매 확정 시 <i id="accmlMlgAmtSapn"></i> 적립--%>
<%-- <c:forEach var="ntc" items="${data.mlgAccmlNtcList}">--%>
<%-- <li>--%>
<%-- <c:choose>--%>
<%-- <c:when test="${'06' == ntc.bbsTyCd}">--%>
<%-- 리뷰 작성시 일반리뷰 <i><c:out value="${ntc.gnrlRvwAmt}"/>점</i> 적립, 사진리뷰 <i><c:out value="${ntc.photoRvwAmt}"/>점</i> 적립--%>
<%-- </c:when>--%>
<%-- <c:otherwise>--%>
<%-- 한달리뷰 <i><c:out value="${ntc.photoRvwAmt}"/>점</i> 적립--%>
<%-- </c:otherwise>--%>
<%-- </c:choose>--%>
<%-- <c:if test="${not empty ntc.bgnDe && not empty ntc.endDe}">--%>
<%-- <fmt:parseDate value="${ntc.bgnDe}" var="bgnDeDate" pattern="yyyyMMdd"/>--%>
<%-- <fmt:formatDate value="${bgnDeDate}" var="bgnDe" pattern="yyyy-MM-dd"/>--%>
<%-- <fmt:parseDate value="${ntc.endDe}" var="endDeDate" pattern="yyyyMMdd"/>--%>
<%-- <fmt:formatDate value="${endDeDate}" var="endDe" pattern="yyyy-MM-dd"/>--%>
<%--<div class="orderInfo__section">
<h3 class="orderInfo__sectionTitle">할인 정보</h3>
<form id="enuriForm">
<input type="hidden" name="setleAmt" id="setleAmt" value="">
<input type="hidden" name="stdrGoodsSetleAmt" id="stdrGoodsSetleAmt" value="">
<input type="hidden" name="dlvyAmt" id="cartCoupondlvyAmt" value="">
<input type="hidden" name="couponInnb" id="couponInnb" value="">
<input type="hidden" name="dwldCouponInnb" id="dwldCouponInnb" value="">
<input type="hidden" name="dplctDscntAt" id="dplctDscntAt" value="">
<input type="hidden" name="otrCouponSmtmUseAt" id="otrCouponSmtmUseAt" value="">
<input type="hidden" name="mngrFreeDlvyUseAt" value="N">
<input type="hidden" name="sopmalCd" id="sopmalCd" value="<c:out value="${purchsr.sopmalCd}"/>">
<input type="hidden" name="mbrDvCd" id="mbrDvCd" value="<c:out value="${purchsr.mbrDvCd}"/>">
<input type="hidden" name="cartDscntAmt" id="cartDscntAmt" value="0">
<input type="hidden" name="totalGoodsDscntAmt" id="totalGoodsDscntAmt" value="0">
<div class="table-wrapper orderInfo__table">
<table class="table">
<caption>할인 정보</caption>
<colgroup>
<col style="width: 180px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th><span class="orderInfo__title">장바구니 쿠폰</span></th>
<td>
<div class="select-box orderInfo__cartCoupon">
<select name="cartCouponList" id="cartCouponList" class="lg" title="장바구니 쿠폰">
<option value="" selected>선택</option>
</select>
</div>
</td>
</tr>
<tr>
<th><span class="orderInfo__title">마일리지</span></th>
<td>
<div class="orderInfo__mileage">
<div class="inputWithBtn">
<input type="hidden" name="ableMlgAmt" id="ableMlgAmt" value="<c:out value="${purchsr.ableMlgAmt}"/>">
<input type="text" name="useMlgAmt" id="useMlgAmt" class="input-text text-right number" title="마일리지" placeholder="0">
<button type="button" id="btnAllUseMlgAmt" class="btn md outline">모두 사용</button>
</div>
<span class="orderInfo__mileageText">사용가능 마일리지 : <em><span class="comma"><c:out value="${purchsr.ableMlgAmt}"/></span>점</em></span>
</div>
</td>
</tr>
<c:if test = "${data.shopInfo.cashAt eq 'Y'}">
<tr>
<th><span class="orderInfo__title">GC 머니</span></th>
<td>
<div class="orderInfo__mileage">
<div class="inputWithBtn">
<input type="hidden" name="ableCashMlgAmt" id="ableCashMlgAmt" value="<c:out value="${purchsr.ableCashMlgAmt}"/>">
<input type="text" name="useCashMlgAmt" id="useCashMlgAmt" class="input-text text-right number" title="마일리지" placeholder="0">
<button type="button" id="btnAllUseCashMlgAmt" class="btn md outline">모두 사용</button>
</div>
<span class="orderInfo__mileageText">사용가능 GC 머니 : <em><span class="comma"><c:out value="${purchsr.ableCashMlgAmt}"/></span>${curUnit}</em></span>
</div>
</td>
</tr>
</c:if>
</tbody>
</table>
</div>
</form>
<div class="infoBox">
<div class="infoBox__title">예상 적립혜택</div>
<ul class="infoBox__list">
<li> 구매 확정 시 <i id="accmlMlgAmtSapn"></i> 적립
<c:forEach var="ntc" items="${data.mlgAccmlNtcList}">
<li>
<c:choose>
<c:when test="${'06' == ntc.bbsTyCd}">
리뷰 작성시 일반리뷰 <i><c:out value="${ntc.gnrlRvwAmt}"/>점</i> 적립, 사진리뷰 <i><c:out value="${ntc.photoRvwAmt}"/>점</i> 적립
</c:when>
<c:otherwise>
한달리뷰 <i><c:out value="${ntc.photoRvwAmt}"/>점</i> 적립
</c:otherwise>
</c:choose>
<c:if test="${not empty ntc.bgnDe && not empty ntc.endDe}">
<fmt:parseDate value="${ntc.bgnDe}" var="bgnDeDate" pattern="yyyyMMdd"/>
<fmt:formatDate value="${bgnDeDate}" var="bgnDe" pattern="yyyy-MM-dd"/>
<fmt:parseDate value="${ntc.endDe}" var="endDeDate" pattern="yyyyMMdd"/>
<fmt:formatDate value="${endDeDate}" var="endDe" pattern="yyyy-MM-dd"/>
<%-- (<c:out value="${bgnDe}"/> ~ <c:out value="${endDe}"/> 까지 <i><c:out value="${ntc.aditMlgAmt}"/>점</i> 추가 적립)--%>
<%-- </c:if>--%>
<%-- </li>--%>
<%-- </c:forEach>--%>
<%-- </ul>--%>
<%-- </div>--%>
<%-- </div>--%>
(<c:out value="${bgnDe}"/> ~ <c:out value="${endDe}"/> 까지 <i><c:out value="${ntc.aditMlgAmt}"/>점</i> 추가 적립)
</c:if>
</li>
</c:forEach>
</ul>
</div>
</div>--%>
<div class="orderInfo__section">

View File

@@ -65,6 +65,27 @@
});
}
/*************************************************************
구매하기 버튼
**************************************************************/
const fn_purchs_subsvc = function() {
var checkedValue = $("input[name='subsvcInnb']:checked").val();
var tempForm = $('<form>', {
method: 'post',
action: '/sopmal/ordr/selectSubsvcPurchsForm'
});
$('<input>', {
type: 'hidden',
name: 'subsvcInnb',
value: checkedValue
}).appendTo(tempForm);
tempForm.appendTo('body');
tempForm.submit();
tempForm.remove();
}
const fn_format_number = function(number) {
return Number(number).toLocaleString();
}
@@ -146,7 +167,7 @@
<button type="button" class="btn outline theme" onclick="openModal('product-option-sheet')">
옵션선택
</button>
<button type="button" id="subscribeBtn" class="btn theme">구독하기</button>
<button type="button" id="subscribeBtn" class="btn theme" onclick="fn_purchs_subsvc();">구독하기</button>
</div>
</div>
</div>

File diff suppressed because it is too large Load Diff