OrderCouponApplyPopWeb.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. <!DOCTYPE html>
  2. <html lang="ko" xmlns:th="http://www.thymeleaf.org">
  3. <div class="modal-dialog" role="document">
  4. <div class="modal-content">
  5. <div class="modal-header">
  6. <h5 class="modal-title" id="couponModifyLabel">할인쿠폰 변겅</h5>
  7. </div>
  8. <div class="modal-body">
  9. <div class="pop_cont">
  10. <!-- 상품쿠폰적용 -->
  11. <th:block th:if="${goodsApplyCpnList.size() > 0}">
  12. <h6>상품쿠폰</h6>
  13. <div class="area_item_coupon">
  14. <th:block th:each="goods, i : ${goodsApplyCpnList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
  15. <th:block th:if="${goods.goodsCpnList.size() > 0}">
  16. <div class="apply_item goodsCpn">
  17. <div class="item_gd">
  18. <figure>
  19. <span class="thumb">
  20. <img th:src="${imageUrl + '/' + goods.sysImgNm}" src="/" width="100%" alt="">
  21. </span>
  22. <figcaption>
  23. <div class="brand" th:text="${goods.brandEnm}+' '+${goods.brandKnm}"></div>
  24. <div class="name" th:text="${goods.goodsNm}"></div>
  25. <div class="option" th:each="colorNm, index : ${goods.colorNmArr}" th:text="${colorNm}+'/'+${goods.optCd2Arr[index.index]}"></div>
  26. </figcaption>
  27. </figure>
  28. </div>
  29. <div class="form_field">
  30. <div class="select_custom coupon_list">
  31. <div class="combo">
  32. <div class="select">
  33. <div class="item_coupon"></div>
  34. </div>
  35. <ul class="list">
  36. <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true"추가 -->
  37. <th:block th:each="goodsCpn, k : ${goods.goodsCpnList}">
  38. <li th:value="${goodsCpn.custCpnSq}" th:data="${goodsCpn.cpnDcAmt}">
  39. <div class="item_coupon">
  40. <p class="name" th:text="${goodsCpn.cpnNm}"></p>
  41. <p class="txt">
  42. <th:block th:if="${goodsCpn.buyLimitAmt} > 0">
  43. <span th:text="${#numbers.formatInteger(goodsCpn.buyLimitAmt, 1, 'COMMA')}"></span>원 이상 구매시
  44. </th:block>
  45. <th:block th:if="${goodsCpn.maxDcAmt} > 0">
  46. 최대 <span th:text="${#numbers.formatInteger(goodsCpn.maxDcAmt, 1, 'COMMA')}"></span>원 할인
  47. </th:block>
  48. </p>
  49. <p class="discount">
  50. <th:block th:if="${goodsCpn.dcWay} == 'G240_10'">
  51. <span th:text="${#numbers.formatInteger(goodsCpn.dcVal, 1, 'COMMA')}"></span>원 할인
  52. </th:block>
  53. <th:block th:if="${goodsCpn.dcWay} == 'G240_11'">
  54. <span th:text="${#numbers.formatInteger(goodsCpn.dcVal, 1, 'COMMA')}"></span>% 할인
  55. </th:block>
  56. </p>
  57. </div>
  58. </li>
  59. </th:block>
  60. <li value="0" data="0">
  61. <div class="item_coupon empty"><p class="empty">적용 안함</p></div>
  62. </li>
  63. <input type="hidden" name="cpnType" value="goodsCpn"/>
  64. <input type="hidden" name="cpnCartSq" th:value="${goods.cartSq}"/>
  65. <input type="hidden" name="custCpnSq" value="0"/>
  66. <input type="hidden" name="cpnDcAmt" value="0"/>
  67. </ul>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </th:block>
  73. </th:block>
  74. </div>
  75. </th:block>
  76. <!-- //상품쿠폰적용 -->
  77. <!-- 장바구니쿠폰적용 -->
  78. <th:block th:if="${cartCpnList.size() > 0}">
  79. <h6>장바구니 쿠폰</h6>
  80. <div class="area_cart_coupon">
  81. <div class="form_field">
  82. <th:block th:each="cartCpn, k : ${cartCpnList}">
  83. <div class="cartCpn" th:value="${cartCpn.custCpnSq}">
  84. <input type="hidden" name="dcWay" th:value="${cartCpn.dcWay}"/>
  85. <input type="hidden" name="dcVal" th:value="${cartCpn.dcVal}"/>
  86. <!-- 장바구니쿠폰 적용 장바구니 시퀀스 -->
  87. <th:block th:each="cartCpnCartSq, kokok : ${cartCpn.cartCpnCartSqArr}">
  88. <input type="hidden" name="cartCpnCartSq" th:value="${cartCpnCartSq}" />
  89. </th:block>
  90. <!-- 장바구니쿠폰 결제가능수단목록조회 -->
  91. <th:block th:each="payType, kokok : ${cartCpn.payTypeArr}">
  92. <input type="hidden" name="payTypeArr" th:value="${payType}" />
  93. </th:block>
  94. <input type="radio" name="rdi-cart-coupon" th:id="|rdi-cart-coupon${k.index}|" value="">
  95. <label th:for="|rdi-cart-coupon${k.index}|">
  96. <div class="cart_coupon">
  97. <p class="name" th:text="${cartCpn.cpnNm}"></p>
  98. <p class="txt">
  99. <th:block th:if="${cartCpn.buyLimitAmt} > 0">
  100. <span th:text="${#numbers.formatInteger(cartCpn.buyLimitAmt, 1, 'COMMA')}"></span>원 이상 구매시
  101. </th:block>
  102. <th:block th:if="${cartCpn.maxDcAmt} > 0">
  103. 최대 <span th:text="${#numbers.formatInteger(cartCpn.maxDcAmt, 1, 'COMMA')}"></span>원 할인
  104. </th:block>
  105. </p>
  106. <p class="discount">
  107. <th:block th:if="${cartCpn.dcWay} == 'G240_10'">
  108. <span th:text="${#numbers.formatInteger(cartCpn.dcVal, 1, 'COMMA')}"></span>원 할인
  109. </th:block>
  110. <th:block th:if="${cartCpn.dcWay} == 'G240_11'">
  111. <span th:text="${#numbers.formatInteger(cartCpn.dcVal, 1, 'COMMA')}"></span>% 할인
  112. </th:block>
  113. </p>
  114. </div>
  115. </label>
  116. </div>
  117. </th:block>
  118. <input type="hidden" name="cpnType" value="cartCpn"/>
  119. <input type="hidden" name="custCpnSq" value="0"/>
  120. <input type="hidden" name="cpnDcAmt" value="0"/>
  121. </div>
  122. </div>
  123. </th:block>
  124. <!-- //장바구니쿠폰적용 -->
  125. </div>
  126. </div>
  127. <div class="modal-footer">
  128. <button type="button" id="btn_coupon_apply" class="btn btn_primary">
  129. <span>총 <em class="goodsCartCpnSumAmt">99,999,999</em>원 쿠폰 적용</span>
  130. </button>
  131. </div>
  132. </div>
  133. </div>
  134. <a href="#close-modal" rel="modal:close" id="couponModifyPop_close" class="close-modal">Close</a>
  135. <script th:inline="javascript">
  136. //컨텐츠 호출
  137. $(document).ready( function() {
  138. //상품쿠폰 combo 리스트 설정
  139. $(".goodsCpn .select_custom.coupon_list").each(function(){
  140. var od_coupon_modify_selecter1 = new sCombo($(this));
  141. });
  142. });
  143. </script>
  144. </html>