GoodsDeliveryFormMob.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <!--
  5. *******************************************************************************
  6. * @source :GoodsDeliveryFormMob.html
  7. * @desc : 상품 배송안내 팝업
  8. *============================================================================
  9. * STYLE24
  10. * Copyright(C) 2020 TSIT, All rights reserved.
  11. *============================================================================
  12. * VER DATE AUTHOR DESCRIPTION
  13. * === =========== ========== =============================================
  14. * 1.0 2021.04.06 eskim 최초 작성
  15. *******************************************************************************
  16. -->
  17. <div class="modal-dialog" role="document">
  18. <div class="modal-content">
  19. <div class="modal-header">
  20. <!-- 해당상품 -->
  21. <div class="item_blk">
  22. <div class="item_prod" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}">
  23. <div class="item_state">
  24. <a href="javascript:void(0);" class="itemLink">
  25. <div class="itemPic">
  26. <img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=40'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
  27. </div>
  28. <p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">NBA</p>
  29. <div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성</div>
  30. </a>
  31. </div>
  32. </div>
  33. </div>
  34. <!-- //해당상품 -->
  35. </div>
  36. <div class="modal-body" id="goodsDealDelivery">
  37. </div>
  38. </div>
  39. </div>
  40. <a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_goods_delivery')" class="close-modal">Close</a>
  41. <script th:inline="javascript">
  42. /*<![CDATA[*/
  43. // 구성 상품 상세 배송정보
  44. var fnGoodsDetailDelivery = function(params) {
  45. //gagajf.ajaxSubmit("/goods/detail/delivery/frame", "html", "goodsDealDelivery", params);
  46. $.ajax( {
  47. type : "POST",
  48. url : '/goods/detail/delivery/frame',
  49. data : JSON.stringify(params),
  50. dataType : 'html',
  51. beforeSend : function(xhr, settings) {
  52. xhr.setRequestHeader("AJAX" , "true");
  53. xhr.setRequestHeader('Accept' , 'application/json');
  54. xhr.setRequestHeader('Content-Type' , 'application/json');
  55. },
  56. success : function(result) {
  57. if (result != null) {
  58. $("#goodsDealDelivery").css("display", "block");
  59. $("#goodsDealDelivery").html(result);
  60. }
  61. }
  62. });
  63. }
  64. $(document).ready( function() {
  65. // 배송정보
  66. var params = new Object();
  67. let goodsCd = [[${goodsInfo.goodsCd}]]
  68. params.goodsCd = goodsCd;
  69. fnGoodsDetailDelivery(params); // ajax html
  70. });
  71. /*]]>*/
  72. </script>
  73. </html>