itfirst/sake
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

206
src/main/webapp/WEB-INF/views/sopmal/ordr/SubsvcPurchsC.jsp
View File

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

23
src/main/webapp/WEB-INF/views/sopmal_m/main/SubscribeR.jsp
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) { const fn_format_number = function(number) {
return Number(number).toLocaleString(); return Number(number).toLocaleString();
} }
@@ -146,7 +167,7 @@
<button type="button" class="btn outline theme" onclick="openModal('product-option-sheet')"> <button type="button" class="btn outline theme" onclick="openModal('product-option-sheet')">
옵션선택 옵션선택
</button> </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> </div>
</div> </div>

4699
src/main/webapp/WEB-INF/views/sopmal_m/ordr/SubsvcPurchsC.jsp Normal file
View File

File diff suppressed because it is too large Load Diff