|
|
@@ -31,171 +31,183 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="cont">
|
|
|
- <input type="hidden" name="accountNo" th:value="${oneData.accountNo}"/>
|
|
|
- <input type="hidden" name="accountNm" th:value="${oneData.accountNm}"/>
|
|
|
- <input type="hidden" name="bankCd" th:value="${oneData.bankCd}"/>
|
|
|
- <div class="sec_head">
|
|
|
- <h3 class="subH1">주문취소</h3>
|
|
|
- <span class="order_number">주문번호 : <em th:text="${oneData.ordNo}"></em></span>
|
|
|
- </div>
|
|
|
- <div class="sec_body">
|
|
|
- <div class="part_goods">
|
|
|
- <div class="goods_head">
|
|
|
- <p th:unless="${oneData.giftPackYn == 'Y'}">주문일 <span th:text="${oneData.ordDt}"></span></p>
|
|
|
- <p th:if="${oneData.giftPackYn == 'Y'}">선물일 <span th:text="${oneData.ordDt}"></span></p>
|
|
|
- </div>
|
|
|
- <div class="goods_cont">
|
|
|
- <th:block th:if="${cancelList.cancelList}" th:each="cancel, status : ${cancelList.cancelList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
|
|
|
- <!-- 주문상품 -->
|
|
|
- <div class="goods_info">
|
|
|
- <div class="order_desc">
|
|
|
- <div class="goods_box">
|
|
|
- <div class="gd_item">
|
|
|
- <a href="javascript:void(0)" th:attr="goodsCd=${cancel.goodsCd}" onclick="fnGoToGoodsDetail(this)">
|
|
|
- <span class="thumb">
|
|
|
- <img th:src="${imageUrl + '/' + cancel.sysImgNm}" width="100%" alt="">
|
|
|
- </span>
|
|
|
+ <form id="cancelForm">
|
|
|
+ <input type="hidden" name="accountNo" th:value="${oneData.accountNo}"/>
|
|
|
+ <input type="hidden" name="accountNm" th:value="${oneData.accountNm}"/>
|
|
|
+ <input type="hidden" name="bankCd" th:value="${oneData.bankCd}"/>
|
|
|
+ <div class="sec_head">
|
|
|
+ <h3 class="subH1">주문취소</h3>
|
|
|
+ <span class="order_number">주문번호 : <em th:text="${oneData.ordNo}"></em></span>
|
|
|
+ </div>
|
|
|
+ <div class="sec_body">
|
|
|
+ <div class="part_goods">
|
|
|
+ <div class="goods_head">
|
|
|
+ <p th:unless="${oneData.giftPackYn == 'Y'}">주문일 <span th:text="${oneData.ordDt}"></span></p>
|
|
|
+ <p th:if="${oneData.giftPackYn == 'Y'}">선물일 <span th:text="${oneData.ordDt}"></span></p>
|
|
|
+ </div>
|
|
|
+ <div class="goods_cont">
|
|
|
+ <th:block th:if="${cancelList.cancelList}" th:each="cancel, status : ${cancelList.cancelList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
|
|
|
+ <!-- 주문상품 -->
|
|
|
+ <div class="goods_info">
|
|
|
+ <div class="order_desc">
|
|
|
+ <div class="goods_box">
|
|
|
+ <div class="gd_item">
|
|
|
+ <a href="javascript:void(0)" th:attr="goodsCd=${cancel.goodsCd}" onclick="fnGoToGoodsDetail(this)">
|
|
|
+ <span class="thumb">
|
|
|
+ <img th:src="${imageUrl + '/' + cancel.sysImgNm}" width="100%" alt="">
|
|
|
+ </span>
|
|
|
+ <p>
|
|
|
+ <span class="brand" th:text="${cancel.brandNm}"></span>
|
|
|
+ <span class="tag primary" th:if="${cancel.shotDelvYn == 'Y'}">총알배송</span>
|
|
|
+ <span class="tag" th:if="${cancel.shotDelvYn == 'N' and cancel.selfGoodsYn == 'Y'}">STYLE24 일반배송</span>
|
|
|
+ <span class="tag" th:if="${cancel.selfGoodsYn == 'N'}">업체직배송</span>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <span class="name" th:text="${cancel.goodsNm}"></span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="gd_opt">
|
|
|
+ <div class="option_wrap">
|
|
|
+ <span class="title sr-only">주문 옵션</span>
|
|
|
+ <span class="option" th:if="${cancel.goodsType == 'G056_S'}" th:each="option, status : ${cancel.colorNmArr}" th:text="|${cancel.itemNmArr[status.index]} / ${option} / ${cancel.optCd2Arr[status.index]}|"></span>
|
|
|
+ <span class="option" th:unless="${cancel.goodsType == 'G056_S'}" th:text="|${cancel.colorNm} / ${cancel.optCd2}|"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="gd_calc">
|
|
|
<p>
|
|
|
- <span class="brand" th:text="${cancel.brandNm}"></span>
|
|
|
- <span class="tag primary" th:if="${cancel.shotDelvYn == 'Y'}">총알배송</span>
|
|
|
- <span class="tag" th:if="${cancel.shotDelvYn == 'N' and cancel.selfGoodsYn == 'Y'}">STYLE24 일반배송</span>
|
|
|
- <span class="tag" th:if="${cancel.selfGoodsYn == 'N'}">업체직배송</span>
|
|
|
+ <span class="count"><em th:text="${cancel.ordQty - cancel.cnclRtnQty}"></em>개</span>
|
|
|
</p>
|
|
|
<p>
|
|
|
- <span class="name" th:text="${cancel.goodsNm}"></span>
|
|
|
+ <span class="price_org" th:if="${(cancel.ordAmt - cancel.cnclRtnAmt - cancel.cpn1DcAmt) > (cancel.realOrdAmt + cancel.pntDcAmt + cancel.gfcdUseAmt)}"><em th:text="${#numbers.formatInteger(cancel.ordAmt - cancel.cnclRtnAmt - cancel.cpn1DcAmt, 1, 'COMMA')}"></em>원</span>
|
|
|
+ <span class="price_sale"><em th:text="${#numbers.formatInteger(cancel.realOrdAmt + cancel.pntDcAmt + cancel.gfcdUseAmt, 1, 'COMMA')}"></em>원</span>
|
|
|
</p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="gd_opt">
|
|
|
- <div class="option_wrap">
|
|
|
- <span class="title sr-only">주문 옵션</span>
|
|
|
- <span class="option" th:if="${cancel.goodsType == 'G056_S'}" th:each="option, status : ${cancel.colorNmArr}" th:text="|${cancel.itemNmArr[status.index]} / ${option} / ${cancel.optCd2Arr[status.index]}|"></span>
|
|
|
- <span class="option" th:unless="${cancel.goodsType == 'G056_S'}" th:text="|${cancel.colorNm} / ${cancel.optCd2}|"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="gd_calc">
|
|
|
- <p>
|
|
|
- <span class="count"><em th:text="${cancel.ordQty - cancel.cnclRtnQty}"></em>개</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <span class="price_org" th:if="${(cancel.ordAmt - cancel.cnclRtnAmt - cancel.cpn1DcAmt) > (cancel.realOrdAmt + cancel.pntDcAmt + cancel.gfcdUseAmt)}"><em th:text="${#numbers.formatInteger(cancel.ordAmt - cancel.cnclRtnAmt - cancel.cpn1DcAmt, 1, 'COMMA')}"></em>원</span>
|
|
|
- <span class="price_sale"><em th:text="${#numbers.formatInteger(cancel.realOrdAmt + cancel.pntDcAmt + cancel.gfcdUseAmt, 1, 'COMMA')}"></em>원</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="button_box">
|
|
|
- <div class="count_modify">
|
|
|
- <span class="txt">수량</span>
|
|
|
- <form class="form_wrap">
|
|
|
- <div class="form_field">
|
|
|
- <div class="select_custom select_count">
|
|
|
- <div class="combo">
|
|
|
- <input type="hidden" name="chgQty" value="0" th:attr="ordDtlNo=${cancel.ordDtlNo}, ordCanChgQty=${cancel.ordCanChgQty}"/>
|
|
|
- <div class="select">선택</div>
|
|
|
- <ul class="list">
|
|
|
- <li class="selected" qty="0" onclick="fnChangeCancelQty(this);">선택</li>
|
|
|
- <li th:if="${cancel.ordCanChgQty > 0}" th:each="num : ${#numbers.sequence(1,cancel.ordCanChgQty)}" th:attr="qty=${num}" th:text="${num}" onclick="fnChangeCancelQty(this);"></li>
|
|
|
- </ul>
|
|
|
+ <div class="button_box">
|
|
|
+ <div class="count_modify">
|
|
|
+ <span class="txt">수량</span>
|
|
|
+ <form class="form_wrap">
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom select_count">
|
|
|
+ <div class="combo">
|
|
|
+ <input type="hidden" name="chgQty" value="0" th:attr="ordDtlNo=${cancel.ordDtlNo}, ordCanChgQty=${cancel.ordCanChgQty}"/>
|
|
|
+ <div class="select">선택</div>
|
|
|
+ <ul class="list">
|
|
|
+ <li class="selected" qty="0" onclick="fnChangeCancelQty(this);">선택</li>
|
|
|
+ <li th:if="${cancel.ordCanChgQty > 0}" th:each="num : ${#numbers.sequence(1,cancel.ordCanChgQty)}" th:attr="qty=${num}" th:text="${num}" onclick="fnChangeCancelQty(this);"></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="order_text">
|
|
|
+ <p>취소하실 수량을 선택하신 후 주문 취소를 하실 수 있습니다.</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="order_text">
|
|
|
- <p>취소하실 수량을 선택하신 후 주문 취소를 하실 수 있습니다.</p>
|
|
|
- </div>
|
|
|
+ <!-- //주문상품 -->
|
|
|
+ </th:block>
|
|
|
</div>
|
|
|
- <!-- //주문상품 -->
|
|
|
- </th:block>
|
|
|
+ </div>
|
|
|
+ <h4 class="subH3">환불정보</h4>
|
|
|
+ <div class="tbl type6">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="50%">
|
|
|
+ <col width="50%">
|
|
|
+ </colgroup>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>환불 예정 금액</dt>
|
|
|
+ <dd>
|
|
|
+ <div class="price">
|
|
|
+ <span class="return_total_price"><em id="returnAmt">0</em>원</span>
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div class="include_item"> <!-- 할인항목 표기 class명 include_item -->
|
|
|
+ <dt>상품 취소 금액</dt>
|
|
|
+ <dd><em id="goodsCancelAmt">0</em>원</dd>
|
|
|
+ </div>
|
|
|
+ <div class="include_item">
|
|
|
+ <dt>배송비</dt>
|
|
|
+ <dd><em id="deliveryFee">0</em>원</dd>
|
|
|
+ </div>
|
|
|
+ <div class="include_item">
|
|
|
+ <dt>할인 금액 차감</dt>
|
|
|
+ <dd><em id="deductDcAmt">0</em>원</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>환불 수단</dt>
|
|
|
+ <dd th:if="${paymentInfo.pgGb == 'KCP'}" th:text="${paymentInfo.payMeansNm}"></dd>
|
|
|
+ <dd th:if="${paymentInfo.pgGb == 'NAVER'}" th:text="|네이버페이|"></dd>
|
|
|
+ <dd th:if="${paymentInfo.pgGb == 'KAKAO'}" th:text="|카카오페이|"></dd>
|
|
|
+ <dd th:if="${paymentInfo.pgGb == 'PAYCO'}" th:text="|PAYCO|"></dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>결제 금액 환불</dt>
|
|
|
+ <dd>
|
|
|
+ <em id="refundPayAmt">0</em>원
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>포인트 환불</dt>
|
|
|
+ <dd>
|
|
|
+ <em id="refundPoint">0</em>P
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>상품권 환불</dt>
|
|
|
+ <dd>
|
|
|
+ <em id="refundGiftCard">0</em>원
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="txt_info">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ 카드사로 결제 취소 요청이 전달된 후 환불까지는 평일 기준 3 ~7일이 소요될 수 있습니다.
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="info_footer_area" id="addDeliveryFee" style="display:none">
|
|
|
+ <p>
|
|
|
+ <span id="addPayCost">2,500원</span> 배송비 추가 결제가 필요합니다.
|
|
|
+ <input type="hidden" name="addPayCost"/>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="btn_footer_area">
|
|
|
+ <button type="button" class="btn btn_default btn_md" onclick="cfnGoToPage(_PAGE_MYPAGE_ORDER_LIST);"><span>취소</span></button>
|
|
|
+ <button type="button" id="btn_refund_pop" class="btn btn_dark btn_md" onclick="fnCancel();"><span>주문 취소</span></button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <h4 class="subH3">환불정보</h4>
|
|
|
- <div class="tbl type6">
|
|
|
- <table>
|
|
|
- <colgroup>
|
|
|
- <col width="50%">
|
|
|
- <col width="50%">
|
|
|
- </colgroup>
|
|
|
- <tr>
|
|
|
- <td>
|
|
|
- <dl>
|
|
|
- <div>
|
|
|
- <dt>환불 예정 금액</dt>
|
|
|
- <dd>
|
|
|
- <div class="price">
|
|
|
- <span class="return_total_price"><em id="returnAmt">0</em>원</span>
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- <div class="include_item"> <!-- 할인항목 표기 class명 include_item -->
|
|
|
- <dt>상품 취소 금액</dt>
|
|
|
- <dd><em id="goodsCancelAmt">0</em>원</dd>
|
|
|
- </div>
|
|
|
- <div class="include_item">
|
|
|
- <dt>배송비</dt>
|
|
|
- <dd><em id="deliveryFee">0</em>원</dd>
|
|
|
- </div>
|
|
|
- <div class="include_item">
|
|
|
- <dt>할인 금액 차감</dt>
|
|
|
- <dd><em id="deductDcAmt">0</em>원</dd>
|
|
|
- </div>
|
|
|
- </dl>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <dl>
|
|
|
- <div>
|
|
|
- <dt>환불 수단</dt>
|
|
|
- <dd th:if="${paymentInfo.pgGb == 'KCP'}" th:text="${paymentInfo.payMeansNm}"></dd>
|
|
|
- <dd th:if="${paymentInfo.pgGb == 'NAVER'}" th:text="|네이버페이|"></dd>
|
|
|
- <dd th:if="${paymentInfo.pgGb == 'KAKAO'}" th:text="|카카오페이|"></dd>
|
|
|
- <dd th:if="${paymentInfo.pgGb == 'PAYCO'}" th:text="|PAYCO|"></dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>결제 금액 환불</dt>
|
|
|
- <dd>
|
|
|
- <em id="refundPayAmt">0</em>원
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>포인트 환불</dt>
|
|
|
- <dd>
|
|
|
- <em id="refundPoint">0</em>P
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>상품권 환불</dt>
|
|
|
- <dd>
|
|
|
- <em id="refundGiftCard">0</em>원
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- </dl>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div class="txt_info">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- 카드사로 결제 취소 요청이 전달된 후 환불까지는 평일 기준 3 ~7일이 소요될 수 있습니다.
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="info_footer_area" id="addDeliveryFee" style="display:none">
|
|
|
- <p>
|
|
|
- <span id="addPayCost">2,500원</span> 배송비 추가 결제가 필요합니다.
|
|
|
- <input type="hidden" name="addPayCost"/>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="btn_footer_area">
|
|
|
- <button type="button" class="btn btn_default btn_md" onclick="cfnGoToPage(_PAGE_MYPAGE_ORDER_LIST);"><span>취소</span></button>
|
|
|
- <button type="button" id="btn_refund_pop" class="btn btn_dark btn_md" onclick="fnCancel();"><span>주문 취소</span></button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
<!-- // CONT-BODY -->
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- 환불계좌 등록 팝업 -->
|
|
|
+ <div class="modal fade refund_pop" id="refundPop" tabindex="-1" role="dialog" aria-labelledby="refundLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content"></div>
|
|
|
+ </div>
|
|
|
+ <a href="#close-modal" rel="modal:close" id="refundPop_close" class="close-modal">Close</a>
|
|
|
+ <a href="#close-modal" rel="modal:close" class="close-modal ">Close</a>
|
|
|
+ </div>
|
|
|
+ <!-- //환불계좌 등록 팝업 -->
|
|
|
</div>
|
|
|
<script src="/ux/plugins/gaga/gaga.paging.js"></script>
|
|
|
<script th:inline="javascript">
|
|
|
@@ -248,9 +260,29 @@
|
|
|
let accountNm = $('input[name=accountNm]').val();
|
|
|
let bankCd = $('input[name=bankCd]').val();
|
|
|
|
|
|
- if (paymentInfo.payMeans == 'G014_20' && paymentInfo.payStat == 'G016_00' && (gagajf.isNull(accountNo) || gagajf.isNull(accountNm) || gagajf.isNull(bankCd))) {
|
|
|
- // TODO
|
|
|
- // 환불계좌 등록 팝업
|
|
|
+ if (paymentInfo.payMeans == 'G014_20' && paymentInfo.payStat == 'G016_30' && (gagajf.isNull(accountNo) || gagajf.isNull(accountNm) || gagajf.isNull(bankCd))) {
|
|
|
+ let data = {};
|
|
|
+ data.ordNo = oneData.ordNo;
|
|
|
+ data.accountNm = oneData.accountNm;
|
|
|
+
|
|
|
+ let jsonData = JSON.stringify(data);
|
|
|
+
|
|
|
+ $.ajax( {
|
|
|
+ type : "POST",
|
|
|
+ url : '/mypage/refund/account/register/popup/form',
|
|
|
+ data : jsonData,
|
|
|
+ dataType : 'html',
|
|
|
+ beforeSend : function(xhr, settings) {
|
|
|
+ xhr.setRequestHeader("AJAX" , "true");
|
|
|
+ xhr.setRequestHeader('Accept' , 'application/json');
|
|
|
+ xhr.setRequestHeader('Content-Type' , 'application/json');
|
|
|
+ gagajf.showProgressbar(true);
|
|
|
+ },
|
|
|
+ success : function(result) {
|
|
|
+ $("#refundPop .modal-dialog .modal-content").html(result);
|
|
|
+ $("#refundPop").modal("show");
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
return false;
|
|
|
}
|
|
|
@@ -393,6 +425,17 @@
|
|
|
|
|
|
return refundGiftCard;
|
|
|
}
|
|
|
+
|
|
|
+ // 환불계좌 등록 콜백 처리
|
|
|
+ var fnRegisterAccountCallback = function(result) {
|
|
|
+ // 환불계좌 정보 설정
|
|
|
+ $('#cancelForm input[name=accountNo]').val(result.accountNo);
|
|
|
+ $('#cancelForm input[name=accountNm]').val(result.accountNm);
|
|
|
+ $('#cancelForm input[name=bankCd]').val(result.bankCd);
|
|
|
+
|
|
|
+ // 취소처리
|
|
|
+ fnCancel();
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
</th:block>
|