|
@@ -0,0 +1,1720 @@
|
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
|
+<html lang="ko" xmlns:th="http://www.thymeleaf.org"
|
|
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
|
|
+ layout:decorator="web/common/layout/DefaultLayoutWeb">
|
|
|
|
|
+<!--
|
|
|
|
|
+ *******************************************************************************
|
|
|
|
|
+ * @source : OrderFormWeb.html
|
|
|
|
|
+ * @desc : 주문/결제 Page
|
|
|
|
|
+ *============================================================================
|
|
|
|
|
+ * STYLE24
|
|
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
|
|
+ *============================================================================
|
|
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
|
|
+ * === =========== ========== =============================================
|
|
|
|
|
+ * 1.0 2021.02.01 jsh77b 최초 작성
|
|
|
|
|
+ *******************************************************************************
|
|
|
|
|
+ -->
|
|
|
|
|
+<body>
|
|
|
|
|
+<th:block layout:fragment="content">
|
|
|
|
|
+
|
|
|
|
|
+<link rel="stylesheet" type="text/css" href="/ux/pc/css/swiper.min.css">
|
|
|
|
|
+<script type="text/javascript" src="/ux/pc/js/swiper.min.js"></script>
|
|
|
|
|
+<script type="text/javascript" src="/ux/pc/js/slick.min.js"></script>
|
|
|
|
|
+<script type="text/javascript" src="/ux/pc/js/jquery-ui.js"></script>
|
|
|
|
|
+
|
|
|
|
|
+<!-- xodud1202 -->
|
|
|
|
|
+
|
|
|
|
|
+<!-- // xodud1202 -->
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+<!-- card007 -->
|
|
|
|
|
+
|
|
|
|
|
+<!-- // card007 -->
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+<!-- container -->
|
|
|
|
|
+<form id="payForm" name="payForm">
|
|
|
|
|
+ <input type="hidden" name="delvMemo" th:value="${deliveryAddrInfo.delvMemo}">
|
|
|
|
|
+
|
|
|
|
|
+ <div id="container" class="container od">
|
|
|
|
|
+ <div class="wrap">
|
|
|
|
|
+ <div class="content odPayment">
|
|
|
|
|
+ <!-- 페이지특정 클래스 = odPayment -->
|
|
|
|
|
+ <div class="cont_head">
|
|
|
|
|
+ <h2>주문/결제</h2>
|
|
|
|
|
+ <div class="oder_steps">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li>01 쇼핑백</li>
|
|
|
|
|
+ <li class="on">02 주문/결제</li>
|
|
|
|
|
+ <li>03 주문완료</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="cont_body">
|
|
|
|
|
+ <!-- CONT-BODY -->
|
|
|
|
|
+ <form class="form_wrap">
|
|
|
|
|
+ <div class="od_cont">
|
|
|
|
|
+ <div class="sec_head">
|
|
|
|
|
+ <div class="tbl type4">
|
|
|
|
|
+ <table>
|
|
|
|
|
+ <colgroup>
|
|
|
|
|
+ <col width="240">
|
|
|
|
|
+ <col width="*">
|
|
|
|
|
+ </colgroup>
|
|
|
|
|
+ <tbody>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <th>총 <span class="c_primary bold" th:text="${delvFeeTotCnt}"></span> 건으로 나뉘어 배송 예정</th>
|
|
|
|
|
+ <td class="t_l">
|
|
|
|
|
+ <span>총알배송<em class="c_primary bold" th:text="${wmsCnt}" id="shotDelv"></em>건</span>
|
|
|
|
|
+ <span>STYLE24<em class="c_primary bold" th:text="${wmsCnt}" id="wmsDelv"></em>건</span>
|
|
|
|
|
+ <span>업체직배송<em class="c_primary bold" th:text="${delvCnt}"></em>건</span>
|
|
|
|
|
+ <span>예약배송<em class="c_primary bold" th:text="${resCnt}"></em>건</span>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </tbody>
|
|
|
|
|
+ </table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="sec_body">
|
|
|
|
|
+ <!-- -->
|
|
|
|
|
+ <div class="foldGroup">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ <li class="fold_mbinfo" id="custemerInfo">
|
|
|
|
|
+ <!-- 주문고객정보 -->
|
|
|
|
|
+ <div class="fold_head">
|
|
|
|
|
+ <a href="javascript:void(0)">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="fold_tit">
|
|
|
|
|
+ <span>주문고객</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="data">
|
|
|
|
|
+ <span th:text="${custemerInfo.custNm}"></span>
|
|
|
|
|
+ <span th:text="${custemerInfo.email}"></span>
|
|
|
|
|
+ <span th:text="${custemerInfo.cellPhnno}"></span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="fold_cont" style="display: none;">
|
|
|
|
|
+ <div class="area_mbinfo">
|
|
|
|
|
+ <dl>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>
|
|
|
|
|
+ <span class="sr-only">주문자명</span>
|
|
|
|
|
+ </dt>
|
|
|
|
|
+ <dd th:text="${custemerInfo.custNm}"></dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>
|
|
|
|
|
+ <span class="sr-only">이메일</span>
|
|
|
|
|
+ </dt>
|
|
|
|
|
+ <dd th:text="${custemerInfo.email}">/dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>
|
|
|
|
|
+ <span class="sr-only">휴대폰 번호</span>
|
|
|
|
|
+ </dt>
|
|
|
|
|
+ <dd>
|
|
|
|
|
+ <span th:text="${custemerInfo.cellPhnno}"></span>
|
|
|
|
|
+ <th:block th:if="${custemerInfo.ci} == null or ${custemerInfo.ci} == ''">
|
|
|
|
|
+ <button type="button" class="btn_popup" id="">
|
|
|
|
|
+ <span>본인인증하기</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div> <!-- //주문고객정보 -->
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="fold_mbinfo" id="deliveryAddrInfo">
|
|
|
|
|
+ <!-- 배송지정보 -->
|
|
|
|
|
+ <div class="fold_head">
|
|
|
|
|
+ <a href="javascript:void(0)">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="fold_tit">
|
|
|
|
|
+ <span>배송지 정보</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="data" th:text="${deliveryAddrInfo.recipBaseAddr} + ${deliveryAddrInfo.recipDtlAddr}"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="fold_cont" style="display: none;">
|
|
|
|
|
+ <div class="area_mbinfo">
|
|
|
|
|
+ <dl>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt><span class="sr-only">배송지명</span></dt>
|
|
|
|
|
+ <dd>
|
|
|
|
|
+ <span th:text="${deliveryAddrInfo.delvAddrNm}"></span>
|
|
|
|
|
+ <span class="icon_tag">
|
|
|
|
|
+ <em class="tag_stype1">기본 배송지</em>
|
|
|
|
|
+ <em class="tag_stype2">총알배송</em>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>
|
|
|
|
|
+ <span class="sr-only">배송주소</span>
|
|
|
|
|
+ </dt>
|
|
|
|
|
+ <dd>
|
|
|
|
|
+ <span th:text="${deliveryAddrInfo.recipBaseAddr} + ${deliveryAddrInfo.recipDtlAddr}"></span>
|
|
|
|
|
+ <button type="button" class="btn_popup" id="btn_adrsChange_pop">
|
|
|
|
|
+ <span>배송지 선택</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>
|
|
|
|
|
+ <span class="sr-only">휴대폰 번호</span>
|
|
|
|
|
+ </dt>
|
|
|
|
|
+ <dd th:text="${custemerInfo.cellPhnno}"></dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>배송요청 사항</dt>
|
|
|
|
|
+ <dd>
|
|
|
|
|
+ <span th:text="${deliveryAddrInfo.delvMemo}" id="delvMemo"></span>
|
|
|
|
|
+ <button type="button" class="btn_popup" id="btn_rqstModify_pop">
|
|
|
|
|
+ <span>변경하기</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 해외배송상품일 경우 노출 -->
|
|
|
|
|
+ <div class="area_overseas">
|
|
|
|
|
+ <dl>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>개인통관고유부호</dt>
|
|
|
|
|
+ <dd>
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="radio" name="rdi-overseas" id="rdi-overs1" checked>
|
|
|
|
|
+ <label for="rdi-overs1"><span>받는사람 개인통관고유부호</span></label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="radio" name="rdi-overseas" id="rdi-overs2">
|
|
|
|
|
+ <label for="rdi-overs2"><span>입력 안 함</span></label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info_box overs1">
|
|
|
|
|
+ <div class="input_wrap">
|
|
|
|
|
+ <input type="text" class="form_control err" maxlength="13" placeholder="P로 시작하는 13자리">
|
|
|
|
|
+ <!-- 유효하지 않은 개인통관고유부호 일때 class명 'err' 추가 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="t_err">개인통관고유부호가 유효하지 않습니다.</div>
|
|
|
|
|
+ <!-- 유효하지 않은 개인통관고유부호 일때 노출 -->
|
|
|
|
|
+ <div class="agree_overs">
|
|
|
|
|
+ <input id="chk-overs-agr" type="checkbox" checked="">
|
|
|
|
|
+ <label for="chk-overs-agr">
|
|
|
|
|
+ <span>
|
|
|
|
|
+ 위 정보는 원활한 통관을 위해 수집 및 판매자에게 제공하며,계속 사용하도록 안전하게 STYLE24에서 저장 / 관리 합니다.
|
|
|
|
|
+ <em class="tmark_required">(필수)</em>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info_box overs2" style="display: none;">
|
|
|
|
|
+ <p>개인통관고유부호를 입력하지 않아도 관세사무소에서 개인정보 확인을 위해 별도 연락을 드릴 예정입니다.</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info_txt">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li>물품가액이 $150초과할 경우 관/부과세가 발생 할 수 있습니다.</li>
|
|
|
|
|
+ <li>물품 종류와 해외공급자 관계없이 같은 날 입항하게 되면 합산과세 대상이 됩니다.</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- //해외배송상품일 경우 노출 -->
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 주문제작상품일 경우 노출 -->
|
|
|
|
|
+ <div class="area_customitem">
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div class="agree_custom">
|
|
|
|
|
+ <input id="chk-custom-agr1" type="checkbox" checked="">
|
|
|
|
|
+ <label for="chk-custom-agr1">
|
|
|
|
|
+ <span>고객님께서 주문하신 상품에는 주문제작상품이 포함되어 있습니다.<br>주문제작상품에 대한 안내를 확인하였으며 배송에 동의합니다.
|
|
|
|
|
+ <em class="tmark_required">(필수)</em>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info_txt">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li>주문 제작 상품은 주문 후 제작이 진행되며, 제작 완료 후 배송이 시작됩니다.</li>
|
|
|
|
|
+ <li>주문 제작 상품의 특성상 주문 완료 후 취소/교환이 불가능합니다. (상품 하자에 한해 가능)</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- //주문제작상품일 경우 노출 -->
|
|
|
|
|
+ </div> <!-- //배송지정보 -->
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 사은품선택 -->
|
|
|
|
|
+ <th:block th:if="${freegiftList != null && #lists.size(freegiftList) > 0}">
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <div class="fold_head">
|
|
|
|
|
+ <a href="javascript:void(0)">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="fold_tit">
|
|
|
|
|
+ <span>사은품 선택</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="data">
|
|
|
|
|
+ <span>사은품 총 <em class="total_gift">0</em> 개 선택</span>
|
|
|
|
|
+ <span><em class="total_deduct">0</em> P 차감</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="fold_cont" style="display: none;">
|
|
|
|
|
+ <div class="area_selgift">
|
|
|
|
|
+ <th:block th:each="freegift, i : ${freegiftList}">
|
|
|
|
|
+ <div class="gift_box">
|
|
|
|
|
+ <p class="txt">
|
|
|
|
|
+ <span th:text="'사은품선택' + ${i.count} + '' + ${freegift.freegiftNm}"></span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <th:block th:each="freegiftGoods, k : ${freegiftGoodsList}">
|
|
|
|
|
+ <th:block th:if="${freegift.freegiftSq} == ${freegiftGoods.freegiftSq}">
|
|
|
|
|
+ <div class="gift">
|
|
|
|
|
+ <input type="radio" th:name="'rdi-gift'+${i.count}" th:id="'rdi-gift'+${i.count}+${k.count}" class="chk_img freegiftRdo" th:value="${freegiftGoods.freegiftValSq}" th:usepoint="${freegiftGoods.usePoint}">
|
|
|
|
|
+ <label th:for="'rdi-gift'+${i.count}+${k.count}">
|
|
|
|
|
+ <span class="thumb"><img src="http://ts5000.ipdisk.co.kr:89/images/pc/thumb/tmp_gift1.jpg" width="" alt=""></span>
|
|
|
|
|
+ <span class="name" th:text="${freegiftGoods.goodsNm}"></span>
|
|
|
|
|
+ <span th:if="${freegiftGoods.usePoint} < 1" class="deduct" th:text="무료"></span>
|
|
|
|
|
+ <span th:if="${freegiftGoods.usePoint} > 0" class="deduct" th:text="|- ${freegiftGoods.usePoint} P|"></span>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <div class="gift">
|
|
|
|
|
+ <input type="radio" th:name="'rdi-gift'+${i.count}" th:id="${i.count}+'0'" class="chk_img freegiftRdo" value="noSel" usepoint="0">
|
|
|
|
|
+ <label th:for="${i.count}+'0'">
|
|
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/tmp_gift_empty.jpg" width=""alt=""></span>
|
|
|
|
|
+ <span class="name">사은품 수령안함</span>
|
|
|
|
|
+ <span class="deduct">수령거부</span>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div class="agree_gift">
|
|
|
|
|
+ <p>
|
|
|
|
|
+ <input id="chk-agree_gift" type="checkbox">
|
|
|
|
|
+ <label for="chk-agree_gift"><span>동의합니다</span></label>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <p class="txt">
|
|
|
|
|
+ 사은품 지금에 대한 내용을 확인하였으며, 이에 동의합니다.
|
|
|
|
|
+ <button type="button" class="btn_link_popup" id="btn_infoGift_pop">
|
|
|
|
|
+ <span>보기</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div> <!-- //사은품선택 -->
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <!-- 할인/혜택 사용 -->
|
|
|
|
|
+ <div class="fold_head">
|
|
|
|
|
+ <a href="javascript:void(0)">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="fold_tit">
|
|
|
|
|
+ <span>할인/혜택 사용</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="data maxdisc">
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <input id="chk-maxdisc" type="checkbox" checked="">
|
|
|
|
|
+ <label for="chk-maxdisc">
|
|
|
|
|
+ <span>최대 할인혜택을 바로 적용하세요 <em class="maxdisc_amount"></em></span>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="fold_cont" style="display: none;">
|
|
|
|
|
+ <div class="area_seldiscount">
|
|
|
|
|
+ <dl>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt><span class="mid">할인코드</span></dt>
|
|
|
|
|
+ <dd>
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div class="input_wrap">
|
|
|
|
|
+ <input type="text" id="serialCpnNm" class="form_control" maxlength="13" placeholder="할인코드를 입력해주세요.">
|
|
|
|
|
+ <button type="button" class="btn btn_dark" onclick="serialCpnApply()">적용</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>할인쿠폰</dt>
|
|
|
|
|
+ <dd>
|
|
|
|
|
+ <a href="javascript:void(0);" class="btn_coupon_toggle">할인쿠폰 <span id="cpnApplyCnt"></span>적용</a>
|
|
|
|
|
+ <div class="coupon_list">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <!-- 상품쿠폰 -->
|
|
|
|
|
+ <th:block th:each="goods, i : ${goodsApplyCpnList}">
|
|
|
|
|
+ <th:block th:if="${goods.goodsCpnList.size() > 0}">
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <div class="coupon">
|
|
|
|
|
+ <div class="item_gd">
|
|
|
|
|
+ <figure>
|
|
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
|
|
+ <figcaption>
|
|
|
|
|
+ <div class="brand" th:text="${goods.brandEnm}+' '+${goods.brandKnm}"></div>
|
|
|
|
|
+ <div class="name" th:text="${goods.goodsNm}"></div>
|
|
|
|
|
+ <div class="price">
|
|
|
|
|
+ <th:block th:if="${goods.tmtbDcAmt} > 0">
|
|
|
|
|
+ <span class="selling_price" th:text="${#numbers.formatInteger(goods.tmtbDcAmt, 1, 'COMMA')}"></span>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${goods.tmtbDcAmt} < 1">
|
|
|
|
|
+ <span class="selling_price" th:text="${#numbers.formatInteger(goods.currPrice, 1, 'COMMA')}"></span>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </figcaption>
|
|
|
|
|
+ </figure>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div class="select_custom type1">
|
|
|
|
|
+ <div class="combo">
|
|
|
|
|
+ <input type="hidden" name="cpnType" value="goodsCpn"/>
|
|
|
|
|
+ <input type="hidden" name="cpnCartSq" th:value="${goods.cartSq}"/>
|
|
|
|
|
+ <input type="hidden" name="custCpnSq" value="0"/>
|
|
|
|
|
+ <input type="hidden" name="cpnDcAmt" value="0"/>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="select">선택없음</div>
|
|
|
|
|
+ <ul class="list">
|
|
|
|
|
+ <li value="0">선택없음</li>
|
|
|
|
|
+ <th:block th:each="goodsCpn, k : ${goods.goodsCpnList}">
|
|
|
|
|
+ <li th:value="${goodsCpn.custCpnSq}" th:data="${goodsCpn.cpnDcAmt}" th:text="${goodsCpn.cpnNm}"></li>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="cp_discount" style="display:none;">
|
|
|
|
|
+ <span class="cp_amount"></span>
|
|
|
|
|
+ <button type="button" class="btn_del_coupon"><span>쿠폰적용해제</span></button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <!-- 상품쿠폰 -->
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 장바구니쿠폰 -->
|
|
|
|
|
+ <th:block th:if="${cartCpnList.size() > 0}">
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <div class="coupon">
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div class="select_custom type1">
|
|
|
|
|
+ <div class="combo">
|
|
|
|
|
+ <input type="hidden" name="cpnType" value="cartCpn"/>
|
|
|
|
|
+ <input type="hidden" name="custCpnSq" value="0"/>
|
|
|
|
|
+ <input type="hidden" name="cpnDcAmt" value="0"/>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="select">선택없음</div>
|
|
|
|
|
+ <ul class="list">
|
|
|
|
|
+ <li value="0">선택없음</li>
|
|
|
|
|
+ <th:block th:each="cartCpn, k : ${cartCpnList}">
|
|
|
|
|
+ <li th:value="${cartCpn.custCpnSq}" th:data="${cartCpn.cpnDcAmt}">
|
|
|
|
|
+ <th:block th:text="${cartCpn.cpnNm}"></th:block>
|
|
|
|
|
+ <input type="hidden" name="dcWay" th:value="${cartCpn.dcWay}"/>
|
|
|
|
|
+ <input type="hidden" name="dcVal" th:value="${cartCpn.dcVal}"/>
|
|
|
|
|
+ <th:block th:each="cartCpnCartSq, kokok : ${cartCpn.cartCpnCartSqArr}">
|
|
|
|
|
+ <input type="hidden" name="cartCpnCartSq" th:value="${cartCpnCartSq}" />
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="cp_discount">
|
|
|
|
|
+ <span class="cp_amount"></span>
|
|
|
|
|
+ <button type="button" class="btn_del_coupon"><span>쿠폰적용해제</span></button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <!-- 장바구니쿠폰 -->
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 배송비쿠폰 -->
|
|
|
|
|
+ <th:block th:if="${delvCpnList.size() > 0}">
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <div class="coupon">
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div class="select_custom type1">
|
|
|
|
|
+ <div class="combo">
|
|
|
|
|
+ <input type="hidden" name="cpnType" value="delvCpn"/>
|
|
|
|
|
+ <input type="hidden" name="custCpnSq" value="0"/>
|
|
|
|
|
+ <input type="hidden" name="cpnDcAmt" value="0"/>
|
|
|
|
|
+ <input type="hidden" name="delvFeeCd" value="0"/>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="select" value="0">선택없음</div>
|
|
|
|
|
+ <ul class="list">
|
|
|
|
|
+ <li value="0">선택없음</li>
|
|
|
|
|
+ <th:block th:each="delvCpn, k : ${delvCpnList}">
|
|
|
|
|
+ <li th:value="${delvCpn.custCpnSq}" th:data="${delvCpn.cpnDcAmt}" th:delvfeecd="${delvCpn.delvFeeCd}" th:text="${delvCpn.cpnNm}"></li>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="cp_discount">
|
|
|
|
|
+ <span class="cp_amount"></span>
|
|
|
|
|
+ <button type="button" class="btn_del_coupon"><span>쿠폰적용해제</span></button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <!-- 배송비쿠폰 -->
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 선포인트금액, 포인트금액, 상품권금액 0보다 클때 적용 -->
|
|
|
|
|
+ <th:block th:if="${prePntDcAmt} > 0 or ${rmPntAmt} > 0 or ${rmGfcdAmt} > 0">
|
|
|
|
|
+ <div class="area_selpoint">
|
|
|
|
|
+ <dl>
|
|
|
|
|
+ <th:block th:if="${prePntDcAmt} > 0">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>선 포인트 사용</dt>
|
|
|
|
|
+ <dd>
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="radio" name="rdi-beforpoint" id="rdi-beforpoint1">
|
|
|
|
|
+ <label for="rdi-beforpoint1"><span>사용 안함</span></label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="radio" name="rdi-beforpoint" id="rdi-beforpoint2">
|
|
|
|
|
+ <label for="rdi-beforpoint2"><span>사용함</span></label>
|
|
|
|
|
+ <span class="remain_point" th:text="|사용가능 포인트 : ${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')} P|"></span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${rmPntAmt} > 0">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>
|
|
|
|
|
+ <span class="mid">스타일 포인트</span>
|
|
|
|
|
+ </dt>
|
|
|
|
|
+ <dd>
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <!-- 스타일 포인트 3만원 이상 결제시 노출 -->
|
|
|
|
|
+ <th:block th:if="${orgGoodsSumAmt} >= 30000">
|
|
|
|
|
+ <div class="input_wrap">
|
|
|
|
|
+ <input type="text" class="form_control" maxlength="" placeholder="사용할 포인트를 입력해주세요.">
|
|
|
|
|
+ <button type="button" class="btn btn_dark">적용</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- //스타일 포인트 3만원 미만 결제시 노출 -->
|
|
|
|
|
+ <p><span class="remain_point" th:text="|보유 : ${#numbers.formatInteger(rmPntAmt, 1, 'COMMA')} P|"></span>(결제금액의 최대 40%까지 사용가능)</p>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <!-- 스타일 포인트 3만원 이상 결제시 노출 -->
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 스타일 포인트 3만원 미만 결제시 노출 -->
|
|
|
|
|
+ <th:block th:if="${orgGoodsSumAmt} < 30000">
|
|
|
|
|
+ <div class="input_wrap">
|
|
|
|
|
+ <input type="text" class="form_control" maxlength="" placeholder="3만원 이상 결제시에만 포인트 사용이 가능합니다." disabled>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${rmGfcdAmt} > 0">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>
|
|
|
|
|
+ <span class="mid">상품권</span>
|
|
|
|
|
+ </dt>
|
|
|
|
|
+ <dd>
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div class="input_wrap">
|
|
|
|
|
+ <input type="text" class="form_control" maxlength="" placeholder="사용할 금액을 입력해주세요.">
|
|
|
|
|
+ <button type="button" class="btn btn_dark">적용</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p><span class="remain_point" th:text="|보유 : ${#numbers.formatInteger(rmGfcdAmt, 1, 'COMMA')} 원|"></span></p>
|
|
|
|
|
+ <div class="agree_receipt">
|
|
|
|
|
+ <input id="chk-receipt" type="checkbox">
|
|
|
|
|
+ <label for="chk-receipt"><span>상품권 현금영수증 신청</span></label>
|
|
|
|
|
+ <div class="info_box">
|
|
|
|
|
+ <div class="input_wrap">
|
|
|
|
|
+ <input type="text" class="form_control" maxlength="11" placeholder="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </div> <!-- //할인/혜택 사용 -->
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="fold_paymethod">
|
|
|
|
|
+ <!-- 결제수단 선택 -->
|
|
|
|
|
+ <div class="fold_head">
|
|
|
|
|
+ <a href="javascript:void(0)">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="fold_tit"><span>결제수단 선택</span></div>
|
|
|
|
|
+ <div class="data"><span>STYLE24 간편결제</span></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="fold_cont" style="display: none;">
|
|
|
|
|
+ <div class="area_paymethod">
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div class="radio_blk">
|
|
|
|
|
+ <div class="paymethod_radio">
|
|
|
|
|
+ <input type="radio" name="rdi-paymethod" id="rdi-paymethod-quick" value="">
|
|
|
|
|
+ <label for="rdi-paymethod-quick"><span>STYLE24 간편결제</span></label>
|
|
|
|
|
+ <div class="quickpay_bnr">
|
|
|
|
|
+ <span>3초면 결제 끝! 추가 혜택 할인과 함께 만나는 STYLE24 간편결제! 지금 바로 등록하세요!</span>
|
|
|
|
|
+ <button type="button" class="btn_close_bnr">
|
|
|
|
|
+ <span class="sr-only">닫기</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="paymethod_box" style="display: none;">
|
|
|
|
|
+ <div class="card_quickpay">
|
|
|
|
|
+ <!-- 등록카드 없을때 -->
|
|
|
|
|
+ <div class="empty">
|
|
|
|
|
+ <button type="button" class="btn_addcard">
|
|
|
|
|
+ <span>결제수단 등록</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- //등록카드 없을때 -->
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 등록카드 있을때 -->
|
|
|
|
|
+ <div class="list_card swiper-container">
|
|
|
|
|
+ <div class="swiper-wrapper">
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <!-- 등록된 카드 -->
|
|
|
|
|
+ <div class="card">
|
|
|
|
|
+ <span class="logo_samsung">삼성카드</span>
|
|
|
|
|
+ <p class="number">
|
|
|
|
|
+ <span>9410</span> <span>09**</span> <span>****</span>
|
|
|
|
|
+ <span>1287</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <p class="name">삼성개인특별카드</p>
|
|
|
|
|
+ <select name="" id="" class="select_month">
|
|
|
|
|
+ <option value="">일시불</option>
|
|
|
|
|
+ <option value="">2개월 무이자</option>
|
|
|
|
|
+ <option value="">3개월 무이자</option>
|
|
|
|
|
+ <option value="">4개월 무이자</option>
|
|
|
|
|
+ <option value="">5개월 무이자</option>
|
|
|
|
|
+ <option value="">6개월 무이자</option>
|
|
|
|
|
+ <option value="">7개월</option>
|
|
|
|
|
+ <option value="">8개월</option>
|
|
|
|
|
+ <option value="">9개월</option>
|
|
|
|
|
+ <option value="">10개월</option>
|
|
|
|
|
+ <option value="">11개월</option>
|
|
|
|
|
+ <option value="">12개월</option>
|
|
|
|
|
+ </select>
|
|
|
|
|
+ <div class="etc">
|
|
|
|
|
+ <button type="button" class="btn_favorcard">
|
|
|
|
|
+ <span><i class="ico ico_star"></i><em class="sr-only">즐겨찾기</em></span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ <button type="button" class="btn_delcard">
|
|
|
|
|
+ <span><i class="ico ico_trash_wh"></i><em class="sr-only">카드삭제</em></span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- //등록된 카드 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <!-- 등록된 카드 -->
|
|
|
|
|
+ <div class="card">
|
|
|
|
|
+ <span class="logo_hyundai">현대카드</span>
|
|
|
|
|
+ <p class="number">
|
|
|
|
|
+ <span>9410</span> <span>09**</span> <span>****</span>
|
|
|
|
|
+ <span>1287</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <p class="name">현대 M3 카드</p>
|
|
|
|
|
+ <select name="" id="" class="select_month">
|
|
|
|
|
+ <option value="">일시불</option>
|
|
|
|
|
+ <option value="">2개월 무이자</option>
|
|
|
|
|
+ <option value="">3개월 무이자</option>
|
|
|
|
|
+ <option value="">4개월 무이자</option>
|
|
|
|
|
+ <option value="">5개월 무이자</option>
|
|
|
|
|
+ <option value="">6개월 무이자</option>
|
|
|
|
|
+ <option value="">7개월</option>
|
|
|
|
|
+ <option value="">8개월</option>
|
|
|
|
|
+ <option value="">9개월</option>
|
|
|
|
|
+ <option value="">10개월</option>
|
|
|
|
|
+ <option value="">11개월</option>
|
|
|
|
|
+ <option value="">12개월</option>
|
|
|
|
|
+ </select>
|
|
|
|
|
+ <div class="etc">
|
|
|
|
|
+ <button type="button" class="btn_favorcard active">
|
|
|
|
|
+ <span><i class="ico ico_star"></i><em class="sr-only">즐겨찾기</em></span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ <button type="button" class="btn_delcard">
|
|
|
|
|
+ <span><i class="ico ico_trash_wh"></i><em class="sr-only">카드삭제</em></span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- //등록된 카드 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-slide">
|
|
|
|
|
+ <!-- 카드추가버튼 -->
|
|
|
|
|
+ <button type="button" class="btn_addcard">
|
|
|
|
|
+ <span>결제수단 등록</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ <!-- //카드추가버튼 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
|
|
+ <div class="swiper-button-prev"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- //등록카드 있을때 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <ul class="info_quick">
|
|
|
|
|
+ <li>결제수단 등록 한번으로 간편하게 결제하실 수 있습니다.</li>
|
|
|
|
|
+ <li>국내 8개 카드에 대해 이용 가능합니다. (법인카드,기프트카드,해외카드 제외)</li>
|
|
|
|
|
+ <li>일반 신용카드의 할인혜택은 적용되지 않습니다.</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="radio_blk">
|
|
|
|
|
+ <div class="paymethod_radio">
|
|
|
|
|
+ <input type="radio" name="rdi-paymethod" id="rdi-paymethod-normal" value="">
|
|
|
|
|
+ <label for="rdi-paymethod-normal"><span>일반 결제</span></label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="paymethod_box" style="display: none;">
|
|
|
|
|
+ <ul class="sel_method">
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <input type="radio" name="rdi-paynormal" id="rdi-paynormal1" value="">
|
|
|
|
|
+ <label for="rdi-paynormal1"><span>신용카드</span></label>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <input type="radio" name="rdi-paynormal" id="rdi-paynormal2" value="">
|
|
|
|
|
+ <label for="rdi-paynormal2"><span>실시간계좌이체</span></label>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <input type="radio" name="rdi-paynormal" id="rdi-paynormal3" value="">
|
|
|
|
|
+ <label for="rdi-paynormal3"><span>무통장입금</span></label>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <input type="radio" name="rdi-paynormal" id="rdi-paynormal4" value="">
|
|
|
|
|
+ <label for="rdi-paynormal4"><span>휴대폰 결제</span></label>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <input type="radio" name="rdi-paynormal" id="rdi-paynormal5" value="">
|
|
|
|
|
+ <label for="rdi-paynormal5">
|
|
|
|
|
+ <span>
|
|
|
|
|
+ <em class="sr-only">카카오페이 결제</em>
|
|
|
|
|
+ <em class="payimg kakao"></em>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <input type="radio" name="rdi-paynormal" id="rdi-paynormal6" value="">
|
|
|
|
|
+ <label for="rdi-paynormal6">
|
|
|
|
|
+ <span>
|
|
|
|
|
+ <em class="sr-only">네이버페이 결제</em>
|
|
|
|
|
+ <em class="payimg naver"></em>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <input type="radio" name="rdi-paynormal" id="rdi-paynormal7" value="">
|
|
|
|
|
+ <label for="rdi-paynormal7">
|
|
|
|
|
+ <span>
|
|
|
|
|
+ <em class="sr-only">페이코 결제</em>
|
|
|
|
|
+ <em class="payimg payco"></em>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ <div class="agree_insurance">
|
|
|
|
|
+ <input id="chk-insurance" type="checkbox">
|
|
|
|
|
+ <label for="chk-insurance">
|
|
|
|
|
+ <span>소비자 피해 보상보험 신청 <em class="tmark_optional">(선택)</em></span>
|
|
|
|
|
+ <button type="button" class="btn_link_popup" id="">
|
|
|
|
|
+ <span>FAQ확인</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ <p>
|
|
|
|
|
+ ‘전자상거래 등에서의 소비자보호에 관한 법률‘에 따라 현금 결제 시 서울보증보험㈜가 제공하는
|
|
|
|
|
+ 소비자 피해보상보험을<br>신청할 수 있도록 해드리고 있습니다.
|
|
|
|
|
+ (2013.11.28부터 시행)
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div class="agree_paymethod">
|
|
|
|
|
+ <input id="chk-agree_paymethod" type="checkbox">
|
|
|
|
|
+ <label for="chk-agree_paymethod">
|
|
|
|
|
+ <span>선택한 결제수단으로 향후 결제 이용에 동의합니다. <em class="tmark_optional">(선택)</em>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="area_paymentinfo">
|
|
|
|
|
+ <div class="paymentinfo">
|
|
|
|
|
+ <div class="payinfo_blk on">
|
|
|
|
|
+ <a href=""> 개인정보 제공에 대한 동의 <span>닫기</span>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <div class="infotxt">개인정보제공에 대한 동의 내용입니다.개인정보제공에
|
|
|
|
|
+ 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
|
|
|
|
|
+ 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에
|
|
|
|
|
+ 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
|
|
|
|
|
+ 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에
|
|
|
|
|
+ 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
|
|
|
|
|
+ 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에
|
|
|
|
|
+ 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
|
|
|
|
|
+ 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에
|
|
|
|
|
+ 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
|
|
|
|
|
+ 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에
|
|
|
|
|
+ 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
|
|
|
|
|
+ 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에
|
|
|
|
|
+ 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
|
|
|
|
|
+ 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="payinfo_blk">
|
|
|
|
|
+ <a href=""> 결제대행 서비스 약관 동의 <span>보기</span>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <div class="infotxt">결제대행서비스 약관 동의 내용입니다.결제대행서비스
|
|
|
|
|
+ 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
|
|
|
|
|
+ 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스
|
|
|
|
|
+ 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
|
|
|
|
|
+ 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스
|
|
|
|
|
+ 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
|
|
|
|
|
+ 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스
|
|
|
|
|
+ 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
|
|
|
|
|
+ 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스
|
|
|
|
|
+ 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
|
|
|
|
|
+ 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스
|
|
|
|
|
+ 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
|
|
|
|
|
+ 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스
|
|
|
|
|
+ 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
|
|
|
|
|
+ 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="agree_payment">위 주문내역을 확인 하였으며, 회원 본인은 결제에 동의합니다.</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="area_paybtn">
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <button type="button" class="btn btn_primary btn_block">동의 후 123,456,789원 결제하기</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div> <!-- //결제수단 선택 -->
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="od_side">
|
|
|
|
|
+ <div class="area_order">
|
|
|
|
|
+ <div class="tit_box">
|
|
|
|
|
+ <h3 class="subH2">주문내역</h3>
|
|
|
|
|
+ <span> <em class="number" th:text="${delvTotCnt}"></em>개의 상품</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="od_item_box">
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 전체배송목록 sort -->
|
|
|
|
|
+ <th:block th:each="delvAllCart, i : ${delvAllCartList}">
|
|
|
|
|
+ <th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
|
|
|
|
|
+ <div class="part_dlvr">
|
|
|
|
|
+ <th:block th:if="${i.index} == 0">
|
|
|
|
|
+ <th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
|
|
|
|
|
+ <h4 class="subH3 mb20">STYLE24 총알배송<span>오늘 자정까지 도착</span></h4>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${i.index} == 1">
|
|
|
|
|
+ <th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
|
|
|
|
|
+ <h4 class="subH3 mb20" id="wmsDelvTitle">STYLE24 일반배송</h4>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${i.index} == 2">
|
|
|
|
|
+ <th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
|
|
|
|
|
+ <h4 class="subH3 mb20">업체직배송</h4>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${i.index} == 3">
|
|
|
|
|
+ <th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
|
|
|
|
|
+ <h4 class="subH3 mb20">예약배송</h4>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="gd_list">
|
|
|
|
|
+ <th:block th:each="goods, i : ${delvAllCart}">
|
|
|
|
|
+ <div class="item_gd">
|
|
|
|
|
+ <input type="hidden" name="cartSq" th:value="${goods.cartSq}"/>
|
|
|
|
|
+ <input type="hidden" name="currPrice" th:value="${goods.currPrice}"/>
|
|
|
|
|
+
|
|
|
|
|
+ <input type="hidden" name="cpn1CpnSq" th:value="${goods.cpn1CpnSq}"/>
|
|
|
|
|
+ <input type="hidden" name="cpn1DcAmt" th:value="${goods.orgCurrPrice} - ${goods.currPrice}"/>
|
|
|
|
|
+
|
|
|
|
|
+ <th:block th:if="${goods.applyQtySectionYn} == 'Y' and ${goods.qtyTmtbSq} > 0">
|
|
|
|
|
+ <input type="hidden" name="tmtb1Sq" th:value="${goods.qtyTmtbSq}"/>
|
|
|
|
|
+ <input type="hidden" name="tmtb1DcAmt" th:value="${goods.tmtb1DcAmt}"/>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${goods.applyQtySectionYn} != 'Y'">
|
|
|
|
|
+ <input type="hidden" name="tmtb1Sq" value="0"/>
|
|
|
|
|
+ <input type="hidden" name="tmtb1DcAmt" value="0"/>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+
|
|
|
|
|
+ <th:block th:if="${goods.applyAmtSectionYn} == 'Y' and ${goods.amtTmtbSq} > 0">
|
|
|
|
|
+ <input type="hidden" name="tmtb2Sq" th:value="${goods.amtTmtbSq}"/>
|
|
|
|
|
+ <input type="hidden" name="tmtb2DcAmt" th:value="${goods.tmtb2DcAmt}"/>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${goods.applyAmtSectionYn} != 'Y'">
|
|
|
|
|
+ <input type="hidden" name="tmtb2Sq" value="0"/>
|
|
|
|
|
+ <input type="hidden" name="tmtb2DcAmt" value="0"/>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+
|
|
|
|
|
+ <input type="hidden" name="goodsCpnSq" value=""/>
|
|
|
|
|
+ <input type="hidden" name="goodsCpnDcAmt" value=""/>
|
|
|
|
|
+ <input type="hidden" name="cartCpnSq" value=""/>
|
|
|
|
|
+ <input type="hidden" name="cartCpnDcAmt" value=""/>
|
|
|
|
|
+
|
|
|
|
|
+ <figure>
|
|
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
|
|
+ <figcaption>
|
|
|
|
|
+ <div class="brand" th:text="${goods.brandEnm} + ' ' + ${goods.brandKnm}"></div>
|
|
|
|
|
+ <div class="name" th:text="${goods.goodsNm}"></div>
|
|
|
|
|
+ <div class="option" th:each="opt, index : ${goods.itemNmArr}">
|
|
|
|
|
+ <span th:text="${goods.optCdArr[index.index]}"></span>
|
|
|
|
|
+ <span>수량:<em th:text="${goods.goodsQty}"></em>개</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="price">
|
|
|
|
|
+ <th:block th:if="${goods.tmtbDcAmt} > 0">
|
|
|
|
|
+ <span class="selling_price" th:text="${#numbers.formatInteger(goods.tmtbDcAmt, 1, 'COMMA')}"></span>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${goods.tmtbDcAmt} < 1">
|
|
|
|
|
+ <span class="selling_price" th:text="${#numbers.formatInteger(goods.currPrice, 1, 'COMMA')}"></span>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </figcaption>
|
|
|
|
|
+ </figure>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <!-- //전체배송목록 sort -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="od_amount_box">
|
|
|
|
|
+ <dl>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="hidden" name="goodsSumAmt" th:value="${orgGoodsSumAmt}"/>
|
|
|
|
|
+ <dt>상품금액</dt>
|
|
|
|
|
+ <dd id="goodsSumAmt" th:text="|${#numbers.formatInteger(orgGoodsSumAmt, 1, 'COMMA')}원|"></dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="hidden" name="delvSumAmt" th:value="${sumDelvFee}"/>
|
|
|
|
|
+ <dt>배송비</dt>
|
|
|
|
|
+ <dd id="delvSumAmt" th:text="|${#numbers.formatInteger(sumDelvFee, 1, 'COMMA')}원|"></dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="hidden" name="cpn1DcSumAmt" th:value="${cpn1DcSumAmt}"/>
|
|
|
|
|
+ <dt>할인금액</dt>
|
|
|
|
|
+ <th:block th:if="${cpn1DcSumAmt} > 0">
|
|
|
|
|
+ <dd><span class="disc_amount" id="cpn1DcSumAmt" th:text="|-${#numbers.formatInteger(cpn1DcSumAmt, 1, 'COMMA')}원|"></span></dd>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${cpn1DcSumAmt} < 1">
|
|
|
|
|
+ <dd><span class="disc_amount" id="cpn1DcSumAmt" th:text="|${#numbers.formatInteger(cpn1DcSumAmt, 1, 'COMMA')}원|"></span></dd>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="hidden" name="tmtbDcSumAmt" th:value="${tmtbDcSumAmt}"/>
|
|
|
|
|
+ <dt>다다익선할인금액</dt>
|
|
|
|
|
+ <th:block th:if="${tmtbDcSumAmt} > 0">
|
|
|
|
|
+ <dd><span class="disc_amount" id="tmtbDcSumAmt" th:text="|-${#numbers.formatInteger(tmtbDcSumAmt, 1, 'COMMA')}원|"></span></dd>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${tmtbDcSumAmt} < 1">
|
|
|
|
|
+ <dd><span class="disc_amount" id="tmtbDcSumAmt" th:text="|${#numbers.formatInteger(tmtbDcSumAmt, 1, 'COMMA')}원|"></span></dd>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="hidden" name="couponDcSumAmt" value="0"/>
|
|
|
|
|
+ <dt>쿠폰할인금액</dt>
|
|
|
|
|
+ <dd><span class="disc_amount" id="couponDcSumAmt"></span></dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="hidden" name="prePntDcAmt" th:value="${prePntDcAmt}"/>
|
|
|
|
|
+ <dt>선포인트 사용</dt>
|
|
|
|
|
+ <th:block th:if="${prePntDcAmt} > 0">
|
|
|
|
|
+ <dd><span class="disc_amount" id="prePntDcSumAmt" th:text="|-${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')}원|"></span></dd>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ <th:block th:if="${prePntDcAmt} < 1">
|
|
|
|
|
+ <dd><span class="disc_amount" id="prePntDcSumAmt" th:text="|${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')}원|"></span></dd>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="hidden" name="pntDcAmt" value="0"/>
|
|
|
|
|
+ <dt>포인트 사용</dt>
|
|
|
|
|
+ <dd><span class="disc_amount" id="pntDcAmt">0원</span></dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <input type="hidden" name="gfcdUseAmt" value="0"/>
|
|
|
|
|
+ <dt>상품권 사용</dt>
|
|
|
|
|
+ <dd><span class="disc_amount" id="gfcdUseSumAmt">0원</span></dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="totalprice_box">
|
|
|
|
|
+ <dl>
|
|
|
|
|
+ <dt>총 결제 예정 금액</dt>
|
|
|
|
|
+ <dd data-weight="price" data-font="lato">
|
|
|
|
|
+ <span id="realOrdAmt"></span>원
|
|
|
|
|
+ </dd>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ <p class="info_point">스타일 포인트
|
|
|
|
|
+ <input type="hidden" name="savePntSumAmt" th:value="${savePntSumAmt}"/>
|
|
|
|
|
+ <span class="save_point" id="savePntSumAmt" th:text="|${#numbers.formatInteger(savePntSumAmt, 1, 'COMMA')}P|"></span> 적립예정
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </form>
|
|
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</form>
|
|
|
|
|
+
|
|
|
|
|
+<!-- // container -->
|
|
|
|
|
+<footer id="footer"></footer>
|
|
|
|
|
+
|
|
|
|
|
+<!-- 배송지변경팝업 -->
|
|
|
|
|
+<div class="modal fade od_pop adrsChange_pop" id="adrsChangePop" tabindex="-1" role="dialog" aria-labelledby="adrsChangeLabel" aria-hidden="true"></div>
|
|
|
|
|
+
|
|
|
|
|
+<!-- 배송지수정팝업 -->
|
|
|
|
|
+<div class="modal fade od_pop adrsModify_pop" id="adrsModifyPop" tabindex="-1" role="dialog" aria-labelledby="adrsModifyLabel" aria-hidden="true"></div>
|
|
|
|
|
+
|
|
|
|
|
+<!-- 배송지추가팝업 -->
|
|
|
|
|
+<div class="modal fade od_pop adrsAdd_pop" id="adrsAddPop" tabindex="-1" role="dialog" aria-labelledby="adrsAddLabel" aria-hidden="true"></div>
|
|
|
|
|
+
|
|
|
|
|
+<!-- 배송요청사항수정 팝업 -->
|
|
|
|
|
+<div class="modal fade od_pop rqstModify_pop" id="rqstModifyPop" tabindex="-1" role="dialog" aria-labelledby="rqstModifyLabel" aria-hidden="true"></div>
|
|
|
|
|
+
|
|
|
|
|
+<!-- 사은품지급안내 팝업 -->
|
|
|
|
|
+<div class="modal fade od_pop infoGift_pop" id="infoGiftPop" tabindex="-1" role="dialog" aria-labelledby="infoGiftLabel" aria-hidden="true"></div>
|
|
|
|
|
+
|
|
|
|
|
+<script th:inline="javascript">
|
|
|
|
|
+
|
|
|
|
|
+$(document).ready( function() {
|
|
|
|
|
+
|
|
|
|
|
+ // 배송지변경 팝업열기
|
|
|
|
|
+ $(document).on('click','#btn_adrsChange_pop',function(e){
|
|
|
|
|
+ $.ajax( {
|
|
|
|
|
+ type : "POST",
|
|
|
|
|
+ url : '/order/delvAddrChangePop',
|
|
|
|
|
+ dataType : 'html',
|
|
|
|
|
+ success : function(result) {
|
|
|
|
|
+ if (result != null) {
|
|
|
|
|
+ $("#adrsChangePop").html(result);
|
|
|
|
|
+ $("#adrsChangePop").modal("show");
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 배송지추가 팝업열기
|
|
|
|
|
+ $(document).on('click','#btn_addrAdd_pop',function(e){
|
|
|
|
|
+ $.ajax( {
|
|
|
|
|
+ type : "POST",
|
|
|
|
|
+ url : '/order/delvAddrAddPop',
|
|
|
|
|
+ dataType : 'html',
|
|
|
|
|
+ success : function(result) {
|
|
|
|
|
+ if (result != null) {
|
|
|
|
|
+ $("#adrsAddPop").html(result);
|
|
|
|
|
+ $("#adrsAddPop").modal("show");
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 배송지수정 팝업열기
|
|
|
|
|
+ $("#btn_addrModify_pop").on("click", function(e){
|
|
|
|
|
+ $.ajax( {
|
|
|
|
|
+ type : "POST",
|
|
|
|
|
+ url : '/order/delvAddrModifyPop',
|
|
|
|
|
+ dataType : 'html',
|
|
|
|
|
+ success : function(result) {
|
|
|
|
|
+ if (result != null) {
|
|
|
|
|
+ $("#adrsModifyPop").html(result);
|
|
|
|
|
+ $("#adrsModifyPop").modal("show");
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 배송요청사항 팝업열기
|
|
|
|
|
+ $("#btn_rqstModify_pop").on("click", function(e){
|
|
|
|
|
+ var jsonObj = new Object();
|
|
|
|
|
+ jsonObj.delvMemo = $("input[name='delvMemo']").val();
|
|
|
|
|
+
|
|
|
|
|
+ $.ajax({
|
|
|
|
|
+ type : "POST",
|
|
|
|
|
+ url : "/order/delvMemoChangePop",
|
|
|
|
|
+ data : jsonObj,
|
|
|
|
|
+ dataType : "html",
|
|
|
|
|
+ success : function(result) {
|
|
|
|
|
+ if (result != null) {
|
|
|
|
|
+ $("#rqstModifyPop").html(result);
|
|
|
|
|
+ $("#rqstModifyPop").modal("show");
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 해외배송 입력
|
|
|
|
|
+ $(document).on('change','.odPayment .area_overseas #rdi-overs1', function(e){
|
|
|
|
|
+ $('.info_box.overs2').hide();
|
|
|
|
|
+ $('.info_box.overs1').show();
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }).on('change','.odPayment .area_overseas #rdi-overs2', function(e){
|
|
|
|
|
+ $('.info_box.overs1').hide();
|
|
|
|
|
+ $('.info_box.overs2').show();
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 사은품지급안내 팝업열기
|
|
|
|
|
+ $("#btn_infoGift_pop").on("click",function(e){
|
|
|
|
|
+ $.ajax({
|
|
|
|
|
+ type : "POST",
|
|
|
|
|
+ url : "/order/freegiftInfoPop",
|
|
|
|
|
+ dataType : "html",
|
|
|
|
|
+ success : function(result) {
|
|
|
|
|
+ if (result != null) {
|
|
|
|
|
+ $("#infoGiftPop").html(result);
|
|
|
|
|
+ $("#infoGiftPop").modal("show");
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 할인쿠폰 확인
|
|
|
|
|
+ $(document).on('click','.odPayment .area_seldiscount .btn_coupon_toggle',function(e){
|
|
|
|
|
+ $('.coupon_list').toggle();
|
|
|
|
|
+ $(this).toggleClass('on');
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 결제수단 선택
|
|
|
|
|
+ $(document).on('change','.odPayment .area_paymethod .paymethod_radio input',function(e){
|
|
|
|
|
+ $('.radio_blk').removeClass('on');
|
|
|
|
|
+ $(this).parents('.radio_blk').addClass('on');
|
|
|
|
|
+ $(this).parents('.radio_blk').find('.paymethod_box').show();
|
|
|
|
|
+ $(this).parents('.radio_blk').siblings('div').find('.paymethod_box').hide();
|
|
|
|
|
+
|
|
|
|
|
+ var paymethodlabel = $(this).prop('labels');
|
|
|
|
|
+ $(this).parents('li').find('.fold_head .data span').text($(paymethodlabel).text());
|
|
|
|
|
+
|
|
|
|
|
+ // 간편결제 카드추가 슬라이드
|
|
|
|
|
+ var swiper = new Swiper('.paymethod_box .card_quickpay .list_card', {
|
|
|
|
|
+ slidesPerView: 'auto',
|
|
|
|
|
+ spaceBetween: 160,
|
|
|
|
|
+ centeredSlides: true,
|
|
|
|
|
+ navigation: {
|
|
|
|
|
+ nextEl: '.list_card .swiper-button-next',
|
|
|
|
|
+ prevEl: '.list_card .swiper-button-prev',
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // STYLE24 간편결제 배너닫기
|
|
|
|
|
+ $(document).on('click','.odPayment .area_paymethod .quickpay_bnr .btn_close_bnr',function(e){
|
|
|
|
|
+ $('.quickpay_bnr').hide();
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 결제수단 선택 > 즐겨찾기 추가시
|
|
|
|
|
+ $(document).on('click','.odPayment .area_paymethod .paymethod_box .card .etc .btn_favorcard',function(e){
|
|
|
|
|
+ $(this).toggleClass('active');
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 결제수단 > 일반결제> 실시간계좌이체 선택시
|
|
|
|
|
+ $(document).on('change','.odPayment input:radio[name=rdi-paynormal]',function(e){
|
|
|
|
|
+ var paynormalValue = $(this).attr('id');
|
|
|
|
|
+
|
|
|
|
|
+ if (paynormalValue == 'rdi-paynormal2') {
|
|
|
|
|
+ $('.area_paymethod .agree_insurance').show();
|
|
|
|
|
+ } else {
|
|
|
|
|
+ $('.area_paymethod .agree_insurance').hide();
|
|
|
|
|
+ }
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 개인정보동의 열고닫기
|
|
|
|
|
+ $(document).on('click','.area_paymentinfo .payinfo_blk a',function(e){
|
|
|
|
|
+ e.preventDefault();
|
|
|
|
|
+ $(this).parents('.payinfo_blk').toggleClass('on');
|
|
|
|
|
+ var privacyToggle = $(this).find('span');
|
|
|
|
|
+ $(privacyToggle).text($(privacyToggle).text() == '보기' ? '닫기' : '보기');
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 간편결제등록 > STEP1.이용약관 팝업열기
|
|
|
|
|
+ $(document).on('click','.btn_addcard',function(e){
|
|
|
|
|
+ $("#qPayAgree_pop").modal("show");
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 간편결제등록 > STEP1.이용약관 체크
|
|
|
|
|
+ $(document).on('click','.area_QpayCk .agr_select button',function(e){
|
|
|
|
|
+ $(this).parents('.area_QpayCk').find('.info_agrQpay').toggle();
|
|
|
|
|
+ var payagrToggle = $(this).find('span');
|
|
|
|
|
+ $(payagrToggle).text($(payagrToggle).text() == '약관열기' ? '약관닫기' : '약관열기');
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 간편결제등록 > STEP1.이용약관 체크박스 전체선택
|
|
|
|
|
+ $(document).on('click','#chk-Qpay-agrAll',function(e){
|
|
|
|
|
+ $(this).parents(".qPayAgree_pop").find('.agree_Qpay input').prop("checked", $(this).is(":checked"));
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 간편결제등록 > STEP1.이용약관 체크박스 개별선택
|
|
|
|
|
+ $(document).on("click", ".agree_Qpay input",function(e){
|
|
|
|
|
+ var is_checked = true;
|
|
|
|
|
+ $(".agree_Qpay input").each(function(){
|
|
|
|
|
+ is_checked = is_checked && $(this).is(":checked");
|
|
|
|
|
+ });
|
|
|
|
|
+ $("#chk-Qpay-agrAll").prop("checked", is_checked);
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 간편결제등록 > 본인인증 팝업열기
|
|
|
|
|
+ $(document).on('click','#btn_qPayidConfirm_pop',function(e){
|
|
|
|
|
+ $("#qPayidConfirm_pop").modal("show");
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+});
|
|
|
|
|
+</script>
|
|
|
|
|
+
|
|
|
|
|
+<script th:inline="javascript">
|
|
|
|
|
+ // 배송관련정보 변수선언
|
|
|
|
|
+ var cartGoodsList = [[${cartGoodsList}]] // 배송목록
|
|
|
|
|
+ var wmsCnt = [[${wmsCnt}]]; // 자사 일반,촐알 배송건수
|
|
|
|
|
+ var resCnt = [[${resCnt}]]; // 자사 예약 배송건수
|
|
|
|
|
+ var delvCnt = [[${delvCnt}]]; // 입전 일반 배송건수
|
|
|
|
|
+ var shotDelvYn = [[${shotDelvYn}]]; // 총알배송여부
|
|
|
|
|
+ var orgSumDelvFee = [[${sumDelvFee}]]; // 최초배송비합계
|
|
|
|
|
+ var prePntDcAmt = [[${prePntDcAmt}]]; // 선포인트사용가능금액
|
|
|
|
|
+
|
|
|
|
|
+ // 할인관련정보 변수선언
|
|
|
|
|
+ var freegiftList = [[${freegiftList}]]; // 사은품 프로모션 목록
|
|
|
|
|
+ var freegiftGoodsList = [[${freegiftGoodsList}]]; // 사은품 프로모션 상품 목록
|
|
|
|
|
+
|
|
|
|
|
+ // 총알배송가능 지역, 총알배송 가능 시간 체크
|
|
|
|
|
+ var fnGetDailyDeliveryCheck = function () {
|
|
|
|
|
+ // TODO
|
|
|
|
|
+ var jsonObj = {"zipNo" : 12345};
|
|
|
|
|
+ var jsonData = JSON.stringify(jsonObj);
|
|
|
|
|
+
|
|
|
|
|
+ gagajf.ajaxJsonSubmit(
|
|
|
|
|
+ "/order/getDailyDeliveryCheck"
|
|
|
|
|
+ , jsonData
|
|
|
|
|
+ , function (result) {
|
|
|
|
|
+ // 자사몰 일반배송
|
|
|
|
|
+ $("#shotDelv").text(0);
|
|
|
|
|
+ $("#wmsDelv").text(wmsCnt);
|
|
|
|
|
+ $("#wmsDelvTitle").css("display", "block");
|
|
|
|
|
+ $("#shotDelvTitle").css("display", "none");
|
|
|
|
|
+ $(".tag_stype2").css("display", "none");
|
|
|
|
|
+
|
|
|
|
|
+ // 자사몰 총알배송
|
|
|
|
|
+ if (shotDelvYn == "Y") {
|
|
|
|
|
+ if (parseInt(result) > 0) {
|
|
|
|
|
+ $("#shotDelv").text(wmsCnt);
|
|
|
|
|
+ $("#wmsDelv").text(0);
|
|
|
|
|
+
|
|
|
|
|
+ $("#wmsDelvTitle").css("display", "none");
|
|
|
|
|
+ $("#shotDelvTitle").css("display", "block");
|
|
|
|
|
+ $(".tag_stype2").css("display", "block");
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ )
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+</script>
|
|
|
|
|
+
|
|
|
|
|
+<script th:inline="javascript">
|
|
|
|
|
+ var custCpnSq = 0;
|
|
|
|
|
+ var cpnIndex = 0;
|
|
|
|
|
+ var cpnApplyTemp = false;
|
|
|
|
|
+
|
|
|
|
|
+ // 컨텐츠 호출
|
|
|
|
|
+ $(document).ready( function() {
|
|
|
|
|
+ // 1. 총알배송가능 지역, 총알배송 가능 시간 체크
|
|
|
|
|
+ fnGetDailyDeliveryCheck();
|
|
|
|
|
+
|
|
|
|
|
+ // 2. 쿠폰 SELECT BOX 기능 설정(js적용)
|
|
|
|
|
+ $('.select_custom.type1').each(function(index){
|
|
|
|
|
+ var selecter01 = new sCombo($(this));
|
|
|
|
|
+
|
|
|
|
|
+ // 선택박스 버튼기능 구현
|
|
|
|
|
+ $(this).find("ul li").each(function(i){
|
|
|
|
|
+
|
|
|
|
|
+ // SELECT BOX 버튼 기능 설정
|
|
|
|
|
+ $(this).on("click", function(){
|
|
|
|
|
+ // 쿠폰 선택없음
|
|
|
|
|
+ if ($(this).prop("value") == 0) {
|
|
|
|
|
+ // 쿠폰 선택없음
|
|
|
|
|
+ cpnApplyDel($(this));
|
|
|
|
|
+ }
|
|
|
|
|
+ // 쿠폰선택
|
|
|
|
|
+ else {
|
|
|
|
|
+ // 쿠폰중복체크 후 적용
|
|
|
|
|
+ if (custCpnDuplicationCheck($(this).prop("value"), index)) {
|
|
|
|
|
+ // 쿠폰적용
|
|
|
|
|
+ custCpnApply($(this));
|
|
|
|
|
+ } else {
|
|
|
|
|
+ alert("이미 적용된 쿠폰 입니다.");
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰적용불가
|
|
|
|
|
+ custCpnNotApply($(this));
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰할인금액 SUM
|
|
|
|
|
+ custCpnSumAmtCal();
|
|
|
|
|
+
|
|
|
|
|
+ // 최대할인혜택적용 체크해제
|
|
|
|
|
+ if ($("#chk-maxdisc").is(":checked")) {
|
|
|
|
|
+ $("#chk-maxdisc").attr("checked", false);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ // 4 쿠폰적용초기화(할인율최고)
|
|
|
|
|
+ custCpnInit();
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 사은품선택 라디오 버튼 기능
|
|
|
|
|
+ $(".freegiftRdo").on("click", function() {
|
|
|
|
|
+ var total_gift = 0;
|
|
|
|
|
+ var total_deduct = 0;
|
|
|
|
|
+
|
|
|
|
|
+ $(".freegiftRdo").each(function(){
|
|
|
|
|
+ // 라디오버튼 사은품 체크
|
|
|
|
|
+ if ($(this).is(":checked")) {
|
|
|
|
|
+ // 수령거부가 아닐때 체크
|
|
|
|
|
+ if ($(this).val() != "noSel") {
|
|
|
|
|
+ total_gift += 1;
|
|
|
|
|
+ total_deduct += parseInt($(this).attr("usepoint"));
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $(".total_gift").text(total_gift); // 사은품총선택개수
|
|
|
|
|
+ $(".total_deduct").text(total_deduct); // 사은품총사용포인트
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 프로모션 쿠폰 적용 함수
|
|
|
|
|
+ function serialCpnApply() {
|
|
|
|
|
+ let data = {
|
|
|
|
|
+ cartSq : $().val(),
|
|
|
|
|
+ rdCpnNm : $("#payForm #serialCpnNm").val()
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ let jsonData = JSON.stringify(data);
|
|
|
|
|
+
|
|
|
|
|
+ $.ajax( {
|
|
|
|
|
+ type : "POST",
|
|
|
|
|
+ url : '/cart/list/serialCpnApply',
|
|
|
|
|
+ contentType : 'application/json',
|
|
|
|
|
+ dataType : 'json',
|
|
|
|
|
+ data : jsonData,
|
|
|
|
|
+ success : function(result) {
|
|
|
|
|
+ // SUCCESS
|
|
|
|
|
+ // 성공일때는 쿠폰정보 및 포인트 정보 reset
|
|
|
|
|
+ if (result.serialCpnInfo.result == "SUCCESS") {
|
|
|
|
|
+
|
|
|
|
|
+ } else {
|
|
|
|
|
+ alert(result.serialCpnInfo.result);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰 최대할인금액 초기화 버튼 설정
|
|
|
|
|
+ $("#chk-maxdisc").on("click", function(){
|
|
|
|
|
+ if ($(this).is(":checked")) {
|
|
|
|
|
+ custCpnInit();
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰할인적용 삭제 버튼
|
|
|
|
|
+ $(".btn_del_coupon").on("click", function(){
|
|
|
|
|
+ //선택없음선택
|
|
|
|
|
+ $(this).parent().parent().find("ul li").each(function(i){
|
|
|
|
|
+ if (i == 0) {
|
|
|
|
|
+ // 쿠폰 선택없음
|
|
|
|
|
+ cpnApplyDel($(this));
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰 최대할인율 쿠폰적용
|
|
|
|
|
+ var custCpnInit = function() {
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰적용없음적용
|
|
|
|
|
+ $(".select_custom.type1").each(function(index){
|
|
|
|
|
+ // select box 쿠폰 적용
|
|
|
|
|
+ var cpnCartSq = $(this).find("input[name='cpnCartSq']").val();
|
|
|
|
|
+
|
|
|
|
|
+ // 장바구니시퀀스 체크
|
|
|
|
|
+ $("input[name='cartSq']").each(function(){
|
|
|
|
|
+ if (cpnCartSq == $(this).val()) {
|
|
|
|
|
+ $(this).parent().find("input[name='goodsCpnSq']").val("0"); // 상품쿠폰시퀀스
|
|
|
|
|
+ $(this).parent().find("input[name='goodsCpnDcAmt']").val("0"); // 상품쿠폰할인금액
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $(this).find("input[name='custCpnSq']").val("0");
|
|
|
|
|
+ $(this).find("input[name='cpnDcAmt']").val("0");
|
|
|
|
|
+
|
|
|
|
|
+ $(this).find(".select").text("선택없음");
|
|
|
|
|
+ $(this).find(".cp_discount").css("display", "none");
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 최대할인율 쿠폰적용
|
|
|
|
|
+ $('.select_custom.type1').each(function(index){
|
|
|
|
|
+ cpnIndex = 0;
|
|
|
|
|
+ cpnApplyTemp = false;
|
|
|
|
|
+
|
|
|
|
|
+ // select 박스 반복문 실행
|
|
|
|
|
+ $(this).find("ul li").each(function(i){
|
|
|
|
|
+ cpnIndex++;
|
|
|
|
|
+
|
|
|
|
|
+ // 1이상부터 중복 체크
|
|
|
|
|
+ if (cpnApplyTemp == false) {
|
|
|
|
|
+ if (cpnIndex > 1) {
|
|
|
|
|
+ if (custCpnDuplicationCheck($(this).prop("value"), index)) {
|
|
|
|
|
+ // 쿠폰적용
|
|
|
|
|
+ custCpnApply($(this));
|
|
|
|
|
+ // 쿠폰할인적용
|
|
|
|
|
+ cpnApplyTemp = true;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰할인금액 SUM
|
|
|
|
|
+ custCpnSumAmtCal();
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰중복사용체크
|
|
|
|
|
+ var custCpnDuplicationCheck = function(custCpnSq, index) {
|
|
|
|
|
+ var selCustSq = 0;
|
|
|
|
|
+ var cnt = 0;
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰중본사용체크
|
|
|
|
|
+ $("input[name='custCpnSq']").each(function(i){
|
|
|
|
|
+ if (index != i) {
|
|
|
|
|
+ selCustSq = $(this).val();
|
|
|
|
|
+ if (selCustSq == custCpnSq) {
|
|
|
|
|
+ cnt++;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰적용불가
|
|
|
|
|
+ if (cnt > 0) {
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ // 쿠폰적용가능
|
|
|
|
|
+ else {
|
|
|
|
|
+ return true;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰중복체크 후 적용가능
|
|
|
|
|
+ var custCpnApply = function(obj) {
|
|
|
|
|
+ // select box 쿠폰 적용
|
|
|
|
|
+ var cpnType = obj.parent().parent().find("input[name='cpnType']").val();
|
|
|
|
|
+
|
|
|
|
|
+ // 상품쿠폰적용
|
|
|
|
|
+ if (cpnType == "goodsCpn") {
|
|
|
|
|
+ // 적용된 할인금액 text 설정
|
|
|
|
|
+ var dcAmtStr = "- " + parseInt(obj.attr("data")).addComma() + " 원 할인적용";
|
|
|
|
|
+ obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
|
|
|
|
|
+
|
|
|
|
|
+ var cpnCartSq = obj.parent().parent().find("input[name='cpnCartSq']").val();
|
|
|
|
|
+
|
|
|
|
|
+ // 장바구니상품시퀀스 체크
|
|
|
|
|
+ $("input[name='cartSq']").each(function(){
|
|
|
|
|
+ if (cpnCartSq == $(this).val()) {
|
|
|
|
|
+ $(this).parent().find("input[name='goodsCpnSq']").val(obj.prop("value")); // 상품쿠폰시퀀스
|
|
|
|
|
+ $(this).parent().find("input[name='goodsCpnDcAmt']").val(obj.attr("data")); // 상품쿠폰할인금액
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ obj.parent().parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
|
|
|
|
|
+ }
|
|
|
|
|
+ // 장바구니쿠폰적용
|
|
|
|
|
+ else if (cpnType == "cartCpn") {
|
|
|
|
|
+ var dcWay = obj.parent().find("input[name='dcWay']").val();
|
|
|
|
|
+ var dcVal = obj.parent().find("input[name='dcVal']").val();
|
|
|
|
|
+ var cartCpnDcSumAmt = 0;
|
|
|
|
|
+ var tempSumAmt = 0;
|
|
|
|
|
+ var applyGoodsCnt = 0;
|
|
|
|
|
+ var leftAmt = 0;
|
|
|
|
|
+ var index = 0;
|
|
|
|
|
+
|
|
|
|
|
+ // 장바구니쿠폰 해당 장바구니상품들 할인가 적용
|
|
|
|
|
+ obj.find("input[name='cartCpnCartSq']").each(function(){
|
|
|
|
|
+ var cartCpnCartSq = $(this).val();
|
|
|
|
|
+ var cartCpnDcAmt = 0;
|
|
|
|
|
+
|
|
|
|
|
+ // 장바구니시퀀스 체크
|
|
|
|
|
+ $("input[name='cartSq']").each(function(){
|
|
|
|
|
+ if (cartCpnCartSq == $(this).val()) {
|
|
|
|
|
+ var currPrice = parseInt($(this).parent().find("input[name='currPrice']").val());
|
|
|
|
|
+ var tmtb1DcAmt = parseInt($(this).parent().find("input[name='tmtb1DcAmt']").val());
|
|
|
|
|
+ var tmtb2DcAmt = parseInt($(this).parent().find("input[name='tmtb2DcAmt']").val());
|
|
|
|
|
+ var goodsCpnDcAmt = parseInt($(this).parent().find("input[name='goodsCpnDcAmt']").val());
|
|
|
|
|
+
|
|
|
|
|
+ var tempAmt = currPrice - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
|
|
|
|
|
+ tempSumAmt = tempSumAmt + tempAmt;
|
|
|
|
|
+
|
|
|
|
|
+ // 할인율일때 할인금액
|
|
|
|
|
+ if (dcWay == "G240_20") {
|
|
|
|
|
+ cartCpnDcAmt = (tempAmt * dcVal) / 100;
|
|
|
|
|
+ cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
|
|
|
|
|
+
|
|
|
|
|
+ $(this).parent().find("input[name='cartCpnSq']").val(obj.prop("value"));
|
|
|
|
|
+ $(this).parent().find("input[name='cartCpnDcAmt']").val(cartCpnDcAmt);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ applyGoodsCnt++;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 금액일때 할인금액 적용
|
|
|
|
|
+ if (dcWay == "G240_10") {
|
|
|
|
|
+ cartCpnDcSumAmt = dcVal;
|
|
|
|
|
+ leftAmt = dcVal;
|
|
|
|
|
+ index = 0;
|
|
|
|
|
+
|
|
|
|
|
+ // 장바구니쿠폰 해당 장바구니상품들 할인가 적용
|
|
|
|
|
+ obj.find("input[name='cartCpnCartSq']").each(function(){
|
|
|
|
|
+ var cartCpnCartSq = $(this).val();
|
|
|
|
|
+ var cartCpnDcAmt = 0;
|
|
|
|
|
+
|
|
|
|
|
+ // 장바구니시퀀스 체크
|
|
|
|
|
+ $("input[name='cartSq']").each(function(){
|
|
|
|
|
+ if (cartCpnCartSq == $(this).val()) {
|
|
|
|
|
+ index++;
|
|
|
|
|
+
|
|
|
|
|
+ var currPrice = parseInt($(this).parent().find("input[name='currPrice']").val());
|
|
|
|
|
+ var tmtb1DcAmt = parseInt($(this).parent().find("input[name='tmtb1DcAmt']").val());
|
|
|
|
|
+ var tmtb2DcAmt = parseInt($(this).parent().find("input[name='tmtb2DcAmt']").val());
|
|
|
|
|
+ var goodsCpnDcAmt = parseInt($(this).parent().find("input[name='goodsCpnDcAmt']").val());
|
|
|
|
|
+
|
|
|
|
|
+ var tempAmt = currPrice - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
|
|
|
|
|
+ var tempDiv = parseInt((tempAmt / tempSumAmt) * 100);
|
|
|
|
|
+ var cartCpnDcAmt = 0;
|
|
|
|
|
+
|
|
|
|
|
+ if (index == applyGoodsCnt) {
|
|
|
|
|
+ cartCpnDcAmt = leftAmt;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ cartCpnDcAmt = parseInt((cartCpnDcSumAmt * tempDiv) / 100);
|
|
|
|
|
+ leftAmt = leftAmt - cartCpnDcAmt;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ $(this).parent().find("input[name='cartCpnSq']").val(obj.prop("value"));
|
|
|
|
|
+ $(this).parent().find("input[name='cartCpnDcAmt']").val(cartCpnDcAmt);
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ obj.parent().parent().find("input[name='cpnDcAmt']").val(cartCpnDcSumAmt);
|
|
|
|
|
+
|
|
|
|
|
+ var dcAmtStr = "- " + cartCpnDcSumAmt.addComma() + " 원 할인적용";
|
|
|
|
|
+ obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
|
|
|
|
|
+ }
|
|
|
|
|
+ // 배송비쿠폰적용
|
|
|
|
|
+ else if (cpnType == "delvCpn") {
|
|
|
|
|
+ // 적용된 할인금액 text 설정
|
|
|
|
|
+ var dcAmtStr = "- " + parseInt(obj.attr("data")).addComma() + " 원 할인적용";
|
|
|
|
|
+ obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
|
|
|
|
|
+
|
|
|
|
|
+ var cpnCartSq = obj.parent().parent().find("input[name='cpnCartSq']").val();
|
|
|
|
|
+
|
|
|
|
|
+ obj.parent().parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
|
|
|
|
|
+ obj.parent().parent().find("input[name='delvFeeCd']").val(obj.attr("delvfeecd"));
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ // select box 쿠폰 적용 (공통적용)
|
|
|
|
|
+ obj.parent().parent().find("input[name='custCpnSq']").val(obj.prop("value"));
|
|
|
|
|
+ obj.parent().parent().find(".select").text(obj.text());
|
|
|
|
|
+
|
|
|
|
|
+ // 선택된 할인금액 노출
|
|
|
|
|
+ obj.parent().parent().parent().parent().parent().find(".cp_discount").css("display", "block");
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰중복체크 후 적용불가
|
|
|
|
|
+ var custCpnNotApply = function(obj) {
|
|
|
|
|
+ // 이전에 등록된 쿠폰시퀀스
|
|
|
|
|
+ var custCpnSq = obj.parent().parent().find("input[name='custCpnSq']").val();
|
|
|
|
|
+
|
|
|
|
|
+ // 이전에 등록된 쿠폰시퀀스 비교후 데이타 원복
|
|
|
|
|
+ obj.parent().find("li").each(function(){
|
|
|
|
|
+ if ($(this).prop("value") == custCpnSq) {
|
|
|
|
|
+ $(this).parent().parent().find(".select").text($(this).text());
|
|
|
|
|
+
|
|
|
|
|
+ if (custCpnSq == 0) {
|
|
|
|
|
+ $(this).parent().parent().parent().parent().parent().find(".cp_discount").css("display", "none");
|
|
|
|
|
+ } else {
|
|
|
|
|
+ $(this).parent().parent().parent().parent().parent().find(".cp_discount").css("display", "block");
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰 선택없음 기능 구현
|
|
|
|
|
+ var cpnApplyDel = function(obj) {
|
|
|
|
|
+ // 쿠폰타입(상품쿠폰, 장바구니쿠폰, 배송비쿠폰)
|
|
|
|
|
+ var cpnType = obj.parent().parent().find("input[name='cpnType']").val();
|
|
|
|
|
+
|
|
|
|
|
+ // 상품쿠폰적용
|
|
|
|
|
+ if (cpnType == "goodsCpn") {
|
|
|
|
|
+ // select box 쿠폰 적용
|
|
|
|
|
+ var cpnCartSq = obj.parent().parent().find("input[name='cpnCartSq']").val();
|
|
|
|
|
+
|
|
|
|
|
+ // 장바구니시퀀스 체크
|
|
|
|
|
+ $("input[name='cartSq']").each(function(){
|
|
|
|
|
+ if (cpnCartSq == $(this).val()) {
|
|
|
|
|
+ $(this).parent().find("input[name='goodsCpnSq']").val("0"); // 상품쿠폰시퀀스
|
|
|
|
|
+ $(this).parent().find("input[name='goodsCpnDcAmt']").val("0"); // 상품쿠폰할인금액
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ // 장바구니쿠폰적용
|
|
|
|
|
+ else if (cpnType == "cartCpn") {
|
|
|
|
|
+ // 장바구니쿠폰 시퀀스 0, 장바구니할인금액 0
|
|
|
|
|
+ $("input[name='cartSq']").each(function(){
|
|
|
|
|
+ $(this).parent().find("input[name='cartCpnSq']").val("0");
|
|
|
|
|
+ $(this).parent().find("input[name='cartCpnDcAmt']").val("0");
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ // 배송비쿠폰적용
|
|
|
|
|
+ else if (cpnType == "delvCpn") {
|
|
|
|
|
+ // 장바구니쿠폰 시퀀스 0, 장바구니할인금액 0
|
|
|
|
|
+ $("input[name='cartSq']").each(function(){
|
|
|
|
|
+ $(this).parent().find("input[name='delvFeeCd']").val("0");
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ obj.parent().parent().find("input[name='custCpnSq']").val("0");
|
|
|
|
|
+ obj.parent().parent().find("input[name='cpnDcAmt']").val("0");
|
|
|
|
|
+
|
|
|
|
|
+ obj.parent().parent().find(".select").text("선택없음");
|
|
|
|
|
+ obj.parent().parent().parent().parent().parent().find(".cp_discount").css("display", "none");
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰할인금액 SUM
|
|
|
|
|
+ custCpnSumAmtCal();
|
|
|
|
|
+
|
|
|
|
|
+ // 최대할인혜택적용 체크해제
|
|
|
|
|
+ if ($("#chk-maxdisc").is(":checked")) {
|
|
|
|
|
+ $("#chk-maxdisc").attr("checked", false);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰할인금액합계설정
|
|
|
|
|
+ var custCpnSumAmtCal = function() {
|
|
|
|
|
+ var cpnDcSumAmt = 0;
|
|
|
|
|
+ var cpnApplyCnt = 0;
|
|
|
|
|
+
|
|
|
|
|
+ $("input[name='cpnDcAmt']").each(function(){
|
|
|
|
|
+ cpnDcSumAmt = cpnDcSumAmt + parseInt($(this).val());
|
|
|
|
|
+
|
|
|
|
|
+ // 적용된 쿠폰 수량
|
|
|
|
|
+ if (parseInt($(this).val()) > 0) {
|
|
|
|
|
+ cpnApplyCnt++;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 쿠폰영역
|
|
|
|
|
+ $(".maxdisc_amount").text("(-" + cpnDcSumAmt.addComma() + "원)"); // 쿠폰할인금액합계
|
|
|
|
|
+ $("#cpnApplyCnt").text(cpnApplyCnt + "장");
|
|
|
|
|
+
|
|
|
|
|
+ // 상품목록영역
|
|
|
|
|
+ $("#couponDcSumAmt").text("-" + cpnDcSumAmt.addComma() + "원"); // 쿠폰할인금액합계
|
|
|
|
|
+ $("input[name='couponDcSumAmt']").val(cpnDcSumAmt);
|
|
|
|
|
+
|
|
|
|
|
+ // 배송비할인적용
|
|
|
|
|
+ $("input[name='cpnType']").each(function(){
|
|
|
|
|
+ if ($(this).val() == "delvCpn") {
|
|
|
|
|
+ sumDelvFee = parseInt(orgSumDelvFee) - parseInt($(this).parent().find("input[name='cpnDcAmt']").val());
|
|
|
|
|
+
|
|
|
|
|
+ // 최종배송비
|
|
|
|
|
+ $("#delvSumAmt").text(sumDelvFee.addComma() + "원");
|
|
|
|
|
+ $("input[name='delvSumAmt']").val(sumDelvFee);
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ var goodsSumAmt = parseInt($("input[name='goodsSumAmt']").val());
|
|
|
|
|
+ var delvSumAmt = parseInt($("input[name='delvSumAmt']").val());
|
|
|
|
|
+ var cpn1DcSumAmt = parseInt($("input[name='cpn1DcSumAmt']").val());
|
|
|
|
|
+ var tmtbDcSumAmt = parseInt($("input[name='tmtbDcSumAmt']").val());
|
|
|
|
|
+ var couponDcSumAmt = parseInt($("input[name='couponDcSumAmt']").val());
|
|
|
|
|
+ var prePntDcAmt = parseInt($("input[name='prePntDcAmt']").val());
|
|
|
|
|
+ var pntDcAmt = parseInt($("input[name='pntDcAmt']").val());
|
|
|
|
|
+ var gfcdUseAmt = parseInt($("input[name='gfcdUseAmt']").val());
|
|
|
|
|
+
|
|
|
|
|
+ // 실결제금액(PG)
|
|
|
|
|
+ var realOrdAmt = (goodsSumAmt + delvSumAmt) - (cpn1DcSumAmt + tmtbDcSumAmt + couponDcSumAmt + prePntDcAmt) - (pntDcAmt + gfcdUseAmt);
|
|
|
|
|
+ $("#realOrdAmt").text(realOrdAmt.addComma());
|
|
|
|
|
+
|
|
|
|
|
+ // 적립예정포인트
|
|
|
|
|
+ var savePntSumAmt = parseInt($("input[name='savePntSumAmt']").val());
|
|
|
|
|
+ var tempSavePnt = savePntSumAmt - prePntDcAmt;
|
|
|
|
|
+
|
|
|
|
|
+ $("#savePntSumAmt").text(tempSavePnt.addComma()+"P");
|
|
|
|
|
+ };
|
|
|
|
|
+</script>
|
|
|
|
|
+</th:block>
|
|
|
|
|
+</body>
|
|
|
|
|
+</html>
|
jsh77b