MypageCustSecedeCompleteFormWeb.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org"
  4. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  5. layout:decorator="web/common/layout/MypageLayoutWeb">
  6. <!--
  7. *******************************************************************************
  8. * @source : MypageCustSecedeCompleteFormWeb.html
  9. * @desc : 마이페이지 > 회원탈퇴 완료 Page
  10. *============================================================================
  11. * STYLE24
  12. * Copyright(C) 2021 TSIT, All rights reserved.
  13. *============================================================================
  14. * VER DATE AUTHOR DESCRIPTION
  15. * === =========== ========== =============================================
  16. * 1.0 2021.03.24 jsshin 최초 작성
  17. *******************************************************************************
  18. -->
  19. <body>
  20. <!-- container -->
  21. <th:block layout:fragment="content">
  22. <div class="content myMbLeave"> <!-- 페이지특정 클래스 = myMbLeave -->
  23. <div class="cont_body">
  24. <!-- CONT-BODY -->
  25. <div class="lnb">
  26. <div class="lnb_tit">
  27. <h2>마이페이지</h2>
  28. </div>
  29. <div class="lnb_list">
  30. <ul id="mypageLnbList"></ul>
  31. </div>
  32. </div>
  33. <div class="cont">
  34. <div class="sec_head">
  35. <h3 class="subH1">회원탈퇴</h3>
  36. </div>
  37. <div class="sec_body">
  38. <div class="mb_leave_complete">
  39. <span th:text="${custNm}"></span> 고객님의 STYLE24 회원탈퇴가 정상적으로 처리되었습니다.
  40. </div>
  41. <div class="tbl type5">
  42. <table>
  43. <colgroup>
  44. <col width="25%">
  45. <col width="25%">
  46. <col width="25%">
  47. <col width="25%">
  48. </colgroup>
  49. <thead>
  50. <tr>
  51. <th scope="col">진행중(주문/취소/반품/교환)</th>
  52. <th scope="col">포인트(보유/적립예정)</th>
  53. <th scope="col">상품권 잔여금액</th>
  54. <th scope="col">쿠폰</th>
  55. </tr>
  56. </thead>
  57. <tbody>
  58. <tr>
  59. <td>
  60. <span class="hold_order">
  61. <em id="ordCnt">0</em>&nbsp;/&nbsp;
  62. <em id="cnclCnt">0</em>&nbsp;/&nbsp;
  63. <em id="rtnCnt">0</em>&nbsp;/&nbsp;
  64. <em id="exCnt">0</em>
  65. </span>
  66. </td>
  67. <td>
  68. <span class="hold_point">
  69. <em id="pntAmt" th:text="|${#numbers.formatDecimal(pointInfo.rmPntAmt, 0, 'COMMA', 0, 'POINT')}P|">0P</em>&nbsp;/&nbsp;
  70. <em id="expAmt" th:text="|${#numbers.formatDecimal(pointInfo.expectedPntAmt, 0, 'COMMA', 0, 'POINT')}P|">0P</em>
  71. </span>
  72. </td>
  73. <td>
  74. <span class="hold_voucher">
  75. <em id="giftAmt" th:text="|${#numbers.formatDecimal(rmGfcdAmt, 0, 'COMMA', 0, 'POINT')}원|">0원</em>
  76. </span>
  77. </td>
  78. <td>
  79. <span class="hold_coupon">
  80. <em id="cpnCnt" th:text="|${#numbers.formatDecimal(couponCnt, 0, 'COMMA', 0, 'POINT')}장|">0장</em>
  81. </span>
  82. </td>
  83. </tr>
  84. </tbody>
  85. </table>
  86. </div>
  87. <div class="com_info_txt">
  88. <p class="tit">회원 탈퇴 안내</p>
  89. <ul>
  90. <li>탈퇴시 소유하고 있는 포인트, 쿠폰등은 모두 소멸 됩니다.</li>
  91. <li>거래정보가 있는 경우, 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 계약 또는 청약철회에 관한 기록, 대금결제 및 재화 등의 공급에 관한 기록은 5년동안 보존됩니다.</li>
  92. <li>보유하셨던 상품권 금액은 탈퇴와 함께 삭제되며 환불되지 않습니다.</li>
  93. <li>회원 탈퇴 후 STYLE24에 입력하신 상품문의 및 후기,댓글은 삭제되지 않으며,회원정보 삭제로 인해 작성자 본인을 확인 할 수 없어<br>편집 및 삭제처리가 원천적으로 불가능 합니다. 상품문의 및 후기, 댓글 삭제를 원하시는 경우에는 먼저 해당 게시물을 삭제하신 후 탈퇴를 신청하시기 바랍니다.</li>
  94. <li>진행중인 주문/취소/반품/교환건이 있을 경우에는 탈퇴가 되지 않습니다.</li>
  95. </ul>
  96. </div>
  97. </div>
  98. <div class="btn_footer_area">
  99. <button type="button" id="btnConfirm" class="btn btn_dark btn_md" onclick="cfnGoToPage(_PAGE_MAIN);">
  100. <span>메인이동</span>
  101. </button>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <script th:inline="javascript">
  107. /*<![CDATA[*/
  108. const orderStatInfo = [[${orderStatInfo}]];
  109. var fnOrderStatInit = function () {
  110. // 진행중인 주문건
  111. let orderTotal = orderStatInfo.depositWaitingCount + orderStatInfo.waitingAddPaymentCount
  112. + orderStatInfo.paymentCompleteCount + orderStatInfo.goodsPrepareCount
  113. + orderStatInfo.shipPrepareCount + orderStatInfo.shippingCount;
  114. let total = orderTotal + orderStatInfo.cancelCount + orderStatInfo.returnCount + orderStatInfo.exchangeCount;
  115. $('#ordCnt').text(orderTotal.addComma());
  116. // 진행중인 취소건
  117. $('#cnclCnt').text(orderStatInfo.cancelCount.addComma());
  118. // 진행중인 반품건
  119. $('#rtnCnt').text(orderStatInfo.returnCount.addComma());
  120. // 진행중인 교환건
  121. $('#exCnt').text(orderStatInfo.exchangeCount.addComma());
  122. // 토탈 건수
  123. $('#totalCnt').text(total);
  124. }
  125. $(document).ready( function() {
  126. fnOrderStatInit();
  127. // 마이페이지 LNB 설정
  128. fnSetMypageLnbList(11);
  129. // 마이페이지 location 설정
  130. fnSetMypageLocation('회원탈퇴');
  131. });
  132. /*]]>*/
  133. </script>
  134. </th:block>
  135. </body>
  136. </html>