OrderFormWeb.html 88 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526
  1. <!DOCTYPE html>
  2. <html lang="ko" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorator="web/common/layout/DefaultLayoutWeb">
  3. <!--
  4. *******************************************************************************
  5. * @source : OrderFormWeb.html
  6. * @desc : 주문/결제 Page
  7. *============================================================================
  8. * STYLE24
  9. * Copyright(C) 2020 TSIT, All rights reserved.
  10. *============================================================================
  11. * VER DATE AUTHOR DESCRIPTION
  12. * === =========== ========== =============================================
  13. * 1.0 2021.02.01 jsh77b 최초 작성
  14. *******************************************************************************
  15. -->
  16. <body>
  17. <th:block layout:fragment="content">
  18. <link rel="stylesheet" type="text/css" href="/ux/pc/css/swiper.min.css">
  19. <script type="text/javascript" src="/ux/pc/js/swiper.min.js"></script>
  20. <script type="text/javascript" src="/ux/pc/js/slick.min.js"></script>
  21. <script type="text/javascript" src="/ux/pc/js/jquery-ui.js"></script>
  22. <!-- payment.js -->
  23. <script type="text/javascript" th:src="${@environment.getProperty('pg.kcp.js.url')}" src=""></script>
  24. <script type="text/javascript" src="/biz/payment.js"></script>
  25. <!-- 주문정보form -->
  26. <form id="order_info" name="order_info" method="post" action="/order/pay/result/response" style="display:none"></form>
  27. <!-- //주문정보form -->
  28. <!-- 주문금액정보표현 -->
  29. <form id="orderAmtForm" name="orderAmtForm">
  30. <!-- 주문자정보 -->
  31. <table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none; width:100%;" name="orderInfo" id="orderInfo">
  32. <tbody>
  33. <tr style="height:30px;">
  34. <td class="custNm"></td>
  35. <td class="email"></td>
  36. <td class="cellPhnno"></td>
  37. <td class="recipNm"></td>
  38. <td class="recipPhnno"></td>
  39. <td class="recipZipcode"></td>
  40. <td class="recipBaseAddr"></td>
  41. <td class="recipDtlAddr"></td>
  42. <td class="delvMemo"></td>
  43. <td class="sexGb"></td>
  44. <td class="birthYmd"></td>
  45. </tr>
  46. </tbody>
  47. </table>
  48. <!-- //주문자정보 -->
  49. <!-- 사은품정보 -->
  50. <table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none; width:100%;" name="freegiftInfo">
  51. <tr style="height:30px;">
  52. <td class="freegiftValArr"></td>
  53. <td class="freegiftUsePointArr"></td>
  54. <td class="freegiftSqArr"></td>
  55. <td class="freegiftGoodsArr"></td>
  56. </tr>
  57. </table>
  58. <!-- //사은품정보 -->
  59. <!-- 주문상세금액 -->
  60. <table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none; width:100%;" name="orderDetailInfo" id="orderDetailInfo">
  61. <th:block th:each="delvAllCart, index : ${delvAllCartList}">
  62. <th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
  63. <th:block th:each="goods, i : ${delvAllCart}">
  64. <tr style="height:30px;">
  65. <td class="cartSq" th:text="${goods.cartSq}"></td>
  66. <td class="goodsNm" th:text="${goods.goodsNm}" style="display:none"></td>
  67. <td class="goodsCd" th:text="${goods.goodsCd}"></td>
  68. <td class="goodsType" th:text="${goods.goodsType}"></td>
  69. <td class="itemCd" th:text="${goods.itemCd}"></td>
  70. <td class="optCd" th:text="${goods.optCd}"></td>
  71. <td class="optCd1" th:text="${goods.optCd1}" style="display:none"></td>
  72. <td class="optCd2" th:text="${goods.optCd2}" style="display:none"></td>
  73. <td class="itemQtyr" th:text="${goods.itemQtyr}" style="display:none"></td>
  74. <td class="orgCurrPrice" th:text="${goods.orgCurrPrice}"></td>
  75. <td class="cpn1CpnSq" th:text="${goods.cpn1CpnSq}"></td>
  76. <td class="cpn1DcAmt" th:text="${goods.orgCurrPrice} - ${goods.currPrice}"></td>
  77. <td class="optAddPrice" th:text="${goods.optAddPrice}"></td>
  78. <td class="goodsQty" th:text="${goods.goodsQty}"></td>
  79. <td class="ordAmt">0</td>
  80. <th:block th:if="${goods.applyQtySectionYn} == 'Y' and ${goods.qtyTmtbSq} > 0">
  81. <td class="tmtb1Sq" th:text="${goods.qtyTmtbSq}"></td>
  82. <td class="tmtb1DcAmt" th:text="${goods.tmtb1DcAmt}"></td>
  83. </th:block>
  84. <th:block th:if="${goods.applyQtySectionYn} != 'Y'">
  85. <td class="tmtb1Sq">0</td>
  86. <td class="tmtb1DcAmt">0</td>
  87. </th:block>
  88. <th:block th:if="${goods.applyAmtSectionYn} == 'Y' and ${goods.amtTmtbSq} > 0">
  89. <td class="tmtb2Sq" th:text="${goods.amtTmtbSq}"></td>
  90. <td class="tmtb2DcAmt" th:text="${goods.tmtb2DcAmt}"></td>
  91. </th:block>
  92. <th:block th:if="${goods.applyAmtSectionYn} != 'Y'">
  93. <td class="tmtb2Sq" >0</td>
  94. <td class="tmtb2DcAmt" >0</td>
  95. </th:block>
  96. <td class="goodsCpnSq">0</td>
  97. <td class="goodsCpnDcAmt">0</td>
  98. <td class="cartCpnSq">0</td>
  99. <td class="cartCpnDcAmt">0</td>
  100. <td class="prePntDcAmt1" th:text="${goods.prePntDcAmt}"></td>
  101. <td class="dcSumAmt">0</td>
  102. <td class="pntDcAmt1">0</td>
  103. <td class="gfcdUseAmt1">0</td>
  104. <td class="realOrdAmt1">0</td>
  105. <td class="savePntAmt1">0</td>
  106. <td class="shotDelvYn" th:text="${goods.shotDelvYn}"></td>
  107. <td class="foreignBuyYn" th:text="${goods.foreignBuyYn}"></td>
  108. <td class="orderMadeYn" th:text="${goods.orderMadeYn}"></td>
  109. <td class="delvFeeCd" th:text="${goods.delvFeeCd}"></td>
  110. <td class="pntPrate" th:text="${goods.pntPrate}"></td>
  111. <td class="pntMrate" th:text="${goods.pntMrate}"></td>
  112. </tr>
  113. </th:block>
  114. </th:block>
  115. </th:block>
  116. </table>
  117. <!-- //주문상세금액 -->
  118. <!-- 배송단위목록 -->
  119. <table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none; width:100%;" name="delvFeeCdInfo" id="delvFeeCdInfo">
  120. <th:block th:each="delvFeeCd, index : ${delvFeeCdList}">
  121. <tr style="height:30px;">
  122. <td class="supplyCompCd" th:text="${delvFeeCd.supplyCompCd}"></td>
  123. <td class="delvFeeCd" th:text="${delvFeeCd.delvFeeCd}"></td>
  124. <td class="delvFee" th:text="${delvFeeCd.delvFee}"></td>
  125. <td class="delvCpnSq">0</td>
  126. <td class="delvCpnDcAmt">0</td>
  127. </tr>
  128. </th:block>
  129. </table>
  130. <!-- //배송단위목록 -->
  131. <!-- 주문금액합계 -->
  132. <table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none; width:100%;" name="orderSumAmtInfo" id="orderSumAmtInfo">
  133. <tr style="height:30px;">
  134. <td class="orgGoodsSumAmt">0</td>
  135. <td class="delvSumAmt" th:text="${sumDelvFee}"></td>
  136. <td class="freegiftUsePnt">0</td>
  137. <td class="cpn1DcSumAmt">0</td>
  138. <td class="ordSumAmt">0</td>
  139. <td class="tmtb1DcSumAmt">0</td>
  140. <td class="tmtb2DcSumAmt">0</td>
  141. <td class="tmtbDcSumAmt">0</td>
  142. <td class="goodsCpnDcSumAmt">0</td>
  143. <td class="cartCpnDcSumAmt">0</td>
  144. <td class="delvCpnDcSumAmt">0</td>
  145. <td class="cpnDcSumAmt">0</td>
  146. <td class="prePntDcSumAmt">0</td>
  147. <td class="pntDcSumAmt">0</td>
  148. <td class="gfcdUseSumAmt">0</td>
  149. <td class="realOrdSumAmt">0</td>
  150. <td class="savePntSumAmt">0</td>
  151. </tr>
  152. </table>
  153. <!-- //주문금액합계 -->
  154. </form>
  155. <!-- //주문금액정보표현 -->
  156. <!-- 주문고객정보 -->
  157. <form id="orderForm" name="orderForm">
  158. <div id="container" class="container od">
  159. <div class="wrap">
  160. <div class="content odPayment">
  161. <!-- 페이지특정 클래스 = odPayment -->
  162. <div class="cont_head">
  163. <h2>주문/결제</h2>
  164. <div class="oder_steps">
  165. <ul>
  166. <li>01 쇼핑백</li>
  167. <li class="on">02 주문/결제</li>
  168. <li>03 주문완료</li>
  169. </ul>
  170. </div>
  171. </div>
  172. <div class="cont_body">
  173. <!-- CONT-BODY -->
  174. <div class="od_cont">
  175. <form class="form_wrap">
  176. <div class="sec_head">
  177. <div class="tbl type4">
  178. <table>
  179. <colgroup>
  180. <col width="240">
  181. <col width="*">
  182. </colgroup>
  183. <tbody>
  184. <tr>
  185. <th>총 <span class="number" id="delvFeeCdCnt" th:text="${delvFeeCdCnt}"></span> 건으로 나뉘어 배송 예정</th>
  186. <td>
  187. <span> 총알배송<em class="number" th:text="${shotCnt}" id="shotCnt"></em>건</span>
  188. <span> STYLE24<em class="number" th:text="${wmsCnt}" id="wmsCnt"></em>건</span>
  189. <span> 업체직배송<em class="number" th:text="${delvCnt}"></em>건</span>
  190. <span> 예약배송<em class="number" th:text="${resCnt}"></em>건</span>
  191. </td>
  192. </tr>
  193. </tbody>
  194. </table>
  195. </div>
  196. </div>
  197. <div class="sec_body">
  198. <!-- -->
  199. <div class="foldGroup">
  200. <ul>
  201. <!-- 주문고객정보 -->
  202. <li class="fold_mbinfo" id="custemerInfo" style="display:none"></li>
  203. <!-- //주문고객정보 -->
  204. <!-- 배송지정보 -->
  205. <li class="fold_mbinfo" id="deliveryAddrInfo" style="display:none"></li>
  206. <!-- //배송지정보 -->
  207. <!-- //사은품정보 -->
  208. <li id="freegiftInfo" style="display:none"></li>
  209. <!-- //사은품정보 -->
  210. <!-- 할인/혜택 사용 -->
  211. <li id="dcAmtInfo" style="display:none"></li>
  212. <!-- //할인/혜택 사용 -->
  213. <!-- 결제수단 선택 -->
  214. <li class="fold_paymethod" id="paymentInfo" style="display:none"></li>
  215. <!-- //결제수단 선택 -->
  216. </ul>
  217. </div>
  218. <div class="area_paymentinfo">
  219. <!-- @자사만,무통장,실시간있으면 미노출 -->
  220. <!-- @입점이있으면 -->
  221. <div class="paymentinfo">
  222. <div class="payinfo_blk">
  223. <a href="">개인정보 제공에 대한 동의<span>보기</span></a>
  224. <div class="infotxt">STYLE24는 다음과 같이 회원님의 개인정보를 제3자에게 제공합니다.
  225. <table>
  226. <colgroup>
  227. <col width="25%">
  228. <col width="*">
  229. <col width="25%">
  230. <col width="25%">
  231. </colgroup>
  232. <thead>
  233. <tr>
  234. <th>제공받는 자</th>
  235. <th>제공하는 항목</th>
  236. <th>제공 목적</th>
  237. <th>보유 및 이용기간</th>
  238. </tr>
  239. </thead>
  240. <tbody>
  241. <tr class="paymentinfo agree1">
  242. <td>서울보증보험㈜, ㈜유세이프</td>
  243. <td>
  244. 구매자명, 구매자 생년월일,
  245. 구매자 성별, 구매자 연락처
  246. (일반전화 및 핸드폰), 구매자
  247. 이메일, 주문번호,
  248. 배송지 정보, 주문 금액
  249. </td>
  250. <td>쇼핑몰보증보험 가입 및 보험가입 제반 사항</td>
  251. <td>개별서비스 제공기간</td>
  252. </tr>
  253. <!-- 입점업체가 있을때 노출 -->
  254. <th:block th:if="${delvCnt} > 0">
  255. <tr class="paymentinfo agree2">
  256. <td>
  257. <th:block th:each="delvFeeCd, i : ${delvFeeCdList}">
  258. <th:block th:unless="${delvFeeCd.delvFeeCd} == 'WMS'">
  259. <th:block th:if="${i.count == #lists.size(delvFeeCdList)}">
  260. <th:block th:text="|${delvFeeCd.supplyCompNm}|"></th:block>
  261. </th:block>
  262. <th:block th:if="${i.count < #lists.size(delvFeeCdList)}">
  263. <th:block th:text="|${delvFeeCd.supplyCompNm},|"></th:block>
  264. </th:block>
  265. </th:block>
  266. </th:block>
  267. </td>
  268. <td>성명, 주소, 연락처</td>
  269. <td>주문상품의 배송, 고객상담 및 불만처리</td>
  270. <td>이용목적 달성 시 까지</td>
  271. </tr>
  272. </th:block>
  273. <!-- //입점업체가 있을때 노출 -->
  274. </tbody>
  275. </table>
  276. </div>
  277. </div>
  278. </div>
  279. <div class="agree_payment">
  280. 위 주문내역을 확인 하였으며, 회원 본인은 결제에 동의합니다. (전자상거래법 제 8조 제2항)
  281. </div>
  282. </div>
  283. <div class="area_paybtn">
  284. <div class="form_field">
  285. <button type="button" class="btn btn_primary btn_block" id="btn_payment">
  286. <span>동의 후 <em class="realOrdAmt"></em> 결제하기</span>
  287. </button>
  288. </div>
  289. </div>
  290. </div>
  291. </form>
  292. </div>
  293. <div class="od_side">
  294. <div class="area_order">
  295. <div class="tit_box">
  296. <h3>주문내역</h3>
  297. <span> <em class="number" th:text="${goodsTotCnt}"></em> 개의 상품
  298. </span>
  299. </div>
  300. <div id="orderListInfo" style="display:none"></div>
  301. <div class="od_amount_box">
  302. <dl>
  303. <div>
  304. <dt>상품금액</dt>
  305. <dd id="orgGoodsSumAmt" th:text="|${#numbers.formatInteger(listSumAmt, 1, 'COMMA')} 원|"></dd>
  306. </div>
  307. <div>
  308. <dt>배송비</dt>
  309. <dd id="delvSumAmt" th:text="|${#numbers.formatInteger(sumDelvFee, 1, 'COMMA')} 원|"></dd>
  310. </div>
  311. <div>
  312. <dt>상품할인금액</dt>
  313. <th:block th:if="${goodsDcSumAmt} > 0">
  314. <dd><span class="disc_amount" th:text="|-${#numbers.formatInteger(goodsDcSumAmt, 1, 'COMMA')} 원|"></span></dd>
  315. </th:block>
  316. <th:block th:if="${goodsDcSumAmt} < 1">
  317. <dd><span class="disc_amount" th:text="|${#numbers.formatInteger(goodsDcSumAmt, 1, 'COMMA')} 원|"></span></dd>
  318. </th:block>
  319. </div>
  320. <div>
  321. <dt>즉시할인금액</dt>
  322. <th:block th:if="${cpn1DcSumAmt} > 0">
  323. <dd><span class="disc_amount" id="cpn1DcSumAmt" th:text="|-${#numbers.formatInteger(cpn1DcSumAmt, 1, 'COMMA')} 원|"></span></dd>
  324. </th:block>
  325. <th:block th:if="${cpn1DcSumAmt} < 1">
  326. <dd><span class="disc_amount" id="cpn1DcSumAmt" th:text="|${#numbers.formatInteger(cpn1DcSumAmt, 1, 'COMMA')} 원|"></span></dd>
  327. </th:block>
  328. </div>
  329. <!-- 회원인경우 노출 -->
  330. <th:block th:if="${isLogin}">
  331. <div>
  332. <dt>다다익선할인금액</dt>
  333. <th:block th:if="${tmtbDcSumAmt} > 0">
  334. <dd><span class="disc_amount" id="tmtbDcSumAmt" th:text="|-${#numbers.formatInteger(tmtbDcSumAmt, 1, 'COMMA')} 원|"></span></dd>
  335. </th:block>
  336. <th:block th:if="${tmtbDcSumAmt} < 1">
  337. <dd><span class="disc_amount" id="tmtbDcSumAmt" th:text="|${#numbers.formatInteger(tmtbDcSumAmt, 1, 'COMMA')} 원|"></span></dd>
  338. </th:block>
  339. </div>
  340. <div>
  341. <dt>쿠폰할인</dt>
  342. <dd><span class="disc_amount" id="couponDcSumAmt"></span></dd>
  343. </div>
  344. <div>
  345. <dt>선포인트 사용</dt>
  346. <th:block th:if="${prePntDcAmt} > 0">
  347. <dd><span class="disc_amount" id="prePntDcAmt" th:text="|-${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')} 원|"></span></dd>
  348. </th:block>
  349. <th:block th:if="${prePntDcAmt} < 1">
  350. <dd><span class="disc_amount" id="prePntDcAmt" th:text="|${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')} 원|"></span></dd>
  351. </th:block>
  352. </div>
  353. <div>
  354. <dt>포인트 사용</dt>
  355. <dd><span class="disc_amount" id="pntDcAmt"></span></dd>
  356. </div>
  357. <div>
  358. <dt>상품권 사용</dt>
  359. <dd><span class="disc_amount" id="gfcdUseAmt"></span></dd>
  360. </div>
  361. </th:block>
  362. </dl>
  363. </div>
  364. <div class="totalprice_box">
  365. <dl>
  366. <dt>총 결제 예정 금액</dt>
  367. <dd><span id="realOrdAmt"></span> 원</dd>
  368. </dl>
  369. <p class="info_point">
  370. <!-- 회원인경우 노출 -->
  371. <th:blcok th:if="${isLogin}">
  372. <span span class="save_point" id="savePntSumAmt" th:text="|${#numbers.formatInteger(savePntSumAmt, 1, 'COMMA')} P|"></span> 적립예정
  373. </th:blcok>
  374. <!-- 비회원인경우 노출-->
  375. <th:blcok th:if="!${isLogin}">
  376. 회원가입 후 구매하면&nbsp;&nbsp;<span span class="save_point" id="savePntSumAmt" th:text="|${#numbers.formatInteger(savePntSumAmt, 1, 'COMMA')} P|"></span> 적립예정
  377. </th:blcok>
  378. </p>
  379. </div>
  380. </div>
  381. </div>
  382. <!-- // CONT-BODY -->
  383. </div>
  384. </div>
  385. </div>
  386. </div>
  387. </form>
  388. <!-- 사은품지급안내 팝업 -->
  389. <div class="modal fade infoGift_pop" id="infoGiftPop" tabindex="-1" role="dialog" aria-labelledby="infoGiftLabel" aria-hidden="true">
  390. <div class="modal-dialog" role="document">
  391. <div class="modal-content">
  392. <div class="modal-header"><h5 class="modal-title" id="infoGiftLabel">STYLE24 사은품 지급 안내</h5></div>
  393. <div class="modal-body">
  394. <div class="pop_cont">
  395. <div class="cont_box">
  396. <ul>
  397. <li>스타일포인트 차감 사은품을 선택하신 경우, 결제 시 고객님의 누적 포인트에서 차감됩니다.</li>
  398. <li>보유한 포인트의 금액을 넘어선 사은품은 신청이 불가합니다.</li>
  399. <li>사은품 신청 시 해외배송은 불가합니다. <br> <span class="t_info">(적립포인트 사은품 및 온라인 사은품 제외)</span></li>
  400. </ul>
  401. </div>
  402. </div>
  403. </div>
  404. </div>
  405. </div>
  406. <a href="#close-modal" rel="modal:close" id="infoGiftPop_close" class="close-modal">Close</a>
  407. </div>
  408. <!-- //사은품지급안내 팝업 -->
  409. <!-- 할인쿠폰 변겅 팝업 -->
  410. <div class="modal fade couponModify_pop" id="couponModifyPop" tabindex="-1" role="dialog" aria-labelledby="couponModifyLabel" aria-hidden="true">
  411. <div class="modal-dialog" role="document">
  412. <div class="modal-content">
  413. <!-- 할인쿠폰 변겅 팝업 내용 -->
  414. </div>
  415. </div>
  416. <a href="#close-modal" rel="modal:close" id="couponModifyPop_close" class="close-modal">Close</a>
  417. </div>
  418. <!-- //할인쿠폰 변겅 팝업 -->
  419. <script th:inline="javascript">
  420. // 배송관련정보 변수선언
  421. var cartGoodsList = [[${cartGoodsList}]] // 배송목록
  422. var shotCnt = [[${shotCnt}]]; // 자사 총알 배송건수
  423. var wmsCnt = [[${wmsCnt}]]; // 자사 일반 배송건수
  424. var shotWmsCnt = [[${shotWmsCnt}]]; // 자사 총알,일반 배송건수
  425. var resCnt = [[${resCnt}]]; // 자사 예약 배송건수
  426. var delvCnt = [[${delvCnt}]]; // 입점 일반 배송건수
  427. var orgSumDelvFee = [[${sumDelvFee}]]; // 최초배송비합계
  428. var prePntDcAmt = [[${prePntDcAmt}]]; // 선포인트사용가능금액
  429. var custNm = [[${order.custNm}]]; // 주문자명
  430. var cellPhnno = [[${order.cellPhnno}]]; // 핸드폰번호
  431. var email = [[${order.email}]]; // 이메일
  432. var recipZipcode = [[${order.recipZipcode}]]; // 우편번호
  433. var recipBaseAddr = [[${order.recipBaseAddr}]]; // 기본주소
  434. var recipDtlAddr = [[${order.recipDtlAddr}]]; // 상세주소
  435. var cartSqArr = [[${order.cartSqArr}]]; // 장바구니시퀀스 목록
  436. var shotDelvUseYn = [[${order.shotDelvUseYn}]]; // 총알배송사용여부(장바구니)
  437. var shotDelvYn = [[${order.shotDelvUseYn}]]; // 총알배송사용여부(장바구니)
  438. var foreignBuyYn = [[${order.foreignBuyYn}]]; // 해외구매대행
  439. var foreignBuyYn = [[${foreignBuyYn}]]; // 해외구매대행여부
  440. var orderMadeYn = [[${orderMadeYn}]]; // 주문제작상품여부
  441. var isLogin = [[${isLogin}]]; // 로그인여부
  442. var devTempYn = [[${devTempYn}]]; // 개발자모드가능여부
  443. var custCpnSq = 0;
  444. var cpnIndex = 0;
  445. var cpnApplyTemp = false;
  446. //AJAX 로드를 위한 변수 설정
  447. var jsonObj = {};
  448. // 컨텐츠 호출
  449. $(document).ready( function() {
  450. var dispYn = "N";
  451. // 장바구니시퀀스 배열 변환
  452. cartSqArr = String(cartSqArr).split(",");
  453. if (isLogin == false) {
  454. dispYn = "Y";
  455. }
  456. // AJAX 로드를 위한 변수 설정
  457. jsonObj = {
  458. "custNm" : custNm
  459. , "cellPhnno" : cellPhnno
  460. , "email" : email
  461. , "recipZipcode" : recipZipcode
  462. , "recipBaseAddr" : recipBaseAddr
  463. , "recipDtlAddr" : recipDtlAddr
  464. , "cartSqArr" : cartSqArr
  465. , "dispYn" : dispYn
  466. , "shotDelvYn" : shotDelvUseYn
  467. , "shotDelvUseYn" : shotDelvUseYn
  468. , "foreignBuyYn" : foreignBuyYn
  469. , "orderMadeYn" : orderMadeYn
  470. , "custDelvAddrSq" : 0
  471. , "cartGoodsList" : cartGoodsList
  472. }
  473. jsonData = JSON.stringify(jsonObj);
  474. // 1. AJAX 정보(회원정보로드)
  475. custemerInfoSet();
  476. // 999. 개발화면정보설정
  477. var devTemp = false;
  478. var arr = []
  479. arr[0] = "orderInfo";
  480. arr[1] = "freegiftInfo";
  481. arr[2] = "orderDetailInfo";
  482. arr[3] = "delvFeeCdInfo";
  483. arr[4] = "orderSumAmtInfo";
  484. // 개발자모드실행
  485. if (devTemp == true && devTempYn == true) {
  486. $("table").each(function(){
  487. var name = $(this).attr("name");
  488. for (i=0 ; i<arr.length ; i++) {
  489. if (name == arr[i]) {
  490. $(this).show();
  491. }
  492. }
  493. });
  494. }
  495. });
  496. // 1. 함수기능 정의
  497. // 1.1 고객정보로드
  498. var custemerInfoSet = function() {
  499. $.ajax( {
  500. type : "POST",
  501. url : '/order/custemerInfo',
  502. data : JSON.stringify(jsonObj),
  503. dataType : 'html',
  504. beforeSend : function(xhr, settings) {
  505. xhr.setRequestHeader("AJAX" , "true");
  506. xhr.setRequestHeader('Accept' , 'application/json');
  507. xhr.setRequestHeader('Content-Type' , 'application/json');
  508. },
  509. success : function(result) {
  510. if (result != null) {
  511. $("#custemerInfo").css("display", "block");
  512. $("#custemerInfo").html(result);
  513. // 고객정보설정
  514. $("#orderAmtForm .custNm").text($("#orderForm input[name='custNm']").val());
  515. $("#orderAmtForm .email").text($("#orderForm input[name='email']").val());
  516. $("#orderAmtForm .cellPhnno").text($("#orderForm input[name='cellPhnno']").val());
  517. $("#orderAmtForm .sexGb").text($("#orderForm input[name='sexGb']").val());
  518. $("#orderAmtForm .birthYmd").text($("#orderForm input[name='birthYmd']").val());
  519. }
  520. // 1.2 배송정보로드
  521. deliveryAddrInfoSet(jsonObj, true);
  522. }
  523. });
  524. }
  525. // 1.2 배송정보로드
  526. var deliveryAddrInfoSet = function(delvObj, temp) {
  527. // 2021.04.29 AJAX 로드를 위한 변수 설정
  528. delvObj.foreignBuyYn = foreignBuyYn;
  529. delvObj.orderMadeYn = orderMadeYn;
  530. $.ajax( {
  531. type : "POST",
  532. url : '/order/deliveryAddrInfo',
  533. data : JSON.stringify(delvObj),
  534. dataType : 'html',
  535. beforeSend : function(xhr, settings) {
  536. xhr.setRequestHeader("AJAX" , "true");
  537. xhr.setRequestHeader('Accept' , 'application/json');
  538. xhr.setRequestHeader('Content-Type' , 'application/json');
  539. },
  540. success : function(result) {
  541. $("#deliveryAddrInfo").css("display", "block");
  542. $("#deliveryAddrInfo").html(result);
  543. // 배송정보설정
  544. $("#orderAmtForm .recipNm").text($("#orderForm input[name='recipNm']").val());
  545. $("#orderAmtForm .recipPhnno").text($("#orderForm input[name='recipPhnno']").val());
  546. $("#orderAmtForm .recipZipcode").text($("#orderForm input[name='recipZipcode']").val());
  547. $("#orderAmtForm .recipBaseAddr").text($("#orderForm input[name='recipBaseAddr']").val());
  548. $("#orderAmtForm .recipDtlAddr").text($("#orderForm input[name='recipDtlAddr']").val());
  549. $("#orderAmtForm .delvMemo").text($("#orderForm input[name='delvMemo']").val());
  550. // 2. 버튼기능구현
  551. // 2.1 회원 배송지변경 팝업열기
  552. $('#btn_adrsChange_pop').on("click", function(){
  553. // 회원인경우
  554. if (isLogin == true) {
  555. $.ajax( {
  556. type : "POST",
  557. url : '/common/delvAddrChangePop',
  558. data : JSON.stringify(jsonObj),
  559. dataType : 'html',
  560. beforeSend : function(xhr, settings) {
  561. xhr.setRequestHeader("AJAX" , "true");
  562. xhr.setRequestHeader('Accept' , 'application/json');
  563. xhr.setRequestHeader('Content-Type' , 'application/json');
  564. },
  565. success : function(result) {
  566. $("#adrsChangePop .modal-dialog .modal-content").html(result);
  567. $("#adrsChangePop").modal("show");
  568. }
  569. });
  570. }
  571. // 비회원인경우
  572. else {
  573. $.ajax( {
  574. type : "POST",
  575. url : '/common/delvAddrAddPop',
  576. data : JSON.stringify(jsonObj),
  577. dataType : 'html',
  578. beforeSend : function(xhr, settings) {
  579. xhr.setRequestHeader("AJAX" , "true");
  580. xhr.setRequestHeader('Accept' , 'application/json');
  581. xhr.setRequestHeader('Content-Type' , 'application/json');
  582. },
  583. success : function(result) {
  584. $("#adrsAddPop .modal-dialog .modal-content").html(result);
  585. $("#adrsAddPop").modal("show");
  586. }
  587. });
  588. }
  589. });
  590. // 2.2 배송요청사항 팝업열기
  591. $("#btn_rqstModify_pop").on("click", function(e){
  592. var jsonObj = new Object();
  593. jsonObj.delvMemo = $("#orderForm input[name=delvMemo]").val();
  594. $.ajax({
  595. type : "POST",
  596. url : "/common/delvMemoChangePop",
  597. data : JSON.stringify(jsonObj),
  598. dataType : "html",
  599. beforeSend : function(xhr, settings) {
  600. xhr.setRequestHeader("AJAX" , "true");
  601. xhr.setRequestHeader('Accept' , 'application/json');
  602. xhr.setRequestHeader('Content-Type' , 'application/json');
  603. },
  604. success : function(result) {
  605. if (result != null) {
  606. $("#rqstModifyPop .modal-dialog .modal-content").html(result);
  607. $("#rqstModifyPop").modal("show");
  608. }
  609. }
  610. });
  611. return false;
  612. });
  613. // 1.3 총알배송가능 지역, 총알배송 가능 시간 체크(초기로드정보)
  614. fnGetDailyDeliveryCheck(temp);
  615. }
  616. });
  617. }
  618. // 1.3 총알배송가능 지역, 총알배송 가능 시간 체크
  619. var fnGetDailyDeliveryCheck = function (temp) {
  620. jsonData = JSON.stringify(jsonObj);
  621. // 장바구니 총알배송 사용여부 체크 N
  622. if (shotDelvUseYn == "N") {
  623. // 초기에 한번 데이타 로드
  624. if (temp) {
  625. // 1.4 주문상품목록로드
  626. orderListInfoSet(jsonData, temp);
  627. }
  628. } else {
  629. // 배송지 우편번호 체크
  630. var zipcode = $("#orderForm input[name='recipZipcode']").val();
  631. // 총알배송여부 체크 배송지정보 존재여부 체크
  632. if (zipcode == null || zipcode == '') {
  633. //alert("배송지정보가 없습니다. 기본 총알배송 가능지역으로 설정 합니다.");
  634. zipcode = "04320"; // 기본 서울역 우편번호로 설정
  635. }
  636. // TODO
  637. var shotDelvObj = {"zipNo" : zipcode};
  638. gagajf.ajaxJsonSubmit(
  639. "/order/getDailyDeliveryCheck"
  640. , JSON.stringify(shotDelvObj)
  641. , function (result) {
  642. // 총알배송여부체크
  643. var tempShotDelvYn = "N";
  644. if (parseInt(result) > 0) {
  645. tempShotDelvYn = "Y";
  646. }
  647. // json 값 설정
  648. var orderListObj = {
  649. "cartSqArr" : cartSqArr
  650. , "shotDelvYn" : tempShotDelvYn
  651. , "cartGoodsList" : cartGoodsList
  652. };
  653. var orderListJsonData = JSON.stringify(orderListObj);
  654. if (temp) {
  655. // 1.3 주문상품목록로드
  656. orderListInfoSet(orderListJsonData, temp);
  657. } else {
  658. if (tempShotDelvYn != shotDelvYn) {
  659. orderListInfoSet(orderListJsonData, temp);
  660. }
  661. }
  662. shotDelvYn = tempShotDelvYn;
  663. }
  664. )
  665. }
  666. }
  667. // 1.4 주문상품목록로드
  668. var orderListInfoSet = function(orderListJsonData, temp) {
  669. $.ajax( {
  670. type : "POST",
  671. url : '/order/orderListInfo',
  672. data : orderListJsonData,
  673. dataType : 'html',
  674. beforeSend : function(xhr, settings) {
  675. xhr.setRequestHeader("AJAX" , "true");
  676. xhr.setRequestHeader('Accept' , 'application/json');
  677. xhr.setRequestHeader('Content-Type' , 'application/json');
  678. },
  679. success : function(result) {
  680. if (result != null) {
  681. $("#orderListInfo").css("display", "block");
  682. $("#orderListInfo").html(result);
  683. $("#delvFeeCdCnt").text($("#orderForm input[name=delvFeeCdCnt]").val());
  684. $("#shotCnt").text($("#orderForm input[name=shotCnt]").val());
  685. $("#wmsCnt").text($("#orderForm input[name=wmsCnt]").val());
  686. // 총알배송건수가 있으면 총알배송 태그 표시
  687. if (parseInt($("#orderForm input[name=shotCnt]").val()) > 0 ) {
  688. $("#orderForm .shotDelv").show();
  689. } else {
  690. $("#orderForm .shotDelv").hide();
  691. }
  692. }
  693. // 1.5 사은품정보로드
  694. if (temp) {
  695. freegiftInfoSet();
  696. }
  697. }
  698. });
  699. }
  700. // 1.5 사은품정보로드
  701. var freegiftInfoSet = function() {
  702. $.ajax( {
  703. type : "POST",
  704. url : '/order/freegiftInfo',
  705. data : JSON.stringify(jsonObj),
  706. dataType : 'html',
  707. beforeSend : function(xhr, settings) {
  708. xhr.setRequestHeader("AJAX" , "true");
  709. xhr.setRequestHeader('Accept' , 'application/json');
  710. xhr.setRequestHeader('Content-Type' , 'application/json');
  711. },
  712. success : function(result) {
  713. if (result != null) {
  714. $("#freegiftInfo").html(result);
  715. var total_gift = 0;
  716. var total_deduct = 0;
  717. // 2.2 사은품선택 라디오 버튼 기능
  718. $("#orderForm .freegiftRdo").on("click", function() {
  719. total_gift = 0;
  720. total_deduct = 0;
  721. // 2021.04.14 사은품 사용 포인트가 보유포인트보다 작아야 한다.
  722. var rmPntAmt = parseInt($("#orderForm input[name='rmPntAmt']").val());
  723. var freegiftUsePnt = parseInt($("#orderAmtForm .freegiftUsePnt").text());
  724. var usepoint = parseInt($(this).attr("usepoint"));
  725. rmPntAmt = rmPntAmt - freegiftUsePnt - usepoint;
  726. if (rmPntAmt < 0) {
  727. mcxDialog.alert("보유포인트가 부족합니다.");
  728. return false;
  729. }
  730. $("#orderForm .freegiftRdo").each(function(){
  731. if ($(this).attr("allYn") == "Y" ) {
  732. total_gift += 1;
  733. }
  734. // 라디오버튼 사은품 체크
  735. if ($(this).is(":checked")) {
  736. // 수령거부가 아닐때 체크
  737. if ($(this).val() != "noSel") {
  738. total_gift += 1;
  739. total_deduct += parseInt($(this).attr("usepoint"));
  740. }
  741. }
  742. });
  743. $("#orderForm .total_gift").text(total_gift); // 사은품총선택개수
  744. $("#orderForm .total_deduct").text(total_deduct.addComma()); // 사은품총사용포인트
  745. $("#orderAmtForm .freegiftUsePnt").text(total_deduct);
  746. // 2021.04.29 사은품기능 리셋
  747. var pntDcAmt = parseInt($("#orderAmtForm .pntDcSumAmt").text());
  748. if (pntDcAmt > 0) {
  749. mcxDialog.alert("적용된 할인/혜택이 초기화 됩니다.");
  750. pntDcAmtReset();
  751. }
  752. // 2021.05.07 금액계산실행
  753. custCpnSumAmtCal();
  754. });
  755. // 2021.04.29 무료사은품 기본선택
  756. $("#orderForm .freegiftRdo").each(function(){
  757. var usepoint = parseInt($(this).attr("usepoint"));
  758. var count = parseInt($(this).attr("count"));
  759. // 첫번째 무료 선택
  760. if (usepoint == 0 && count == 1) {
  761. $(this).trigger("click");
  762. total_gift = 0;
  763. total_deduct = 0;
  764. // 2021.04.14 사은품 사용 포인트가 보유포인트보다 작아야 한다.
  765. var rmPntAmt = parseInt($("#orderForm input[name='rmPntAmt']").val());
  766. var freegiftUsePnt = parseInt($("#orderAmtForm .freegiftUsePnt").text());
  767. var usepoint = parseInt($(this).attr("usepoint"));
  768. rmPntAmt = rmPntAmt - freegiftUsePnt - usepoint;
  769. if (rmPntAmt < 0) {
  770. mcxDialog.alert("보유포인트가 부족합니다.");
  771. return false;
  772. }
  773. $("#orderForm .freegiftRdo").each(function(){
  774. if ($(this).attr("allYn") == "Y" ) {
  775. total_gift += 1;
  776. }
  777. // 라디오버튼 사은품 체크
  778. if ($(this).is(":checked")) {
  779. // 수령거부가 아닐때 체크
  780. if ($(this).val() != "noSel") {
  781. total_gift += 1;
  782. total_deduct += parseInt($(this).attr("usepoint"));
  783. }
  784. }
  785. });
  786. $("#orderForm .total_gift").text(total_gift); // 사은품총선택개수
  787. $("#orderForm .total_deduct").text(total_deduct.addComma()); // 사은품총사용포인트
  788. $("#orderAmtForm .freegiftUsePnt").text(total_deduct);
  789. // 포인트초기화기능
  790. pntDcAmtReset();
  791. }
  792. });
  793. // 사은품테이블 그리기
  794. $("#orderForm .gift_box").each(function(){
  795. $(this).find(".freegiftRdo").each(function(){
  796. if ($(this).attr("allYn") == "Y" ) {
  797. total_gift += 1;
  798. }
  799. $("#orderForm .total_gift").text(total_gift); // 사은품총선택개수
  800. });
  801. });
  802. // 2021.04.29 사은품동의 체크 기능
  803. /*
  804. $("#orderForm #chk-agree_gift").on("click", function(){
  805. if ($(this).is(":checked") == false) {
  806. mcxDialog.alert("미동의시 사은품 지급이 되지 않습니다.");
  807. }
  808. });
  809. */
  810. }
  811. // 1.6 결제타입로드
  812. paymentInfoSet();
  813. }
  814. });
  815. }
  816. // 1.6 결제타입로드 (결제버튼기능구현)
  817. var paymentInfoSet = function() {
  818. $.ajax( {
  819. type : "POST",
  820. url : '/order/paymentInfo',
  821. data : JSON.stringify(jsonObj),
  822. dataType : 'html',
  823. beforeSend : function(xhr, settings) {
  824. xhr.setRequestHeader("AJAX" , "true");
  825. xhr.setRequestHeader('Accept' , 'application/json');
  826. xhr.setRequestHeader('Content-Type' , 'application/json');
  827. },
  828. success : function(result) {
  829. if (result != null) {
  830. $("#paymentInfo").css("display", "block");
  831. $("#paymentInfo").html(result);
  832. var payTeyp = "";
  833. // 결제타입명칭 설정
  834. $("#orderForm .area_paymethod .paymethod_box ul li").on("click", function(){
  835. payType = $(this).find(".payType").text();
  836. if ($(this).find("input[name=rdi-paynormal]").is(":checked")) {
  837. $("#orderForm .payTypeNm").text(payType);
  838. }
  839. // 2021.04.29 수정
  840. $("#orderForm input[name=insuranceYn]").attr("checked", false);
  841. $("#orderForm .area_paymentinfo .agree1").hide();
  842. // 2021.04.25 실시간계좌이체, 무통장입금시 보증보험 신청 약관 노출
  843. if (payType == "실시간계좌이체" || payType == "무통장입금" ) {
  844. $("#orderForm .area_paymethod .agree_insurance").show();
  845. } else {
  846. $("#orderForm .area_paymethod .agree_insurance").hide();
  847. }
  848. if (delvCnt > 0) {
  849. $("#orderForm .area_paymentinfo").show();
  850. } else {
  851. $("#orderForm .area_paymentinfo").hide();
  852. }
  853. });
  854. // 2021.04.25 실시간계좌이체, 무통장입금시 보증보험 신청 약관 노출
  855. // 2021.05.16 동의박스체크시노출
  856. $("#orderForm input[name=insuranceYn]").on("click", function(){
  857. var displayTemp = true;
  858. if (payType == "실시간계좌이체" || payType == "무통장입금" ) {
  859. if ($(this).is(":checked")) {
  860. $("#orderForm .area_paymethod .agree_insurance").show();
  861. $("#orderForm .area_paymentinfo").show();
  862. $("#orderForm .area_paymentinfo .agree1").show();
  863. } else {
  864. displayTemp = false;
  865. }
  866. } else {
  867. displayTemp = false;
  868. }
  869. if (displayTemp == false) {
  870. $("#orderForm .area_paymentinfo .agree1").hide();
  871. if (delvCnt > 0) {
  872. $("#orderForm .area_paymentinfo").show();
  873. } else {
  874. $("#orderForm .area_paymentinfo").hide();
  875. }
  876. }
  877. });
  878. // 2021.05.16 초기값설정
  879. $("#orderForm .area_paymethod .agree_insurance").hide();
  880. $("#orderForm .area_paymentinfo .agree1").hide();
  881. if (delvCnt > 0) {
  882. $("#orderForm .area_paymentinfo").show();
  883. } else {
  884. $("#orderForm .area_paymentinfo").hide();
  885. }
  886. // 결재하기
  887. $("#btn_payment").on("click", function(){
  888. // 사은품정보
  889. var prePntDcAmtYn = $("#orderForm input[name='rdi-beforpoint']:checked").val();
  890. var paynormal = $("#orderForm input[name='rdi-paynormal']:checked").val();
  891. var orderDetailList = [];
  892. var delvFeeCdList = [];
  893. var ordGoodsQty = 0;
  894. var goodsNm = "";
  895. var orgEntryNo = "";
  896. var entryNo = "";
  897. var insuranceYn = "N";
  898. // 2021.04.25
  899. if ($("#orderForm input[name=insuranceYn]").is(":checked")) {
  900. insuranceYn = "Y";
  901. }
  902. // 배송주소등록
  903. if ($("#orderAmtForm .recipZipcode").text() == "00000") {
  904. mcxDialog.alert("배송정보를 등록해 주세요.");
  905. // 배송정보화면노출
  906. deliveryAddrInfoDispYn("Y");
  907. return false;
  908. }
  909. // TODO 개인통관번호 동의 체크시 통관번호 등록
  910. if (foreignBuyYn == "Y") {
  911. if ($("#orderForm input[name=rdi-overseas]:checked").val() == "Y") {
  912. if (gagajf.isNull($("#orderForm input[name=entryNo]").val())) {
  913. mcxDialog.alert("개인통관고유부호를 입력해주세요.");
  914. $('#orderForm input[name=entryNo]').focus();
  915. // 배송정보화면노출
  916. deliveryAddrInfoDispYn("Y");
  917. return false;
  918. }
  919. orgEntryNo = $("#orderForm input[name=entryNo]").val();
  920. if (orgEntryNo.substr(0,1) != "P") {
  921. mcxDialog.alert("개인통관고유부호가 유효하지 않습니다.");
  922. $('#orderForm input[name=entryNo]').focus();
  923. // 배송정보화면노출
  924. deliveryAddrInfoDispYn("Y");
  925. return false;
  926. }
  927. if (orgEntryNo.length < 13) {
  928. mcxDialog.alert("개인통관고유부호가 유효하지 않습니다.");
  929. $('#orderForm input[name=entryNo]').focus();
  930. // 배송정보화면노출
  931. deliveryAddrInfoDispYn("Y");
  932. return false;
  933. }
  934. if (!$("#orderForm #chk-overs-agr").is(":checked")) {
  935. mcxDialog.alert("개인통관정보고유부호 정보 동의/저장항목을 체크해주세요.");
  936. // 배송정보화면노출
  937. deliveryAddrInfoDispYn("Y");
  938. return false;
  939. }
  940. }
  941. }
  942. // 주문제작상품일때 주문제작정보동의
  943. if (orderMadeYn == "Y") {
  944. if (!$("#orderForm #chk-custom-agr1").is(":checked")) {
  945. mcxDialog.alert("주문제작상품에 대한 동의를 하지 않으실 경우 해당 상품을 쇼핑백에서 제외하신 후 다시 결제를 시도해주세요.");
  946. // 배송정보화면노출
  947. deliveryAddrInfoDispYn("Y");
  948. return false;
  949. }
  950. }
  951. // 사은품지급할 경우 체크 2020.04.29 사은품지급이 필수가 아닙니다.
  952. if ($("#orderAmtForm .freegiftValArr").text().length > 0) {
  953. if (!$("#orderForm #chk-agree_gift").is(":checked")) {
  954. mcxDialog.alert("사은품 지급 정보 동의를 체크해주세요.");
  955. // 배송정보화면노출
  956. freegiftInfoDispYn("Y");
  957. return false;
  958. }
  959. }
  960. // 결재수단
  961. if (gagajf.isNull(paynormal)) {
  962. mcxDialog.alert("결제수단을 선택해 주세요.");
  963. // 결제수단정보노출
  964. paymentInfoDispYn("Y");
  965. return false;
  966. }
  967. var paynormalArr = paynormal.split("|");
  968. var pgGb = paynormalArr[0];
  969. var payMeans = paynormalArr[1];
  970. var custPayMeans = "N";
  971. // 자주쓰는결제타입
  972. if ($("#orderForm #chk-agree_paymethod").is(":checked") == true) {
  973. custPayMeans = "Y";
  974. }
  975. // 주문상세데이타 생성
  976. $("#orderDetailInfo .cartSq").each(function(){
  977. // 주문상세단위 총알배송여부 변경
  978. var orderDetailShotDelvYn = $(this).parent().find(".shotDelvYn").text();
  979. if (orderDetailShotDelvYn == "Y") {
  980. if (shotDelvYn == "N") {
  981. orderDetailShotDelvYn = "N";
  982. }
  983. }
  984. // 개인통관번호
  985. if ($(this).parent().find(".foreignBuyYn").text() == "Y") {
  986. entryNo = orgEntryNo;
  987. } else {
  988. entryNo = "";
  989. }
  990. var orderDetailData = {
  991. "cartSq" : $(this).text()
  992. ,"currPrice" : $(this).parent().find(".orgCurrPrice").text()
  993. ,"optAddPrice" : $(this).parent().find(".optAddPrice").text()
  994. ,"ordAmt" : $(this).parent().find(".ordAmt").text()
  995. ,"cpn1CpnSq" : $(this).parent().find(".cpn1CpnSq").text()
  996. ,"cpn1DcAmt" : $(this).parent().find(".cpn1DcAmt").text()
  997. ,"goodsQty" : $(this).parent().find(".goodsQty").text()
  998. ,"tmtb1Sq" : $(this).parent().find(".tmtb1Sq").text()
  999. ,"tmtb1DcAmt" : $(this).parent().find(".tmtb1DcAmt").text()
  1000. ,"tmtb2Sq" : $(this).parent().find(".tmtb2Sq").text()
  1001. ,"tmtb2DcAmt" : $(this).parent().find(".tmtb2DcAmt").text()
  1002. ,"goodsCpnSq" : $(this).parent().find(".goodsCpnSq").text()
  1003. ,"goodsCpnDcAmt" : $(this).parent().find(".goodsCpnDcAmt").text()
  1004. ,"cartCpnSq" : $(this).parent().find(".cartCpnSq").text()
  1005. ,"cartCpnDcAmt" : $(this).parent().find(".cartCpnDcAmt").text()
  1006. ,"prePntDcAmt" : $(this).parent().find(".prePntDcAmt1").text()
  1007. ,"pntDcAmt" : $(this).parent().find(".pntDcAmt1").text()
  1008. ,"gfcdUseAmt" : $(this).parent().find(".gfcdUseAmt1").text()
  1009. ,"realOrdAmt" : $(this).parent().find(".realOrdAmt1").text()
  1010. ,"savePntAmt" : $(this).parent().find(".savePntAmt1").text()
  1011. ,"shotDelvYn" : orderDetailShotDelvYn
  1012. ,"foreignBuyYn" : $(this).parent().find(".foreignBuyYn").text()
  1013. ,"makeGoodsYn" : $(this).parent().find(".orderMadeYn").text()
  1014. ,"delvFeeCd" : $(this).parent().find(".delvFeeCd").text()
  1015. ,"goodsCd" : $(this).parent().find(".goodsCd").text()
  1016. ,"itemCdArr" : $(this).parent().find(".itemCd").text().split(",")
  1017. ,"optCdArr" : $(this).parent().find(".optCd").text().split(",")
  1018. ,"optCd1Arr" : $(this).parent().find(".optCd1").text().split(",")
  1019. ,"optCd2Arr" : $(this).parent().find(".optCd2").text().split(",")
  1020. ,"itemQtyArr" : $(this).parent().find(".itemQtyr").text().split(",")
  1021. ,"goodsType" : $(this).parent().find(".goodsType").text()
  1022. ,"entryNo" : entryNo
  1023. ,"giftPackYn" : "N"
  1024. }
  1025. // 상품수
  1026. ordGoodsQty++;
  1027. orderDetailList.push(orderDetailData);
  1028. });
  1029. // 주문배송업체정보 생성
  1030. $("#delvFeeCdInfo .delvFeeCd").each(function(){
  1031. var delvFeeCdData = {
  1032. "delvFeeCd" : $(this).text()
  1033. ,"supplyCompCd" : $(this).parent().find(".supplyCompCd").text()
  1034. ,"delvFee" : $(this).parent().find(".delvFee").text()
  1035. ,"delvCpnSq" : $(this).parent().find(".delvCpnSq").text()
  1036. ,"delvCpnDcAmt" : $(this).parent().find(".delvCpnDcAmt").text()
  1037. }
  1038. delvFeeCdList.push(delvFeeCdData);
  1039. });
  1040. // 2021.04.29 상픈품 체크박스 미동의시 사은품 미지급
  1041. var freegiftValArr = $("#orderAmtForm .freegiftValArr").text().split(",");
  1042. var freegiftSqArr = $("#orderAmtForm .freegiftSqArr").text().split(",");
  1043. var freegiftGoodsArr = $("#orderAmtForm .freegiftGoodsArr").text().split(",");
  1044. var freegiftUsePointArr = $("#orderAmtForm .freegiftUsePointArr").text().split(",");
  1045. /*
  1046. if (!$("#orderForm #chk-agree_gift").is(":checked") == false) {
  1047. freegiftValArr = "";
  1048. freegiftSqArr = "";
  1049. freegiftGoodsArr = "";
  1050. freegiftUsePointArr = "";
  1051. }
  1052. */
  1053. // 주문데이타 생성
  1054. var orderData = {
  1055. "custNm" : $("#orderAmtForm .custNm").text()
  1056. ,"email" : $("#orderAmtForm .email").text()
  1057. ,"recipNm" : $("#orderAmtForm .recipNm").text()
  1058. ,"recipPhnno" : $("#orderAmtForm .recipPhnno").text()
  1059. ,"recipZipcode" : $("#orderAmtForm .recipZipcode").text()
  1060. ,"recipBaseAddr" : $("#orderAmtForm .recipBaseAddr").text()
  1061. ,"recipDtlAddr" : $("#orderAmtForm .recipDtlAddr").text()
  1062. ,"delvMemo" : $("#orderAmtForm .delvMemo").text()
  1063. ,"insuranceYn" : insuranceYn
  1064. ,"sexGb" : $("#orderAmtForm .sexGb").text()
  1065. ,"birthYmd" : $("#orderAmtForm .birthYmd").text()
  1066. ,"prePntDcAmtYn" : prePntDcAmtYn
  1067. ,"orderDetailList" : orderDetailList
  1068. ,"delvFeeCdList" : delvFeeCdList
  1069. ,"shotDelvYn" : shotDelvYn
  1070. ,"entryNo" : entryNo
  1071. ,"pgGb" : pgGb
  1072. ,"payMeans" : payMeans // 네이버페이, 카카오페이
  1073. ,"payAmt" : $("#orderAmtForm .realOrdSumAmt").text()
  1074. ,"ordNm" : $("#orderAmtForm .custNm").text()
  1075. ,"ordPhnno" : $("#orderAmtForm .cellPhnno").text()
  1076. ,"goodsNm" : $("#orderAmtForm .goodsNm").eq(0).text()
  1077. ,"ordGoodsQty" : ordGoodsQty
  1078. ,"freegiftValArr" : freegiftValArr
  1079. ,"freegiftSqArr" : freegiftSqArr
  1080. ,"freegiftGoodsArr" : freegiftGoodsArr
  1081. ,"freegiftUsePointArr" : freegiftUsePointArr
  1082. ,"giftMsg" : ""
  1083. ,"custPayMeans" : custPayMeans
  1084. ,"cartSqArr" : cartSqArr
  1085. ,"orgGoodsSumAmt" : $("#orderAmtForm .orgGoodsSumAmt").text()
  1086. ,"cpn1DcSumAmt" : $("#orderAmtForm .cpn1DcSumAmt").text()
  1087. ,"tmtb1DcSumAmt" : $("#orderAmtForm .tmtb1DcSumAmt").text()
  1088. ,"tmtb2DcSumAmt" : $("#orderAmtForm .tmtb2DcSumAmt").text()
  1089. ,"goodsCpnDcSumAmt" : $("#orderAmtForm .goodsCpnDcSumAmt").text()
  1090. ,"cartCpnDcSumAmt" : $("#orderAmtForm .cartCpnDcSumAmt").text()
  1091. ,"prePntDcSumAmt" : $("#orderAmtForm .prePntDcSumAmt").text()
  1092. ,"pntDcSumAmt" : $("#orderAmtForm .pntDcSumAmt").text()
  1093. ,"gfcdUseSumAmt" : $("#orderAmtForm .gfcdUseSumAmt").text()
  1094. ,"realOrdSumAmt" : $("#orderAmtForm .realOrdSumAmt").text()
  1095. ,"delvSumAmt" : $("#orderAmtForm .delvSumAmt").text()
  1096. };
  1097. $.ajax( {
  1098. type : "POST",
  1099. url : '/order/create/preOrder',
  1100. data : JSON.stringify(orderData),
  1101. dataType : 'html',
  1102. beforeSend : function(xhr, settings) {
  1103. xhr.setRequestHeader("AJAX" , "true");
  1104. xhr.setRequestHeader('Accept' , 'application/json');
  1105. xhr.setRequestHeader('Content-Type' , 'application/json');
  1106. },
  1107. success : function(result) {
  1108. // 결재정보로드
  1109. $("#order_info").html(result);
  1110. var pgGb = $("#order_info input[name=pgGb]").val();
  1111. if (pgGb == "NAVER") {
  1112. fnNaverPaymentReady();
  1113. } else if (pgGb == "KAKAO") {
  1114. fnKakaoPaymentReady();
  1115. } else if (pgGb == "KCP" || pgGb == "PAYCO") {
  1116. if(payMeans == "G014_70") {
  1117. $("#order_info").submit();
  1118. } else {
  1119. jsf__pay(document.order_info);
  1120. }
  1121. }
  1122. }
  1123. });
  1124. });
  1125. // 1.8 할인영역 설정 (로그인여부일때 동작)
  1126. if (isLogin == true) {
  1127. dcAmtInfoSet();
  1128. } else {
  1129. // 금액계산초기화
  1130. custCpnSumAmtCal();
  1131. }
  1132. }
  1133. }
  1134. });
  1135. }
  1136. // 1.7 프로모션 쿠폰 적용 함수
  1137. var serialCpnApply = function(){
  1138. if (gagajf.isNull($("#serialCpnNm").val())) {
  1139. mcxDialog.alert("할인코드를 입력해주세요.");
  1140. $('#serialCpnNm').focus();
  1141. return false;
  1142. }
  1143. let data = {
  1144. rdCpnNm : $("#serialCpnNm").val()
  1145. }
  1146. $.ajax( {
  1147. type : "POST",
  1148. url : '/cart/list/serialCpnApply',
  1149. contentType : 'application/json',
  1150. dataType : 'json',
  1151. data : JSON.stringify(data),
  1152. success : function(result) {
  1153. // 프로모션쿠폰적용 후 할인영역 노출
  1154. jsonObj.dispYn = "Y";
  1155. // 성공일때는 쿠폰정보 및 포인트 정보 reset
  1156. if (result.serialCpnInfo.result == "SUCCESS") {
  1157. mcxDialog.alert("쿠폰 등록이 되었습니다.");
  1158. // 1.8 할인영역 재로드
  1159. dcAmtInfoSet(jsonData);
  1160. } else {
  1161. mcxDialog.alert(result.serialCpnInfo.result);
  1162. $("#serialCpnNm").val("");
  1163. }
  1164. }
  1165. });
  1166. }
  1167. // 1.8 할인영역 설정 (쿠폰, 선포인트, 포인트, 상품권)
  1168. var dcAmtInfoSet = function() {
  1169. // 1.8.1 할인정보로드
  1170. $.ajax( {
  1171. type : "POST",
  1172. url : '/order/dcAmtInfo',
  1173. data : JSON.stringify(jsonObj),
  1174. dataType : 'html',
  1175. beforeSend : function(xhr, settings) {
  1176. xhr.setRequestHeader("AJAX" , "true");
  1177. xhr.setRequestHeader('Accept' , 'application/json');
  1178. xhr.setRequestHeader('Content-Type' , 'application/json');
  1179. },
  1180. success : function(result) {
  1181. if (result != null) {
  1182. $("#dcAmtInfo").css("display", "block");
  1183. $("#dcAmtInfo").html(result);
  1184. // 쿠폰팝업정보로드
  1185. $.ajax( {
  1186. type : "POST",
  1187. url : '/order/couponApplyPop',
  1188. data : JSON.stringify(jsonObj),
  1189. dataType : 'html',
  1190. beforeSend : function(xhr, settings) {
  1191. xhr.setRequestHeader("AJAX" , "true");
  1192. xhr.setRequestHeader('Accept' , 'application/json');
  1193. xhr.setRequestHeader('Content-Type' , 'application/json');
  1194. },
  1195. success : function(result) {
  1196. $("#couponModifyPop").html(result);
  1197. // 1.8.1 선포인트기능초기화
  1198. prePntDcAmtReset();
  1199. // 1.8.2 쿠폰적용초기화(할인율최고)(상품,장바구니)
  1200. custGoodsCpnInit();
  1201. // 1.8.3 쿠폰적용초기화(할인율최고)(배송비)
  1202. custDelvCpnInit();
  1203. // 1.8.4 쿠폰적용버튼
  1204. $("#btn_coupon_apply").on("click", function(){
  1205. // 상품쿠폰적용
  1206. $('#couponApplyForm .goodsCpn ul li.selected').each(function(index){
  1207. custCpnApply($(this));
  1208. });
  1209. // 장바구니쿠폰적용
  1210. $('#couponApplyForm .cartCpn').each(function(index){
  1211. if ($(this).find("input[name=rdi-cart-coupon]").is(":checked")) {
  1212. custCpnApply($(this));
  1213. }
  1214. });
  1215. // 최대할인혜택적용 체크해제
  1216. if ($("#chk-maxdisc").is(":checked")) {
  1217. $("#chk-maxdisc").attr("checked", false);
  1218. }
  1219. $(".close-modal").trigger("click"); // 팝업닫기
  1220. });
  1221. // 1.8.5 쿠폰 최대할인금액 초기화 버튼 설정
  1222. $("#chk-maxdisc").on("click", function(){
  1223. // 2021.04.23 보유쿠폰이 없을때 적용
  1224. var custCpnCnt = parseInt($("#orderForm input[name=custCpnCnt]").val());
  1225. var custDelvCpnCnt = parseInt($("#orderForm input[name=custDelvCpnCnt]").val());
  1226. if ((custCpnCnt + custDelvCpnCnt) < 1) {
  1227. mcxDialog.alert("적용 가능한 쿠폰이 없습니다.");
  1228. return false;
  1229. }
  1230. if ($(this).is(":checked")) {
  1231. // 2021.04.23
  1232. mcxDialog.alert("선택한 쿠폰이 아닌 보유한 쿠폰을 통해 최대할인 혜택을 받을 수 있도록 쿠폰이 자동 적용됩니다.");
  1233. // 상품&장바구니쿠폰 초기환
  1234. custGoodsCpnInit();
  1235. // 배송비쿠폰 초기환
  1236. custDelvCpnInit();
  1237. }
  1238. });
  1239. }
  1240. });
  1241. // 쿠폰변경팝업호출
  1242. $("#btn_couponModify_pop").on("click", function(){
  1243. // 2021.04.23 보유쿠폰이 없을때 적용
  1244. var custCpnCnt = parseInt($("#orderForm input[name=custCpnCnt]").val());
  1245. if (custCpnCnt < 1) {
  1246. mcxDialog.alert("적용 가능한 쿠폰이 없습니다.");
  1247. return false;
  1248. }
  1249. // 쿠폰초기화
  1250. custGoodsCpnInit();
  1251. $("#couponModifyPop").modal("show");
  1252. });
  1253. // 1.8.7 포인트 적용버튼 기능
  1254. $("#btn_point_apply").on("click", function(){
  1255. var rmPntAmt = parseInt($("#orderForm input[name='rmPntAmt']").val());
  1256. var freegiftUsePnt = parseInt($("#orderAmtForm .freegiftUsePnt").text());
  1257. var pntDcAmt = parseInt(uncomma($("#orderForm input[name='pntDcAmtStr']").val()));
  1258. var realOrdAmt = parseInt($("#orderAmtForm .realOrdSumAmt").text());
  1259. var pointUseMaxLimit = parseInt($("#orderForm input[name='pointUseMaxLimit']").val());
  1260. var applyPntDcAmt = (realOrdAmt * pointUseMaxLimit) / 100;
  1261. rmPntAmt = rmPntAmt - freegiftUsePnt;
  1262. if (gagajf.isNull($("#orderForm input[name=pntDcAmtStr]").val())) {
  1263. mcxDialog.alert("포인트를 입력하신 후 다시 시도해주세요.");
  1264. $('#orderForm input[name=pntDcAmtStr]').focus();
  1265. return false;
  1266. }
  1267. // 입력여부체크
  1268. if (pntDcAmt < 1) {
  1269. mcxDialog.alert("포인트를 입력하신 후 다시 시도해주세요.");
  1270. // 포인트리셋기능
  1271. pntDcAmtReset();
  1272. return false;
  1273. }
  1274. // 10원단위부터 입력가능
  1275. if (pntDcAmt % 10 > 0) {
  1276. mcxDialog.alert("포인트는 10P단위로 사용이 가능합니다.");
  1277. // 포인트리셋기능
  1278. pntDcAmtReset();
  1279. return false;
  1280. }
  1281. // 결제금액을 초과 할 수 없습니다.
  1282. if (pntDcAmt > realOrdAmt) {
  1283. mcxDialog.alert("포인트를 입력하신 후 다시 시도해주세요.");
  1284. // 포인트리셋기능
  1285. pntDcAmtReset();
  1286. return false;
  1287. }
  1288. // 보유포인트보다 초과 사용 불가
  1289. if (pntDcAmt > rmPntAmt) {
  1290. mcxDialog.alert("입력하신 포인트가 보유한 포인트보다 많습니다.");
  1291. // 포인트리셋기능
  1292. pntDcAmtReset();
  1293. return false;
  1294. }
  1295. // TODO 포인트 사용금액 1000P 이상 사용
  1296. if (pntDcAmt < 1000) {
  1297. mcxDialog.alert("포인트는 최소 1,000P이상 사용해야 합니다.");
  1298. // 포인트리셋기능
  1299. pntDcAmtReset();
  1300. return false;
  1301. }
  1302. // 실결제금액보다 크게 적용 되었을때 적용 불가능
  1303. if (pntDcAmt > applyPntDcAmt) {
  1304. mcxDialog.alert("결제금액의 최대 " + pointUseMaxLimit +"%를 초과 사용 할 수 없습니다.");
  1305. // 포인트리셋기능
  1306. pntDcAmtReset();
  1307. return false;
  1308. }
  1309. // 2021.04.23 추가
  1310. mcxDialog.alert("총 " + getZeroMinusDelAmt(pntDcAmt) + " P를 차감 결제 합니다.");
  1311. // 포인트 적용
  1312. $("#orderAmtForm .pntDcSumAmt").text(pntDcAmt);
  1313. $("#pntDcAmt").text(getZeroMinusDelAmt(pntDcAmt)+" 원");
  1314. // 상품권리렛기능
  1315. gfcdUseAmtReset();
  1316. });
  1317. // 1.8.8 상품권 적용버튼 기능
  1318. $("#btn_gfcd_apply").on("click", function(){
  1319. var rmGfcdAmt = parseInt($("#orderForm input[name='rmGfcdAmt']").val());
  1320. var gfcdUseAmt = parseInt(uncomma($("#orderForm input[name='gfcdUseAmtStr']").val()));
  1321. var realOrdAmt = parseInt($("#orderAmtForm .realOrdSumAmt").text());
  1322. if (gagajf.isNull($("#orderForm input[name=gfcdUseAmtStr]").val())) {
  1323. mcxDialog.alert("금액을 입력하신 후 다시 시도해주세요.");
  1324. $('#orderForm input[name=gfcdUseAmtStr]').focus();
  1325. return false;
  1326. }
  1327. // 입력여부체크
  1328. if (gfcdUseAmt < 1 || $("#orderForm input[name='gfcdUseAmtStr']").val() == "") {
  1329. mcxDialog.alert("금액을 입력하신 후 다시 시도해주세요.");
  1330. // 상품권리셋기능
  1331. gfcdUseAmtReset();
  1332. return false;
  1333. }
  1334. // 결제금액을 초과 할 수 없습니다.
  1335. if (gfcdUseAmt > realOrdAmt) {
  1336. mcxDialog.alert("입력하신 금액이 결제할 금액보다 많습니다.");
  1337. // 포인트리셋기능
  1338. gfcdUseAmtReset();
  1339. return false;
  1340. }
  1341. // 보유금액보다 초과 사용 불가
  1342. if (gfcdUseAmt > rmGfcdAmt) {
  1343. mcxDialog.alert("보유금액 보다 초과 사용 할 수 없습니다.");
  1344. // 상품권리셋기능
  1345. gfcdUseAmtReset();
  1346. return false;
  1347. }
  1348. // 보유금액보다 초과 사용 불가
  1349. if (gfcdUseAmt > rmGfcdAmt) {
  1350. mcxDialog.alert("보유금액 보다 초과 사용 할 수 없습니다.");
  1351. // 상품권리셋기능
  1352. gfcdUseAmtReset();
  1353. return false;
  1354. }
  1355. // TODO 포인트 사용금액 1000원 이상 사용
  1356. if (gfcdUseAmt < 1000) {
  1357. mcxDialog.alert("상품권 사용금액은 최소 1,000원 이상 사용해야 합니다.");
  1358. // 상품권리셋기능
  1359. gfcdUseAmtReset();
  1360. return false;
  1361. }
  1362. // 2021.04.23 추가
  1363. mcxDialog.alert("총 " + gfcdUseAmt.addComma() + " 원을 상품권 금액에서 차감 결제 합니다.");
  1364. // 상품권 적용
  1365. $("#orderAmtForm .gfcdUseSumAmt").text(gfcdUseAmt);
  1366. $("#gfcdUseAmt").text(getZeroMinusDelAmt(gfcdUseAmt)+" 원");
  1367. // 금액전체계산
  1368. custCpnSumAmtCal();
  1369. });
  1370. // 금액계산초기화
  1371. custCpnSumAmtCal();
  1372. }
  1373. }
  1374. });
  1375. }
  1376. // 1.9.1 상품쿠폰초기화
  1377. var custGoodsCpnInit = function() {
  1378. // 쿠폰최대할인 적용
  1379. $("#chk-maxdisc").attr("checked", true);
  1380. // 쿠폰초기화
  1381. $(".goodsCpn").each(function(index){
  1382. // select box 쿠폰 적용
  1383. var cpnCartSq = $(this).find("input[name='cpnCartSq']").val();
  1384. // 장바구니시퀀스 체크
  1385. $("#orderAmtForm .cartSq").each(function(){
  1386. if (cpnCartSq == $(this).text()) {
  1387. $(this).parent().find(".goodsCpnSq").text("0"); // 상품쿠폰시퀀스
  1388. $(this).parent().find(".goodsCpnDcAmt").text("0"); // 상품쿠폰할인금액
  1389. }
  1390. });
  1391. $(this).find("input[name='custCpnSq']").val("0");
  1392. $(this).find("input[name='cpnDcAmt']").val("0");
  1393. // 적용안함 적용
  1394. var emptyHtml = $(this).find("ul li .item_coupon.empty").html();
  1395. $(this).find(".select .item_coupon").html(emptyHtml);
  1396. $(this).find("ul li").removeClass("selected");
  1397. });
  1398. // 최대할인율 쿠폰적용
  1399. $('.goodsCpn').each(function(index){
  1400. cpnIndex = 0;
  1401. cpnApplyTemp = false;
  1402. // select 박스 반복문 실행
  1403. $(this).find("ul li").each(function(i){
  1404. cpnIndex++;
  1405. if (cpnApplyTemp == false) {
  1406. if (custCpnDuplicationCheck($(this).attr("value"), cpnIndex)) {
  1407. // 쿠폰적용
  1408. custCpnApply($(this));
  1409. // 쿠폰할인적용
  1410. cpnApplyTemp = true;
  1411. }
  1412. }
  1413. // 쿠폰 select 버튼기능
  1414. $(this).on("click", function(){
  1415. if (custCpnDuplicationCheck($(this).attr("value"), cpnIndex)) {
  1416. // 쿠폰적용
  1417. custCpnApplyTemp($(this));
  1418. // 쿠폰할인적용
  1419. cpnApplyTemp = true;
  1420. } else {
  1421. custCpnNotApply($(this));
  1422. }
  1423. });
  1424. });
  1425. });
  1426. // 장바구니쿠폰초기화
  1427. custCartCpnInit();
  1428. }
  1429. // 1.9.2 장바구니쿠폰초기화
  1430. var custCartCpnInit = function() {
  1431. // 장바구니쿠폰 초기화 적용
  1432. $(".cartCpn").each(function(index) {
  1433. if (index == 0) {
  1434. custCpnApply($(this)); // 쿠폰적용
  1435. }
  1436. // 쿠폰 select 버튼기능
  1437. $(this).on("click", function(){
  1438. custCpnApplyTemp($(this)); // 쿠폰적용
  1439. // 최대할인혜택적용 체크해제
  1440. if ($("#chk-maxdisc").is(":checked")) {
  1441. $("#chk-maxdisc").attr("checked", false);
  1442. }
  1443. });
  1444. });
  1445. // 포인트기능 리셋
  1446. pntDcAmtReset();
  1447. }
  1448. // 1.9.3 배송비쿠폰초기화
  1449. var custDelvCpnInit = function() {
  1450. // 배송비쿠폰 초기화 적용
  1451. $(".delvCpn").each(function(index) {
  1452. if (index == 0) {
  1453. // 쿠폰적용
  1454. custCpnApply($(this));
  1455. }
  1456. // 쿠폰 select 버튼기능
  1457. $(this).on("click", function(){
  1458. // 쿠폰적용
  1459. custCpnApply($(this));
  1460. });
  1461. });
  1462. }
  1463. // 1.10 쿠폰중복사용체크
  1464. var custCpnDuplicationCheck = function(custCpnSq, index) {
  1465. var selCustSq = 0;
  1466. var cnt = 0;
  1467. // 쿠폰적용가능
  1468. if (custCpnSq == 0) {
  1469. return true;
  1470. }
  1471. // 쿠폰중본사용체크
  1472. $(".goodsCpn input[name='custCpnSq']").each(function(i){
  1473. if (index != i) {
  1474. selCustSq = $(this).val();
  1475. if (selCustSq == custCpnSq) {
  1476. cnt++;
  1477. }
  1478. }
  1479. });
  1480. // 쿠폰적용불가
  1481. if (cnt > 0) {
  1482. return false;
  1483. }
  1484. // 쿠폰적용가능
  1485. else {
  1486. return true;
  1487. }
  1488. }
  1489. // 1.11.0 임시로 쿠폰적용
  1490. var custCpnApplyTemp = function(obj) {
  1491. // select box 쿠폰 적용
  1492. var cpnType = obj.parent().find("input[name='cpnType']").val();
  1493. // 상품쿠폰적용
  1494. if (cpnType == "goodsCpn") {
  1495. var itemHtml = obj.find(".item_coupon").html();
  1496. obj.parent().parent().find(".select .item_coupon").html(itemHtml);
  1497. obj.parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
  1498. obj.parent().find("input[name='custCpnSq']").val(obj.attr("value"));
  1499. // 장바구니쿠폰 초기화 적용
  1500. $("#couponApplyForm .cartCpn").each(function(index) {
  1501. if (index == 0) {
  1502. custCpnApplyTemp($(this)); // 쿠폰적용
  1503. }
  1504. });
  1505. //상품쿠폰 선택불가 처리
  1506. custCpnSqLiDisabled();
  1507. }
  1508. // 장바구니쿠폰적용
  1509. else if (cpnType == "cartCpn") {
  1510. var dcWay = obj.find("input[name='dcWay']").val();
  1511. var dcVal = obj.find("input[name='dcVal']").val();
  1512. var maxDcAmt = obj.find("input[name='maxDcAmt']").val();
  1513. var buyLimitAmt = obj.find("input[name='buyLimitAmt']").val();
  1514. var cartCpnDcSumAmt = 0;
  1515. var tempSumAmt = 0;
  1516. var cartSqLen = $(".cartSq").length;
  1517. var leftAmt = 0;
  1518. var index = 1;
  1519. // 장바구니쿠폰 해당 장바구니상품들 할인가 적용
  1520. obj.find("input[name='cartCpnCartSq']").each(function(){
  1521. var cartCpnCartSq = $(this).val();
  1522. var cartCpnDcAmt = 0;
  1523. // 장바구니시퀀스 체크
  1524. $("#orderAmtForm .cartSq").each(function(){
  1525. if (cartCpnCartSq == $(this).text()) {
  1526. var orgCurrPrice = parseInt($(this).parent().find(".orgCurrPrice").text());
  1527. var cpn1DcAmt = parseInt($(this).parent().find(".cpn1DcAmt").text());
  1528. var goodsQty = parseInt($(this).parent().find(".goodsQty").text());
  1529. var tmtb1DcAmt = parseInt($(this).parent().find(".tmtb1DcAmt").text());
  1530. var tmtb2DcAmt = parseInt($(this).parent().find(".tmtb2DcAmt").text());
  1531. var goodsCpnDcAmt = 0;
  1532. $("#orderForm .goodsCpn input[name=cpnCartSq]").each(function(){
  1533. if ($(this).val() == cartCpnCartSq) {
  1534. goodsCpnDcAmt = parseInt($(this).parent().find("input[name=cpnDcAmt]").val());
  1535. }
  1536. });
  1537. var tempAmt = ((orgCurrPrice - cpn1DcAmt) * goodsQty) - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
  1538. tempSumAmt = tempSumAmt + tempAmt;
  1539. // 할인율일때 할인금액
  1540. if (dcWay == "G240_11") {
  1541. cartCpnDcAmt = (tempAmt * dcVal) / 100;
  1542. cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
  1543. }
  1544. }
  1545. });
  1546. });
  1547. // 금액일때 할인금액 적용
  1548. if (dcWay == "G240_10") {
  1549. cartCpnDcSumAmt = dcVal;
  1550. }
  1551. // 2021.04.19 최대금액 체크
  1552. if (maxDcAmt > cartCpnDcSumAmt || maxDcAmt == 0) {
  1553. cartCpnDcSumAmt = cartCpnDcSumAmt;
  1554. } else {
  1555. cartCpnDcSumAmt = maxDcAmt;
  1556. }
  1557. obj.find("input[name=rdi-cart-coupon]").prop("checked", true);
  1558. obj.parent().find("input[name=cpnDcAmt]").val(cartCpnDcSumAmt);
  1559. obj.parent().find("input[name=custCpnSq]").val(obj.attr("value"));
  1560. }
  1561. var cpnDcSumAmt = 0;
  1562. var cpnApplyCnt = 0;
  1563. var goodsCartCpnSumAmt = 0;
  1564. var cpnType = "";
  1565. $("#couponApplyForm input[name='cpnDcAmt']").each(function(){
  1566. cpnType = $(this).parent().find("input[name=cpnType]").val();
  1567. // 상품, 장바구니쿠폰 할인 금액만 합계 적용
  1568. if (cpnType == "goodsCpn" || cpnType == "cartCpn") {
  1569. goodsCartCpnSumAmt = goodsCartCpnSumAmt + parseInt($(this).val());
  1570. }
  1571. });
  1572. // 상품, 장바구니쿠폰 할인 금액만 합계 적용
  1573. $("#couponApplyForm .modal-footer .goodsCartCpnSumAmt").text(getZeroMinusDelAmt(goodsCartCpnSumAmt));
  1574. }
  1575. // 1.11 쿠폰중복체크 후 적용가능
  1576. var custCpnApply = function(obj) {
  1577. // select box 쿠폰 적용
  1578. var cpnType = obj.parent().find("input[name='cpnType']").val();
  1579. // 상품쿠폰적용
  1580. if (cpnType == "goodsCpn") {
  1581. var itemHtml = obj.find(".item_coupon").html();
  1582. obj.parent().parent().find(".select .item_coupon").html(itemHtml);
  1583. obj.parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
  1584. obj.parent().find("input[name='custCpnSq']").val(obj.attr("value"));
  1585. var cpnCartSq = obj.parent().parent().find("input[name='cpnCartSq']").val();
  1586. // 장바구니시퀀스 체크
  1587. $("#orderAmtForm .cartSq").each(function(){
  1588. if (cpnCartSq == $(this).text()) {
  1589. $(this).parent().find(".goodsCpnSq").text(obj.prop("value")); // 상품쿠폰시퀀스
  1590. $(this).parent().find(".goodsCpnDcAmt").text(obj.attr("data")); // 상품쿠폰할인금액
  1591. }
  1592. });
  1593. // 선택활성화
  1594. $(obj).addClass("selected");
  1595. //상품쿠폰 선택불가 처리
  1596. custCpnSqLiDisabled();
  1597. }
  1598. // 장바구니쿠폰적용
  1599. else if (cpnType == "cartCpn") {
  1600. var dcWay = obj.find("input[name='dcWay']").val();
  1601. var dcVal = obj.find("input[name='dcVal']").val();
  1602. var maxDcAmt = obj.find("input[name='maxDcAmt']").val();
  1603. var buyLimitAmt = obj.find("input[name='buyLimitAmt']").val();
  1604. var cartCpnDcSumAmt = 0;
  1605. var tempSumAmt = 0;
  1606. var cartSqLen = $("#orderAmtForm .cartSq").length;
  1607. var leftAmt = 0;
  1608. var index = 1;
  1609. // 2021.04.19 장바구니시퀀스 값 초기화
  1610. $("#orderAmtForm .cartSq").each(function(){
  1611. $(this).parent().find(".cartCpnSq").text(0);
  1612. $(this).parent().find(".cartCpnDcAmt").text(0);
  1613. });
  1614. // 장바구니쿠폰 해당 장바구니상품들 할인가 적용
  1615. obj.find("input[name='cartCpnCartSq']").each(function(){
  1616. var cartCpnCartSq = $(this).val();
  1617. var cartCpnDcAmt = 0;
  1618. // 장바구니시퀀스 체크
  1619. $("#orderAmtForm .cartSq").each(function(){
  1620. if (cartCpnCartSq == $(this).text()) {
  1621. var orgCurrPrice = parseInt($(this).parent().find(".orgCurrPrice").text());
  1622. var cpn1DcAmt = parseInt($(this).parent().find(".cpn1DcAmt").text());
  1623. var goodsQty = parseInt($(this).parent().find(".goodsQty").text());
  1624. var tmtb1DcAmt = parseInt($(this).parent().find(".tmtb1DcAmt").text());
  1625. var tmtb2DcAmt = parseInt($(this).parent().find(".tmtb2DcAmt").text());
  1626. var goodsCpnDcAmt = parseInt($(this).parent().find(".goodsCpnDcAmt").text());
  1627. var tempAmt = ((orgCurrPrice - cpn1DcAmt) * goodsQty) - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
  1628. tempSumAmt = tempSumAmt + tempAmt;
  1629. // 할인율일때 할인금액
  1630. if (dcWay == "G240_11") {
  1631. cartCpnDcAmt = parseInt((tempAmt * dcVal) / 100);
  1632. cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
  1633. $(this).parent().find(".cartCpnSq").text(obj.attr("value"));
  1634. $(this).parent().find(".cartCpnDcAmt").text(cartCpnDcAmt);
  1635. }
  1636. }
  1637. });
  1638. });
  1639. // 장바구니쿠폰 결제가능수단목록조회
  1640. if (obj.find("input[name='payTypeArr']").length > 0) {
  1641. $("#orderForm input[name=rdi-paynormal]").attr("disabled", true);
  1642. $("#orderForm input[name=rdi-paynormal]").attr("checked", false);
  1643. obj.find("input[name='payTypeArr']").each(function(i){
  1644. var payType = $(this).val();
  1645. $('#orderForm .'+payType).attr("disabled", false);
  1646. });
  1647. } else {
  1648. $("#orderForm input[name=rdi-paynormal]").attr("disabled", false);
  1649. }
  1650. // 2021.04.25 실시간계좌이체, 무통장입금시 보증보험 신청 약관 노출 감추는기능
  1651. $("#orderForm .insuranceYn").hide();
  1652. // 선택안함
  1653. $("#orderForm .payTypeNm").text("선택없음");
  1654. // 2021.04.19 최대금액 체크
  1655. if (maxDcAmt > cartCpnDcSumAmt || maxDcAmt == 0) {
  1656. cartCpnDcSumAmt = cartCpnDcSumAmt;
  1657. } else {
  1658. // 최대값 적용 일때는 금액할인 방식을 적용
  1659. cartCpnDcSumAmt = maxDcAmt;
  1660. dcVal = cartCpnDcSumAmt;
  1661. dcWay = "G240_10";
  1662. }
  1663. // 금액일때 할인금액 적용
  1664. if (dcWay == "G240_10") {
  1665. cartCpnDcSumAmt = dcVal;
  1666. leftAmt = dcVal;
  1667. index = 1;
  1668. // 장바구니쿠폰 해당 장바구니상품들 할인가 적용
  1669. obj.find("input[name='cartCpnCartSq']").each(function(){
  1670. var cartCpnCartSq = $(this).val();
  1671. var cartCpnDcAmt = 0;
  1672. // 장바구니시퀀스 체크
  1673. $("#orderAmtForm .cartSq").each(function(){
  1674. if (cartCpnCartSq == $(this).text()) {
  1675. var orgCurrPrice = parseInt($(this).parent().find(".orgCurrPrice").text());
  1676. var cpn1DcAmt = parseInt($(this).parent().find(".cpn1DcAmt").text());
  1677. var goodsQty = parseInt($(this).parent().find(".goodsQty").text());
  1678. var tmtb1DcAmt = parseInt($(this).parent().find(".tmtb1DcAmt").text());
  1679. var tmtb2DcAmt = parseInt($(this).parent().find(".tmtb2DcAmt").text());
  1680. var goodsCpnDcAmt = parseInt($(this).parent().find(".goodsCpnDcAmt").text());
  1681. var tempAmt = ((orgCurrPrice - cpn1DcAmt) * goodsQty) - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
  1682. var tempDiv = parseInt((tempAmt / tempSumAmt) * 100);
  1683. var cartCpnDcAmt = 0;
  1684. if (index == cartSqLen) {
  1685. cartCpnDcAmt = leftAmt;
  1686. } else {
  1687. cartCpnDcAmt = parseInt((cartCpnDcSumAmt * tempDiv) / 100);
  1688. leftAmt = leftAmt - cartCpnDcAmt;
  1689. }
  1690. $(this).parent().find(".cartCpnSq").text(obj.attr("value"));
  1691. $(this).parent().find(".cartCpnDcAmt").text(cartCpnDcAmt);
  1692. index++;
  1693. }
  1694. });
  1695. });
  1696. }
  1697. obj.find("input[name=rdi-cart-coupon]").prop("checked", true);
  1698. obj.parent().find("input[name=cpnDcAmt]").val(cartCpnDcSumAmt);
  1699. obj.parent().find("input[name=custCpnSq]").val(obj.attr("value"));
  1700. }
  1701. // 배송비쿠폰적용
  1702. else if (cpnType == "delvCpn") {
  1703. // 적용안함 적용
  1704. var itemHtml = obj.find(".dlvr_coupon").html();
  1705. obj.parent().parent().find(".select .dlvr_coupon").html(itemHtml);
  1706. obj.parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
  1707. obj.parent().find("input[name='custCpnSq']").val(obj.attr("value"));
  1708. obj.parent().find("input[name='delvFeeCd']").val(obj.attr("delvfeecd"));
  1709. var delvFeeCd = obj.attr("delvfeecd");
  1710. // 배송비쿠폰 테이블 적용
  1711. $("#orderAmtForm .delvFeeCd").each(function(){
  1712. // 배송비쿠폰적용
  1713. if ($(this).text() == delvFeeCd) {
  1714. $(this).parent().find(".delvCpnSq").text(obj.attr("value"));
  1715. $(this).parent().find(".delvCpnDcAmt").text(obj.attr("data"));
  1716. }
  1717. // 배송비쿠폰적용안함
  1718. else if (delvFeeCd == 0) {
  1719. $(this).parent().find(".delvCpnSq").text(obj.attr("value"));
  1720. $(this).parent().find(".delvCpnDcAmt").text(obj.attr("data"));
  1721. }
  1722. });
  1723. }
  1724. // 포인트기능 리렛
  1725. pntDcAmtReset();
  1726. }
  1727. // 1.11.1 상품쿠폰 선택불가 처리
  1728. var custCpnSqLiDisabled = function() {
  1729. // 상품쿠폰 선택불가 처리
  1730. $(".goodsCpn ul li").each(function(){
  1731. var custCpnSq = $(this).attr("value");
  1732. var liObj = $(this);
  1733. liObj.attr("aria-disabled", false);
  1734. // 선택된 li 제외
  1735. if ($(this).hasClass("selected") == false) {
  1736. // 적용안함 제외
  1737. if (custCpnSq > 0) {
  1738. // 선택된 custCpnSq li와 같으면 선택불가처리
  1739. $(".area_item_coupon input[name=custCpnSq]").each(function(){
  1740. var inputCustCpSq = $(this).val();
  1741. if (custCpnSq == inputCustCpSq) {
  1742. // 선택불가처리
  1743. liObj.attr("aria-disabled", true);
  1744. }
  1745. });
  1746. }
  1747. }
  1748. });
  1749. }
  1750. // 1.12 쿠폰중복체크 후 적용불가
  1751. var custCpnNotApply = function(obj) {
  1752. // 이전에 등록된 쿠폰시퀀스
  1753. var custCpnSq = obj.parent().find("input[name='custCpnSq']").val();
  1754. // 이전에 등록된 쿠폰시퀀스 비교후 데이타 원복
  1755. obj.parent().find("li").each(function(){
  1756. if ($(this).attr("value") == custCpnSq) {
  1757. var itemHtml = $(this).find(".item_coupon").html();
  1758. obj.parent().parent().find(".select .item_coupon").html(itemHtml);
  1759. }
  1760. });
  1761. // 포인트기능 리렛
  1762. pntDcAmtReset();
  1763. }
  1764. // 1.14 선포인트리셋기능 (사용안함)
  1765. var prePntDcAmtReset = function() {
  1766. // 2021.04.29 수정
  1767. var rmPrePntAmt = parseInt($("#orderForm input[name='rmPrePntAmt']").val());
  1768. if (rmPrePntAmt > 0) {
  1769. rmPrePntAmt = parseInt($("#orderForm input[name='rmPrePntAmt']").val());
  1770. $("#orderForm input[name='prePntDcAmt']").val(rmPrePntAmt);
  1771. } else {
  1772. rmPrePntAmt = 0;
  1773. }
  1774. // 선포인트사용여부 체크 후 적용
  1775. $("#orderForm input[name='rdi-beforpoint']").each(function(){
  1776. // 선포인트 초기 설정 사용함
  1777. if ($(this).val() == "Y") {
  1778. $(this).attr("checked", true);
  1779. }
  1780. // 버튼기능 구현
  1781. $(this).on("click", function(){
  1782. var rmPrePntAmt = parseInt($("#orderForm input[name='rmPrePntAmt']").val());
  1783. // 선포인트적용
  1784. if ($(this).val() == "Y") {
  1785. $("#prePntDcAmt").text(getZeroMinusDelAmt(rmPrePntAmt)+" 원");
  1786. } else {
  1787. $("#prePntDcAmt").text("0 원");
  1788. }
  1789. // 쿠폰할인금액 SUM
  1790. custCpnSumAmtCal();
  1791. });
  1792. });
  1793. $("#orderForm #prePntDcAmt").text(getZeroMinusDelAmt(rmPrePntAmt)+" 원");
  1794. // 포인트기능 리렛
  1795. pntDcAmtReset();
  1796. }
  1797. // 1.15 포인트리셋기능
  1798. var pntDcAmtReset = function() {
  1799. $("#orderAmtForm .pntDcSumAmt").text("0");
  1800. $("#orderForm input[name='pntDcAmtStr']").val("");
  1801. $("#pntDcAmt").text("0 원");
  1802. // 상품권리셋기능
  1803. gfcdUseAmtReset();
  1804. }
  1805. // 1.16 상품권리셋기능
  1806. var gfcdUseAmtReset = function() {
  1807. $("#orderAmtForm .gfcdUseSumAmt").text("0");
  1808. $("#orderForm input[name='gfcdUseAmtStr']").val("");
  1809. $("#gfcdUseAmt").text("0 원");
  1810. // 금액전체계산
  1811. custCpnSumAmtCal();
  1812. }
  1813. // 1.17 쿠폰할인금액합계설정(금액전체계산)
  1814. var custCpnSumAmtCal = function() {
  1815. var cpnDcSumAmt = 0;
  1816. var cpnApplyCnt = 0;
  1817. var goodsCartCpnSumAmt = 0;
  1818. var cpnType = "";
  1819. $("input[name='cpnDcAmt']").each(function(){
  1820. cpnType = $(this).parent().find("input[name=cpnType]").val();
  1821. cpnDcSumAmt = cpnDcSumAmt + parseInt($(this).val());
  1822. // 적용된 쿠폰 수량
  1823. if (parseInt($(this).val()) > 0) {
  1824. cpnApplyCnt++;
  1825. }
  1826. // 상품, 장바구니쿠폰 할인 금액만 합계 적용
  1827. if (cpnType == "goodsCpn" || cpnType == "cartCpn") {
  1828. goodsCartCpnSumAmt = goodsCartCpnSumAmt + parseInt($(this).val());
  1829. }
  1830. });
  1831. // 상품, 장바구니쿠폰 할인 금액만 합계 적용
  1832. $(".maxdisc_amount .goodsCartCpnDcAmt").text(getZeroMinusDelAmt(goodsCartCpnSumAmt)); // 쿠폰할인금액합계
  1833. $(".goodsCartCpnSumAmt").text(getZeroMinusDelAmt(goodsCartCpnSumAmt)); // 쿠폰할인금액합계
  1834. // 전체쿠폰 할인 금액 합계 적용
  1835. $(".maxdisc_amount .cpnDcAmt").text(getZeroMinusDelAmt(cpnDcSumAmt)); // 쿠폰할인금액합계
  1836. $("#couponDcSumAmt").text(getZeroMinusDelAmt(cpnDcSumAmt)+ " 원"); // 쿠폰할인금액합계
  1837. $("#orderAmtForm .cpnDcSumAmt").text(cpnDcSumAmt);
  1838. var delvSumAmt = orgSumDelvFee;
  1839. // 배송비할인적용
  1840. $("input[name='cpnType']").each(function(){
  1841. if ($(this).val() == "delvCpn") {
  1842. delvSumAmt = parseInt(orgSumDelvFee) - parseInt($(this).parent().find("input[name='cpnDcAmt']").val());
  1843. // 최종배송비
  1844. $("#delvSumAmt").text(delvSumAmt.addComma() + " 원");
  1845. $("#orderAmtForm .delvSumAmt").text(delvSumAmt);
  1846. }
  1847. });
  1848. // 2021.03.06 주문상세 테이블 적용
  1849. // 포인트금액 상품상세에 포인트금액 분배 작업
  1850. var prePntDcAmtYn = $("#orderForm input[name='rdi-beforpoint']:checked").val();
  1851. var leftPntAmt = parseInt($("#orderAmtForm .pntDcSumAmt").text());
  1852. var leftGfcdAmt = parseInt($("#orderAmtForm .gfcdUseSumAmt").text());
  1853. var cartSqLenght = $("#orderAmtForm .cartSq").length;
  1854. var index = 1;
  1855. var orgGoodsSumAmt = 0;
  1856. var cpn1DcSumAmt = 0;
  1857. var ordSumAmt = 0;
  1858. var tmtb1DcSumAmt = 0;
  1859. var tmtb2DcSumAmt = 0;
  1860. var tmtbDcSumAmt = 0;
  1861. var goodsCpnDcSumAmt = 0;
  1862. var cartCpnDcSumAmt = 0;
  1863. var delvCpnDcSumAmt = 0;
  1864. var cpnDcSumAmt = 0;
  1865. var prePntDcSumAmt = 0;
  1866. var pntDcSumAmt = parseInt($(".pntDcSumAmt").text());
  1867. var gfcdUseSumAmt = parseInt($(".gfcdUseSumAmt").text());
  1868. var realOrdSumAmt = 0;
  1869. var savePntSumAmt = 0;
  1870. $("#orderAmtForm .cartSq").each(function(){
  1871. var orgCurrPrice = parseInt($(this).parent().find(".orgCurrPrice").text());
  1872. var cpn1DcAmt = parseInt($(this).parent().find(".cpn1DcAmt").text());
  1873. var optAddPrice = parseInt($(this).parent().find(".optAddPrice").text());
  1874. var goodsQty = parseInt($(this).parent().find(".goodsQty").text());
  1875. var tmtb1DcAmt = parseInt($(this).parent().find(".tmtb1DcAmt").text());
  1876. var tmtb2DcAmt = parseInt($(this).parent().find(".tmtb2DcAmt").text());
  1877. var goodsCpnDcAmt = parseInt($(this).parent().find(".goodsCpnDcAmt").text());
  1878. var cartCpnDcAmt = parseInt($(this).parent().find(".cartCpnDcAmt").text());
  1879. var prePntDcAmt1 = parseInt($(this).parent().find(".prePntDcAmt1").text());
  1880. var dcSumAmt = 0;
  1881. // 주문금액 = ((판매가 - 즉시할인가) + 옵션추가금액) * 장바구니수량
  1882. orgGoodsSumAmt = orgGoodsSumAmt + (orgCurrPrice + optAddPrice) * goodsQty;
  1883. //orgGoodsSumAmt = orgGoodsSumAmt + orgCurrPrice;
  1884. cpn1DcSumAmt = cpn1DcSumAmt + (cpn1DcAmt * goodsQty);
  1885. tmtb1DcSumAmt = tmtb1DcSumAmt + tmtb1DcAmt;
  1886. tmtb2DcSumAmt = tmtb2DcSumAmt + tmtb2DcAmt;
  1887. tmtbDcSumAmt = tmtbDcSumAmt + (tmtb1DcAmt + tmtb2DcAmt);
  1888. goodsCpnDcSumAmt = goodsCpnDcSumAmt + goodsCpnDcAmt;
  1889. cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
  1890. cpnDcSumAmt = cpnDcSumAmt + (goodsCpnDcAmt + cartCpnDcAmt);
  1891. prePntDcSumAmt = prePntDcSumAmt + prePntDcAmt1;
  1892. var ordAmt = ((orgCurrPrice - cpn1DcAmt) + optAddPrice) * goodsQty;
  1893. ordSumAmt = ordSumAmt + ordAmt;
  1894. // 선포인트사용여부
  1895. // 할인금액합계 = 다다익선수량금액 + 다다익선금액금액 + 상품쿠폰금액 + 장바구니금액 + 선포인트금액
  1896. if (prePntDcAmtYn == "Y") {
  1897. dcSumAmt = tmtb1DcAmt + tmtb2DcAmt + goodsCpnDcAmt + cartCpnDcAmt + prePntDcAmt1;
  1898. } else {
  1899. dcSumAmt = tmtb1DcAmt + tmtb2DcAmt + goodsCpnDcAmt + cartCpnDcAmt;
  1900. }
  1901. // 주문금액설정
  1902. $(this).parent().find(".ordAmt").text(ordAmt);
  1903. $(this).parent().find(".dcSumAmt").text(dcSumAmt);
  1904. });
  1905. // 포인트, 상품권 금액 분배
  1906. $("#orderAmtForm .cartSq").each(function(){
  1907. var pntPrate = parseInt($(this).parent().find(".pntPrate").text());
  1908. var pntMrate = parseInt($(this).parent().find(".pntMrate").text());
  1909. var ordAmt = parseInt($(this).parent().find(".ordAmt").text());
  1910. var dcSumAmt = parseInt($(this).parent().find(".dcSumAmt").text());
  1911. var prePntDcAmt1 = parseInt($(this).parent().find(".prePntDcAmt1").text());
  1912. var tempDiv = parseInt((ordAmt / ordSumAmt) * 100);
  1913. var pntDcAmt1 = 0;
  1914. var gfcdUseAmt1 = 0;
  1915. var savePntAmt1 = 0;
  1916. if (index == cartSqLenght) {
  1917. pntDcAmt1 = leftPntAmt;
  1918. gfcdUseAmt1 = leftGfcdAmt;
  1919. } else {
  1920. pntDcAmt1 = parseInt((pntDcSumAmt * tempDiv) / 100);
  1921. gfcdUseAmt1 = parseInt((gfcdUseSumAmt * tempDiv) / 100);
  1922. leftPntAmt = leftPntAmt - pntDcAmt1;
  1923. leftGfcdAmt = leftGfcdAmt - gfcdUseAmt1;
  1924. }
  1925. var realOrdAmt1 = ordAmt - dcSumAmt - pntDcAmt1 - gfcdUseAmt1;
  1926. var realOrdAmt2 = ordAmt - dcSumAmt - pntDcAmt1;
  1927. realOrdSumAmt = realOrdSumAmt + realOrdAmt1;
  1928. // 2021.05.11 최종할인금액으로 적립포인트 적용
  1929. savePntAmt1 = parseInt(realOrdAmt2 * (pntPrate/100));
  1930. // 선포인트사용여부
  1931. if (prePntDcAmtYn == "Y") {
  1932. if (prePntDcAmt1 < 1) {
  1933. savePntSumAmt = savePntSumAmt + savePntAmt1;
  1934. }
  1935. } else {
  1936. savePntSumAmt = savePntSumAmt + savePntAmt1;
  1937. }
  1938. $(this).parent().find(".pntDcAmt1").text(pntDcAmt1);
  1939. $(this).parent().find(".gfcdUseAmt1").text(gfcdUseAmt1);
  1940. $(this).parent().find(".realOrdAmt1").text(realOrdAmt1);
  1941. $(this).parent().find(".savePntAmt1").text(savePntAmt1);
  1942. index++;
  1943. });
  1944. realOrdSumAmt = realOrdSumAmt + delvSumAmt;
  1945. $("#orderAmtForm .orgGoodsSumAmt").text(orgGoodsSumAmt);
  1946. $("#orderAmtForm .cpn1DcSumAmt").text(cpn1DcSumAmt);
  1947. $("#orderAmtForm .ordSumAmt").text(ordSumAmt);
  1948. $("#orderAmtForm .tmtb1DcSumAmt").text(tmtb1DcSumAmt);
  1949. $("#orderAmtForm .tmtb2DcSumAmt").text(tmtb2DcSumAmt);
  1950. $("#orderAmtForm .tmtbDcSumAmt").text(tmtbDcSumAmt);
  1951. $("#orderAmtForm .goodsCpnDcSumAmt").text(goodsCpnDcSumAmt);
  1952. $("#orderAmtForm .cartCpnDcSumAmt").text(cartCpnDcSumAmt);
  1953. $("#orderAmtForm .cpnDcSumAmt").text(cpnDcSumAmt);
  1954. $("#orderAmtForm .prePntDcSumAmt").text(prePntDcSumAmt);
  1955. $("#orderAmtForm .realOrdSumAmt").text(realOrdSumAmt);
  1956. $("#orderAmtForm .savePntSumAmt").text(savePntSumAmt);
  1957. $("#realOrdAmt").text(realOrdSumAmt.addComma()); // 총 결제 예정 금액
  1958. $("#orderForm .realOrdAmt").text(realOrdSumAmt.addComma() + " 원"); // 총 결제 예정 금액
  1959. // 2021.04.29 적립포인트금액 선포인트 사용시 사용금액제외
  1960. $("#orderForm #savePntSumAmt").text(savePntSumAmt.addComma() + " P");
  1961. var tempSavePnt = savePntSumAmt - prePntDcAmt;
  1962. // 사은품사용 후 보유포인트
  1963. var rmPntAmt = parseInt($("#orderForm input[name='rmPntAmt']").val());
  1964. var freegiftUsePnt = parseInt($("#orderAmtForm .freegiftUsePnt").text());
  1965. rmPntAmt = rmPntAmt - freegiftUsePnt;
  1966. $("#orderForm .rmPntAmt").text(rmPntAmt.addComma());
  1967. // 걸제영역
  1968. //$("#btn_payment").text("동의 후 "+realOrdSumAmt.addComma()+" 원 결제하기");
  1969. // 적립포인트
  1970. $("#savePntSumAmt").text(savePntSumAmt.addComma()+" P");
  1971. // 사은품정보 설정
  1972. var freegiftValArr = [];
  1973. var freegiftUsePointArr = [];
  1974. $("#orderForm .gift_box").each(function(){
  1975. $(this).find(".freegiftRdo").each(function(){
  1976. // 사은품필수
  1977. if ($(this).attr("allYn") == "Y" ) {
  1978. freegiftValArr.push($(this).val());
  1979. freegiftUsePointArr.push($(this).attr("usepoint"));
  1980. } else {
  1981. // 라디오버튼 선택 사은품 체크
  1982. if ($(this).is(":checked")) {
  1983. // 수령거부가 아닐때 체크
  1984. if ($(this).val() != "noSel") {
  1985. freegiftValArr.push($(this).val());
  1986. freegiftUsePointArr.push($(this).attr("usepoint"));
  1987. }
  1988. }
  1989. }
  1990. });
  1991. });
  1992. $("#orderAmtForm .freegiftValArr").text(freegiftValArr); // 사은품시퀀스배열
  1993. $("#orderAmtForm .freegiftUsePointArr").text(freegiftUsePointArr); // 사은품사용포인트배열
  1994. };
  1995. // 1.18 배송지정보 설정
  1996. var delvAddrSet = function(delvObj) {
  1997. var rtnStr = "";
  1998. rtnStr += "| recipNm ::: " + delvObj.recipNm;
  1999. rtnStr += "| recipPhnno ::: " + delvObj.recipPhnno;
  2000. rtnStr += "| recipZipcode ::: " + delvObj.recipZipcode;
  2001. rtnStr += "| recipBaseAddr ::: " + delvObj.recipBaseAddr;
  2002. rtnStr += "| recipDtlAddr ::: " + delvObj.recipDtlAddr;
  2003. rtnStr += "| delvMemo ::: " + delvObj.delvMemo;
  2004. // 배송지정보로드실행
  2005. deliveryAddrInfoSet(delvObj, false);
  2006. }
  2007. // 1.19 배송메모설정
  2008. var delvMemoSet = function(delvMemoObj) {
  2009. var rtnStr = "";
  2010. rtnStr += "| delvMemo ::: " + delvMemoObj.delvMemo;
  2011. $("#orderForm input[name=delvMemo]").val(delvMemoObj.delvMemo); // input 값에 설정
  2012. $("#delvMemo").text(delvMemoObj.delvMemo); // 메모 text 설정
  2013. $("#orderAmtForm .delvMemo").text(delvMemoObj.delvMemo); // 메모 text 설정
  2014. }
  2015. </script>
  2016. <script th:inline="javascript">
  2017. $(document).ready( function() {
  2018. //해외배송 입력
  2019. $(document).on('change','.odPayment .area_overseas #rdi-overs1',function(e){
  2020. $('.info_box.overs2').hide();
  2021. $('.info_box.overs1').show();
  2022. return false;
  2023. }).on('change','.odPayment .area_overseas #rdi-overs2',function(e){
  2024. $('.info_box.overs1').hide();
  2025. $('.info_box.overs2').show();
  2026. return false;
  2027. });
  2028. //할인쿠폰 확인
  2029. $(document).on('click','.odPayment .area_seldiscount .btn_coupon_toggle',function(e){
  2030. $('.coupon_list').toggle();
  2031. $(this).toggleClass('on');
  2032. return false;
  2033. });
  2034. //결제수단 선택
  2035. /*
  2036. $(document).on('change','.odPayment .area_paymethod .paymethod_radio input',function(e){
  2037. $('.radio_blk').removeClass('on');
  2038. $(this).parents('.radio_blk').addClass('on');
  2039. $(this).parents('.radio_blk').find('.paymethod_box').show();
  2040. $(this).parents('.radio_blk').siblings('div').find('.paymethod_box').hide();
  2041. var paymethodlabel = $(this).prop('labels');
  2042. $(this).parents('li').find('.fold_head .data span').text($(paymethodlabel).text());
  2043. //간편결제 카드추가 슬라이드
  2044. var swiper = new Swiper('.paymethod_box .card_quickpay .list_card.swiper-container', {
  2045. slidesPerView: 'auto',
  2046. spaceBetween: 160,
  2047. centeredSlides: true,
  2048. navigation: {
  2049. nextEl: '.list_card .swiper-button-next',
  2050. prevEl: '.list_card .swiper-button-prev',
  2051. },
  2052. });
  2053. return false;
  2054. });
  2055. */
  2056. //STYLE24 간편결제 배너닫기
  2057. $(document).on('click','.odPayment .area_paymethod .quickpay_bnr .btn_close_bnr',function(e){
  2058. $('.quickpay_bnr').hide();
  2059. });
  2060. //결제수단 선택 > 즐겨찾기 추가시
  2061. $(document).on('click','.odPayment .area_paymethod .paymethod_box .card .etc .btn_favorcard',function(e){
  2062. $(this).toggleClass('active');
  2063. return false;
  2064. });
  2065. //결제수단 > 일반결제> 실시간계좌이체 선택시
  2066. /*
  2067. $(document).on('change','.odPayment input:radio[name=rdi-paynormal]',function(e){
  2068. var paynormalValue = $(this).attr('id');
  2069. if (paynormalValue == 'rdi-paynormal2') {
  2070. $('.area_paymethod .agree_insurance').show();
  2071. } else {
  2072. $('.area_paymethod .agree_insurance').hide();
  2073. }
  2074. return false;
  2075. });
  2076. */
  2077. // 개인정보동의 열고닫기
  2078. $(document).on('click','.area_paymentinfo .payinfo_blk a',function(e){
  2079. e.preventDefault();
  2080. $(this).parents('.payinfo_blk').toggleClass('on');
  2081. var privacyToggle = $(this).find('span');
  2082. $(privacyToggle).text($(privacyToggle).text() == '보기' ? '닫기' : '보기');
  2083. return false;
  2084. });
  2085. //배송지수정 팝업열기
  2086. /*
  2087. $(document).on('click','#btn_addrModify_pop',function(e){
  2088. $("#adrsModifyPop").modal("show");
  2089. return false;
  2090. });
  2091. */
  2092. //배송요청사항 팝업열기
  2093. /*
  2094. $(document).on('click','#btn_rqstModify_pop',function(e){
  2095. $("#rqstModifyPop").modal("show");
  2096. return false;
  2097. });
  2098. */
  2099. //사은품지급안내 팝업열기
  2100. $(document).on('click','#btn_infoGift_pop',function(e){
  2101. $("#infoGiftPop").modal("show");
  2102. return false;
  2103. });
  2104. //간편결제등록 > STEP1.이용약관 팝업열기
  2105. $(document).on('click','.btn_addcard',function(e){
  2106. $("#qPayAgree_pop").modal("show");
  2107. return false;
  2108. });
  2109. //간편결제등록 > STEP1.이용약관 체크
  2110. $(document).on('click','.area_QpayCk .agr_select button',function(e){
  2111. $(this).parents('.area_QpayCk').find('.info_agrQpay').toggle();
  2112. var payagrToggle = $(this).find('span');
  2113. $(payagrToggle).text($(payagrToggle).text() == '약관열기' ? '약관닫기' : '약관열기');
  2114. return false;
  2115. });
  2116. //간편결제등록 > STEP1.이용약관 체크박스 전체선택
  2117. $(document).on('click','#chk-Qpay-agrAll',function(e){
  2118. $(this).parents(".qPayAgree_pop").find('.agree_Qpay input').prop("checked", $(this).is(":checked"));
  2119. });
  2120. //간편결제등록 > STEP1.이용약관 체크박스 개별선택
  2121. $(document).on("click", ".agree_Qpay input",function(e){
  2122. var is_checked = true;
  2123. $(".agree_Qpay input").each(function(){
  2124. is_checked = is_checked && $(this).is(":checked");
  2125. });
  2126. $("#chk-Qpay-agrAll").prop("checked", is_checked);
  2127. });
  2128. //간편결제등록 > 본인인증 팝업열기
  2129. $(document).on('click','#btn_qPayidConfirm_pop',function(e){
  2130. $("#qPayidConfirm_pop").modal("show");
  2131. return false;
  2132. });
  2133. });
  2134. // PG 카카오페이 결제준비 처리
  2135. var fnKakaoPaymentReady = function() {
  2136. let nextRedirectUrl = $('#order_info input[name=nextRedirectPcUrl]').val();
  2137. let option = 'width=420, height=520';
  2138. window.open(nextRedirectUrl, 'kakaoPaymentPopup', option);
  2139. }
  2140. // PG 카카오페이 결제 승인 요청
  2141. var fnKakaoPaymentRequest = function(pgToken) {
  2142. // Token 값 설정
  2143. $('#order_info input[name=pgToken]').val(pgToken);
  2144. // Form Submit
  2145. document.order_info.submit();
  2146. return true;
  2147. }
  2148. // PG 네이버페이 결제준비 처리
  2149. var fnNaverPaymentReady = function() {
  2150. let naverPayUrl = 'https://' + [[${@environment.getProperty('naverPay.payUrl.web')}]];
  2151. let reserveId = $('#order_info input[name=reserveId]').val();
  2152. let url = naverPayUrl + '/payments/' + reserveId;
  2153. let option = 'width=750, height=' + $(window).height();
  2154. window.open(url, 'naverPaymentPopup', option);
  2155. }
  2156. // PG 네이버페이 결제 승인 요청
  2157. var fnNaverPaymentRequest = function(paymentId) {
  2158. // TID 설정
  2159. $('#order_info input[name=pgTid]').val(paymentId);
  2160. // Form Submit
  2161. document.order_info.submit();
  2162. return true;
  2163. }
  2164. // 0원이하이면 '-' 처리 삭제 함수
  2165. var getZeroMinusDelAmt = function(tempAmt) {
  2166. var rtnAmtStr = "";
  2167. if (tempAmt > 0) {
  2168. rtnAmtStr = "-" + tempAmt.addComma();
  2169. } else {
  2170. rtnAmtStr = tempAmt.addComma();
  2171. }
  2172. return rtnAmtStr;
  2173. }
  2174. //START ::: 2021.04.09 숫자입려 천단위 찍기
  2175. var inputNumberFormat = function(obj) {
  2176. obj.value = comma(uncomma(obj.value));
  2177. }
  2178. var comma = function(str) {
  2179. str = String(str);
  2180. return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
  2181. }
  2182. var uncomma = function(str) {
  2183. str = String(str);
  2184. return str.replace(/[^\d]+/g, '');
  2185. }
  2186. // 2021.04.09 숫자입려 천단위 찍기 ::: END
  2187. </script>
  2188. </th:block>
  2189. </body>
  2190. </html>