OrderFormWeb.html 88 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533
  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. // 2021.05.16 배송정보가 있으면 노출
  544. if ($("#orderForm input[name='recipZipcode']").val() != "00000") {
  545. $("#orderForm .area_receiveinfo.exist").show();
  546. $("#orderForm .area_receiveinfo.none").hide();
  547. } else {
  548. $("#orderForm .area_receiveinfo.exist").hide();
  549. $("#orderForm .area_receiveinfo.none").show();
  550. }
  551. // 배송정보설정
  552. $("#orderAmtForm .recipNm").text($("#orderForm input[name='recipNm']").val());
  553. $("#orderAmtForm .recipPhnno").text($("#orderForm input[name='recipPhnno']").val());
  554. $("#orderAmtForm .recipZipcode").text($("#orderForm input[name='recipZipcode']").val());
  555. $("#orderAmtForm .recipBaseAddr").text($("#orderForm input[name='recipBaseAddr']").val());
  556. $("#orderAmtForm .recipDtlAddr").text($("#orderForm input[name='recipDtlAddr']").val());
  557. $("#orderAmtForm .delvMemo").text($("#orderForm input[name='delvMemo']").val());
  558. // 2. 버튼기능구현
  559. // 2.1 회원 배송지변경 팝업열기
  560. $('#orderForm .btn_adrsChange_pop').on("click", function(){
  561. // 회원인경우
  562. if (isLogin == true) {
  563. $.ajax( {
  564. type : "POST",
  565. url : '/common/delvAddrChangePop',
  566. data : JSON.stringify(jsonObj),
  567. dataType : 'html',
  568. beforeSend : function(xhr, settings) {
  569. xhr.setRequestHeader("AJAX" , "true");
  570. xhr.setRequestHeader('Accept' , 'application/json');
  571. xhr.setRequestHeader('Content-Type' , 'application/json');
  572. },
  573. success : function(result) {
  574. $("#adrsChangePop .modal-dialog .modal-content").html(result);
  575. $("#adrsChangePop").modal("show");
  576. }
  577. });
  578. }
  579. // 비회원인경우
  580. else {
  581. $.ajax( {
  582. type : "POST",
  583. url : '/common/delvAddrAddPop',
  584. data : JSON.stringify(jsonObj),
  585. dataType : 'html',
  586. beforeSend : function(xhr, settings) {
  587. xhr.setRequestHeader("AJAX" , "true");
  588. xhr.setRequestHeader('Accept' , 'application/json');
  589. xhr.setRequestHeader('Content-Type' , 'application/json');
  590. },
  591. success : function(result) {
  592. $("#adrsAddPop .modal-dialog .modal-content").html(result);
  593. $("#adrsAddPop").modal("show");
  594. }
  595. });
  596. }
  597. });
  598. // 2.2 배송요청사항 팝업열기
  599. $("#btn_rqstModify_pop").on("click", function(e){
  600. var jsonObj = new Object();
  601. jsonObj.delvMemo = $("#orderForm input[name=delvMemo]").val();
  602. $.ajax({
  603. type : "POST",
  604. url : "/common/delvMemoChangePop",
  605. data : JSON.stringify(jsonObj),
  606. dataType : "html",
  607. beforeSend : function(xhr, settings) {
  608. xhr.setRequestHeader("AJAX" , "true");
  609. xhr.setRequestHeader('Accept' , 'application/json');
  610. xhr.setRequestHeader('Content-Type' , 'application/json');
  611. },
  612. success : function(result) {
  613. if (result != null) {
  614. $("#rqstModifyPop .modal-dialog .modal-content").html(result);
  615. $("#rqstModifyPop").modal("show");
  616. }
  617. }
  618. });
  619. return false;
  620. });
  621. // 1.3 총알배송가능 지역, 총알배송 가능 시간 체크(초기로드정보)
  622. fnGetDailyDeliveryCheck(temp);
  623. }
  624. });
  625. }
  626. // 1.3 총알배송가능 지역, 총알배송 가능 시간 체크
  627. var fnGetDailyDeliveryCheck = function (temp) {
  628. jsonData = JSON.stringify(jsonObj);
  629. // 장바구니 총알배송 사용여부 체크 N
  630. if (shotDelvUseYn == "N") {
  631. // 초기에 한번 데이타 로드
  632. if (temp) {
  633. // 1.4 주문상품목록로드
  634. orderListInfoSet(jsonData, temp);
  635. }
  636. } else {
  637. // 배송지 우편번호 체크
  638. var zipcode = $("#orderForm input[name='recipZipcode']").val();
  639. // 총알배송여부 체크 배송지정보 존재여부 체크
  640. if (zipcode == null || zipcode == '') {
  641. //alert("배송지정보가 없습니다. 기본 총알배송 가능지역으로 설정 합니다.");
  642. zipcode = "04320"; // 기본 서울역 우편번호로 설정
  643. }
  644. var shotDelvObj = {"recipZipcode" : zipcode};
  645. gagajf.ajaxJsonSubmit(
  646. "/order/getDailyDeliveryCheck"
  647. , JSON.stringify(shotDelvObj)
  648. , function (result) {
  649. // 총알배송여부체크
  650. var tempShotDelvYn = "N";
  651. if (parseInt(result) > 0) {
  652. tempShotDelvYn = "Y";
  653. }
  654. // json 값 설정
  655. var orderListObj = {
  656. "cartSqArr" : cartSqArr
  657. , "shotDelvYn" : tempShotDelvYn
  658. , "cartGoodsList" : cartGoodsList
  659. };
  660. var orderListJsonData = JSON.stringify(orderListObj);
  661. if (temp) {
  662. // 1.3 주문상품목록로드
  663. orderListInfoSet(orderListJsonData, temp);
  664. } else {
  665. if (tempShotDelvYn != shotDelvYn) {
  666. orderListInfoSet(orderListJsonData, temp);
  667. }
  668. }
  669. shotDelvYn = tempShotDelvYn;
  670. }
  671. )
  672. }
  673. }
  674. // 1.4 주문상품목록로드
  675. var orderListInfoSet = function(orderListJsonData, temp) {
  676. $.ajax( {
  677. type : "POST",
  678. url : '/order/orderListInfo',
  679. data : orderListJsonData,
  680. dataType : 'html',
  681. beforeSend : function(xhr, settings) {
  682. xhr.setRequestHeader("AJAX" , "true");
  683. xhr.setRequestHeader('Accept' , 'application/json');
  684. xhr.setRequestHeader('Content-Type' , 'application/json');
  685. },
  686. success : function(result) {
  687. if (result != null) {
  688. $("#orderListInfo").css("display", "block");
  689. $("#orderListInfo").html(result);
  690. $("#delvFeeCdCnt").text($("#orderForm input[name=delvFeeCdCnt]").val());
  691. $("#shotCnt").text($("#orderForm input[name=shotCnt]").val());
  692. $("#wmsCnt").text($("#orderForm input[name=wmsCnt]").val());
  693. // 총알배송건수가 있으면 총알배송 태그 표시
  694. if (parseInt($("#orderForm input[name=shotCnt]").val()) > 0 ) {
  695. $("#orderForm .shotDelv").show();
  696. } else {
  697. $("#orderForm .shotDelv").hide();
  698. }
  699. }
  700. // 1.5 사은품정보로드
  701. if (temp) {
  702. freegiftInfoSet();
  703. }
  704. }
  705. });
  706. }
  707. // 1.5 사은품정보로드
  708. var freegiftInfoSet = function() {
  709. $.ajax( {
  710. type : "POST",
  711. url : '/order/freegiftInfo',
  712. data : JSON.stringify(jsonObj),
  713. dataType : 'html',
  714. beforeSend : function(xhr, settings) {
  715. xhr.setRequestHeader("AJAX" , "true");
  716. xhr.setRequestHeader('Accept' , 'application/json');
  717. xhr.setRequestHeader('Content-Type' , 'application/json');
  718. },
  719. success : function(result) {
  720. if (result != null) {
  721. $("#freegiftInfo").html(result);
  722. var total_gift = 0;
  723. var total_deduct = 0;
  724. // 2.2 사은품선택 라디오 버튼 기능
  725. $("#orderForm .freegiftRdo").on("click", function() {
  726. total_gift = 0;
  727. total_deduct = 0;
  728. // 2021.04.14 사은품 사용 포인트가 보유포인트보다 작아야 한다.
  729. var rmPntAmt = parseInt($("#orderForm input[name='rmPntAmt']").val());
  730. var freegiftUsePnt = parseInt($("#orderAmtForm .freegiftUsePnt").text());
  731. var usepoint = parseInt($(this).attr("usepoint"));
  732. rmPntAmt = rmPntAmt - freegiftUsePnt - usepoint;
  733. if (rmPntAmt < 0) {
  734. mcxDialog.alert("보유포인트가 부족합니다.");
  735. return false;
  736. }
  737. $("#orderForm .freegiftRdo").each(function(){
  738. if ($(this).attr("allYn") == "Y" ) {
  739. total_gift += 1;
  740. }
  741. // 라디오버튼 사은품 체크
  742. if ($(this).is(":checked")) {
  743. // 수령거부가 아닐때 체크
  744. if ($(this).val() != "noSel") {
  745. total_gift += 1;
  746. total_deduct += parseInt($(this).attr("usepoint"));
  747. }
  748. }
  749. });
  750. $("#orderForm .total_gift").text(total_gift); // 사은품총선택개수
  751. $("#orderForm .total_deduct").text(total_deduct.addComma()); // 사은품총사용포인트
  752. $("#orderAmtForm .freegiftUsePnt").text(total_deduct);
  753. // 2021.04.29 사은품기능 리셋
  754. var pntDcAmt = parseInt($("#orderAmtForm .pntDcSumAmt").text());
  755. if (pntDcAmt > 0) {
  756. mcxDialog.alert("적용된 할인/혜택이 초기화 됩니다.");
  757. pntDcAmtReset();
  758. }
  759. // 2021.05.07 금액계산실행
  760. custCpnSumAmtCal();
  761. });
  762. // 2021.04.29 무료사은품 기본선택
  763. $("#orderForm .freegiftRdo").each(function(){
  764. var usepoint = parseInt($(this).attr("usepoint"));
  765. var count = parseInt($(this).attr("count"));
  766. // 첫번째 무료 선택
  767. if (usepoint == 0 && count == 1) {
  768. $(this).trigger("click");
  769. total_gift = 0;
  770. total_deduct = 0;
  771. // 2021.04.14 사은품 사용 포인트가 보유포인트보다 작아야 한다.
  772. var rmPntAmt = parseInt($("#orderForm input[name='rmPntAmt']").val());
  773. var freegiftUsePnt = parseInt($("#orderAmtForm .freegiftUsePnt").text());
  774. var usepoint = parseInt($(this).attr("usepoint"));
  775. rmPntAmt = rmPntAmt - freegiftUsePnt - usepoint;
  776. if (rmPntAmt < 0) {
  777. mcxDialog.alert("보유포인트가 부족합니다.");
  778. return false;
  779. }
  780. $("#orderForm .freegiftRdo").each(function(){
  781. if ($(this).attr("allYn") == "Y" ) {
  782. total_gift += 1;
  783. }
  784. // 라디오버튼 사은품 체크
  785. if ($(this).is(":checked")) {
  786. // 수령거부가 아닐때 체크
  787. if ($(this).val() != "noSel") {
  788. total_gift += 1;
  789. total_deduct += parseInt($(this).attr("usepoint"));
  790. }
  791. }
  792. });
  793. $("#orderForm .total_gift").text(total_gift); // 사은품총선택개수
  794. $("#orderForm .total_deduct").text(total_deduct.addComma()); // 사은품총사용포인트
  795. $("#orderAmtForm .freegiftUsePnt").text(total_deduct);
  796. // 포인트초기화기능
  797. pntDcAmtReset();
  798. }
  799. });
  800. // 사은품테이블 그리기
  801. $("#orderForm .gift_box").each(function(){
  802. $(this).find(".freegiftRdo").each(function(){
  803. if ($(this).attr("allYn") == "Y" ) {
  804. total_gift += 1;
  805. }
  806. $("#orderForm .total_gift").text(total_gift); // 사은품총선택개수
  807. });
  808. });
  809. // 2021.04.29 사은품동의 체크 기능
  810. /*
  811. $("#orderForm #chk-agree_gift").on("click", function(){
  812. if ($(this).is(":checked") == false) {
  813. mcxDialog.alert("미동의시 사은품 지급이 되지 않습니다.");
  814. }
  815. });
  816. */
  817. }
  818. // 1.6 결제타입로드
  819. paymentInfoSet();
  820. }
  821. });
  822. }
  823. // 1.6 결제타입로드 (결제버튼기능구현)
  824. var paymentInfoSet = function() {
  825. $.ajax( {
  826. type : "POST",
  827. url : '/order/paymentInfo',
  828. data : JSON.stringify(jsonObj),
  829. dataType : 'html',
  830. beforeSend : function(xhr, settings) {
  831. xhr.setRequestHeader("AJAX" , "true");
  832. xhr.setRequestHeader('Accept' , 'application/json');
  833. xhr.setRequestHeader('Content-Type' , 'application/json');
  834. },
  835. success : function(result) {
  836. if (result != null) {
  837. $("#paymentInfo").css("display", "block");
  838. $("#paymentInfo").html(result);
  839. var payType = "";
  840. // 결제타입명칭 설정
  841. $("#orderForm .area_paymethod .paymethod_box ul li").on("click", function(){
  842. payType = $(this).find(".payType").text();
  843. if ($(this).find("input[name=rdi-paynormal]").is(":checked")) {
  844. $("#orderForm .payTypeNm").text(payType);
  845. }
  846. // 2021.04.29 수정
  847. $("#orderForm input[name=insuranceYn]").attr("checked", false);
  848. $("#orderForm .area_paymentinfo .agree1").hide();
  849. // 2021.04.25 실시간계좌이체, 무통장입금시 보증보험 신청 약관 노출
  850. if (payType == "실시간계좌이체" || payType == "무통장입금" ) {
  851. $("#orderForm .area_paymethod .agree_insurance").show();
  852. } else {
  853. $("#orderForm .area_paymethod .agree_insurance").hide();
  854. }
  855. if (delvCnt > 0) {
  856. $("#orderForm .area_paymentinfo").show();
  857. } else {
  858. $("#orderForm .area_paymentinfo").hide();
  859. }
  860. });
  861. // 2021.04.25 실시간계좌이체, 무통장입금시 보증보험 신청 약관 노출
  862. // 2021.05.16 동의박스체크시노출
  863. $("#orderForm input[name=insuranceYn]").on("click", function(){
  864. var displayTemp = true;
  865. if (payType == "실시간계좌이체" || payType == "무통장입금" ) {
  866. if ($(this).is(":checked")) {
  867. $("#orderForm .area_paymethod .agree_insurance").show();
  868. $("#orderForm .area_paymentinfo").show();
  869. $("#orderForm .area_paymentinfo .agree1").show();
  870. } else {
  871. displayTemp = false;
  872. }
  873. } else {
  874. displayTemp = false;
  875. }
  876. if (displayTemp == false) {
  877. $("#orderForm .area_paymentinfo .agree1").hide();
  878. if (delvCnt > 0) {
  879. $("#orderForm .area_paymentinfo").show();
  880. } else {
  881. $("#orderForm .area_paymentinfo").hide();
  882. }
  883. }
  884. });
  885. // 2021.05.16 초기값설정
  886. $("#orderForm .area_paymentinfo .agree1").hide();
  887. if (delvCnt > 0) {
  888. $("#orderForm .area_paymentinfo").show();
  889. } else {
  890. $("#orderForm .area_paymentinfo").hide();
  891. }
  892. // 결제하기
  893. $("#btn_payment").on("click", function(){
  894. // 사은품정보
  895. var prePntDcAmtYn = $("#orderForm input[name='rdi-beforpoint']:checked").val();
  896. var paynormal = $("#orderForm input[name='rdi-paynormal']:checked").val();
  897. var orderDetailList = [];
  898. var delvFeeCdList = [];
  899. var ordGoodsQty = 0;
  900. var goodsNm = "";
  901. var orgEntryNo = "";
  902. var entryNo = "";
  903. var insuranceYn = "N";
  904. // 2021.04.25
  905. if ($("#orderForm input[name=insuranceYn]").is(":checked")) {
  906. insuranceYn = "Y";
  907. }
  908. // 배송주소등록
  909. if ($("#orderAmtForm .recipZipcode").text() == "00000") {
  910. mcxDialog.alert("배송정보를 등록해 주세요.");
  911. // 배송정보화면노출
  912. deliveryAddrInfoDispYn("Y");
  913. return false;
  914. }
  915. // TODO 개인통관번호 동의 체크시 통관번호 등록
  916. if (foreignBuyYn == "Y") {
  917. if ($("#orderForm input[name=rdi-overseas]:checked").val() == "Y") {
  918. if (gagajf.isNull($("#orderForm input[name=entryNo]").val())) {
  919. mcxDialog.alert("개인통관고유부호를 입력해주세요.");
  920. $('#orderForm input[name=entryNo]').focus();
  921. // 배송정보화면노출
  922. deliveryAddrInfoDispYn("Y");
  923. return false;
  924. }
  925. orgEntryNo = $("#orderForm input[name=entryNo]").val();
  926. if (orgEntryNo.substr(0,1) != "P") {
  927. mcxDialog.alert("개인통관고유부호가 유효하지 않습니다.");
  928. $('#orderForm input[name=entryNo]').focus();
  929. // 배송정보화면노출
  930. deliveryAddrInfoDispYn("Y");
  931. return false;
  932. }
  933. if (orgEntryNo.length < 13) {
  934. mcxDialog.alert("개인통관고유부호가 유효하지 않습니다.");
  935. $('#orderForm input[name=entryNo]').focus();
  936. // 배송정보화면노출
  937. deliveryAddrInfoDispYn("Y");
  938. return false;
  939. }
  940. if (!$("#orderForm #chk-overs-agr").is(":checked")) {
  941. mcxDialog.alert("개인통관정보고유부호 정보 동의/저장항목을 체크해주세요.");
  942. // 배송정보화면노출
  943. deliveryAddrInfoDispYn("Y");
  944. return false;
  945. }
  946. }
  947. }
  948. // 주문제작상품일때 주문제작정보동의
  949. if (orderMadeYn == "Y") {
  950. if (!$("#orderForm #chk-custom-agr1").is(":checked")) {
  951. mcxDialog.alert("주문제작상품에 대한 동의를 하지 않으실 경우 해당 상품을 쇼핑백에서 제외하신 후 다시 결제를 시도해주세요.");
  952. // 배송정보화면노출
  953. deliveryAddrInfoDispYn("Y");
  954. return false;
  955. }
  956. }
  957. // 사은품지급할 경우 체크 2020.04.29 사은품지급이 필수가 아닙니다.
  958. if ($("#orderAmtForm .freegiftValArr").text().length > 0) {
  959. if (!$("#orderForm #chk-agree_gift").is(":checked")) {
  960. mcxDialog.alert("사은품 지급 정보 동의를 체크해주세요.");
  961. // 배송정보화면노출
  962. freegiftInfoDispYn("Y");
  963. return false;
  964. }
  965. }
  966. // 결재수단
  967. if (gagajf.isNull(paynormal)) {
  968. mcxDialog.alert("결제수단을 선택해 주세요.");
  969. // 결제수단정보노출
  970. paymentInfoDispYn("Y");
  971. return false;
  972. }
  973. var paynormalArr = paynormal.split("|");
  974. var pgGb = paynormalArr[0];
  975. var payMeans = paynormalArr[1];
  976. var custPayMeans = "N";
  977. // 자주쓰는결제타입
  978. if ($("#orderForm #chk-agree_paymethod").is(":checked") == true) {
  979. custPayMeans = "Y";
  980. }
  981. // 주문상세데이타 생성
  982. $("#orderDetailInfo .cartSq").each(function(){
  983. // 주문상세단위 총알배송여부 변경
  984. var orderDetailShotDelvYn = $(this).parent().find(".shotDelvYn").text();
  985. if (orderDetailShotDelvYn == "Y") {
  986. if (shotDelvYn == "N") {
  987. orderDetailShotDelvYn = "N";
  988. }
  989. }
  990. // 개인통관번호
  991. if ($(this).parent().find(".foreignBuyYn").text() == "Y") {
  992. entryNo = orgEntryNo;
  993. } else {
  994. entryNo = "";
  995. }
  996. var orderDetailData = {
  997. "cartSq" : $(this).text()
  998. ,"currPrice" : $(this).parent().find(".orgCurrPrice").text()
  999. ,"optAddPrice" : $(this).parent().find(".optAddPrice").text()
  1000. ,"ordAmt" : $(this).parent().find(".ordAmt").text()
  1001. ,"cpn1CpnSq" : $(this).parent().find(".cpn1CpnSq").text()
  1002. ,"cpn1DcAmt" : $(this).parent().find(".cpn1DcAmt").text()
  1003. ,"goodsQty" : $(this).parent().find(".goodsQty").text()
  1004. ,"tmtb1Sq" : $(this).parent().find(".tmtb1Sq").text()
  1005. ,"tmtb1DcAmt" : $(this).parent().find(".tmtb1DcAmt").text()
  1006. ,"tmtb2Sq" : $(this).parent().find(".tmtb2Sq").text()
  1007. ,"tmtb2DcAmt" : $(this).parent().find(".tmtb2DcAmt").text()
  1008. ,"goodsCpnSq" : $(this).parent().find(".goodsCpnSq").text()
  1009. ,"goodsCpnDcAmt" : $(this).parent().find(".goodsCpnDcAmt").text()
  1010. ,"cartCpnSq" : $(this).parent().find(".cartCpnSq").text()
  1011. ,"cartCpnDcAmt" : $(this).parent().find(".cartCpnDcAmt").text()
  1012. ,"prePntDcAmt" : $(this).parent().find(".prePntDcAmt1").text()
  1013. ,"pntDcAmt" : $(this).parent().find(".pntDcAmt1").text()
  1014. ,"gfcdUseAmt" : $(this).parent().find(".gfcdUseAmt1").text()
  1015. ,"realOrdAmt" : $(this).parent().find(".realOrdAmt1").text()
  1016. ,"savePntAmt" : $(this).parent().find(".savePntAmt1").text()
  1017. ,"shotDelvYn" : orderDetailShotDelvYn
  1018. ,"foreignBuyYn" : $(this).parent().find(".foreignBuyYn").text()
  1019. ,"makeGoodsYn" : $(this).parent().find(".orderMadeYn").text()
  1020. ,"delvFeeCd" : $(this).parent().find(".delvFeeCd").text()
  1021. ,"goodsCd" : $(this).parent().find(".goodsCd").text()
  1022. ,"itemCdArr" : $(this).parent().find(".itemCd").text().split(",")
  1023. ,"optCdArr" : $(this).parent().find(".optCd").text().split(",")
  1024. ,"optCd1Arr" : $(this).parent().find(".optCd1").text().split(",")
  1025. ,"optCd2Arr" : $(this).parent().find(".optCd2").text().split(",")
  1026. ,"itemQtyArr" : $(this).parent().find(".itemQtyr").text().split(",")
  1027. ,"goodsType" : $(this).parent().find(".goodsType").text()
  1028. ,"entryNo" : entryNo
  1029. ,"giftPackYn" : "N"
  1030. }
  1031. // 상품수
  1032. ordGoodsQty++;
  1033. orderDetailList.push(orderDetailData);
  1034. });
  1035. // 주문배송업체정보 생성
  1036. $("#delvFeeCdInfo .delvFeeCd").each(function(){
  1037. var delvFeeCdData = {
  1038. "delvFeeCd" : $(this).text()
  1039. ,"supplyCompCd" : $(this).parent().find(".supplyCompCd").text()
  1040. ,"delvFee" : $(this).parent().find(".delvFee").text()
  1041. ,"delvCpnSq" : $(this).parent().find(".delvCpnSq").text()
  1042. ,"delvCpnDcAmt" : $(this).parent().find(".delvCpnDcAmt").text()
  1043. }
  1044. delvFeeCdList.push(delvFeeCdData);
  1045. });
  1046. // 2021.04.29 상픈품 체크박스 미동의시 사은품 미지급
  1047. var freegiftValArr = $("#orderAmtForm .freegiftValArr").text().split(",");
  1048. var freegiftSqArr = $("#orderAmtForm .freegiftSqArr").text().split(",");
  1049. var freegiftGoodsArr = $("#orderAmtForm .freegiftGoodsArr").text().split(",");
  1050. var freegiftUsePointArr = $("#orderAmtForm .freegiftUsePointArr").text().split(",");
  1051. /*
  1052. if (!$("#orderForm #chk-agree_gift").is(":checked") == false) {
  1053. freegiftValArr = "";
  1054. freegiftSqArr = "";
  1055. freegiftGoodsArr = "";
  1056. freegiftUsePointArr = "";
  1057. }
  1058. */
  1059. // 주문데이타 생성
  1060. var orderData = {
  1061. "custNm" : $("#orderAmtForm .custNm").text()
  1062. ,"email" : $("#orderAmtForm .email").text()
  1063. ,"recipNm" : $("#orderAmtForm .recipNm").text()
  1064. ,"recipPhnno" : $("#orderAmtForm .recipPhnno").text()
  1065. ,"recipZipcode" : $("#orderAmtForm .recipZipcode").text()
  1066. ,"recipBaseAddr" : $("#orderAmtForm .recipBaseAddr").text()
  1067. ,"recipDtlAddr" : $("#orderAmtForm .recipDtlAddr").text()
  1068. ,"delvMemo" : $("#orderAmtForm .delvMemo").text()
  1069. ,"insuranceYn" : insuranceYn
  1070. ,"sexGb" : $("#orderAmtForm .sexGb").text()
  1071. ,"birthYmd" : $("#orderAmtForm .birthYmd").text()
  1072. ,"prePntDcAmtYn" : prePntDcAmtYn
  1073. ,"orderDetailList" : orderDetailList
  1074. ,"delvFeeCdList" : delvFeeCdList
  1075. ,"shotDelvYn" : shotDelvYn
  1076. ,"entryNo" : entryNo
  1077. ,"pgGb" : pgGb
  1078. ,"payMeans" : payMeans // 네이버페이, 카카오페이
  1079. ,"payAmt" : $("#orderAmtForm .realOrdSumAmt").text()
  1080. ,"ordNm" : $("#orderAmtForm .custNm").text()
  1081. ,"ordPhnno" : $("#orderAmtForm .cellPhnno").text()
  1082. ,"goodsNm" : $("#orderAmtForm .goodsNm").eq(0).text()
  1083. ,"ordGoodsQty" : ordGoodsQty
  1084. ,"freegiftValArr" : freegiftValArr
  1085. ,"freegiftSqArr" : freegiftSqArr
  1086. ,"freegiftGoodsArr" : freegiftGoodsArr
  1087. ,"freegiftUsePointArr" : freegiftUsePointArr
  1088. ,"giftMsg" : ""
  1089. ,"custPayMeans" : custPayMeans
  1090. ,"cartSqArr" : cartSqArr
  1091. ,"orgGoodsSumAmt" : $("#orderAmtForm .orgGoodsSumAmt").text()
  1092. ,"cpn1DcSumAmt" : $("#orderAmtForm .cpn1DcSumAmt").text()
  1093. ,"tmtb1DcSumAmt" : $("#orderAmtForm .tmtb1DcSumAmt").text()
  1094. ,"tmtb2DcSumAmt" : $("#orderAmtForm .tmtb2DcSumAmt").text()
  1095. ,"goodsCpnDcSumAmt" : $("#orderAmtForm .goodsCpnDcSumAmt").text()
  1096. ,"cartCpnDcSumAmt" : $("#orderAmtForm .cartCpnDcSumAmt").text()
  1097. ,"prePntDcSumAmt" : $("#orderAmtForm .prePntDcSumAmt").text()
  1098. ,"pntDcSumAmt" : $("#orderAmtForm .pntDcSumAmt").text()
  1099. ,"gfcdUseSumAmt" : $("#orderAmtForm .gfcdUseSumAmt").text()
  1100. ,"realOrdSumAmt" : $("#orderAmtForm .realOrdSumAmt").text()
  1101. ,"delvSumAmt" : $("#orderAmtForm .delvSumAmt").text()
  1102. };
  1103. $.ajax( {
  1104. type : "POST",
  1105. url : '/order/create/preOrder',
  1106. data : JSON.stringify(orderData),
  1107. dataType : 'html',
  1108. beforeSend : function(xhr, settings) {
  1109. xhr.setRequestHeader("AJAX" , "true");
  1110. xhr.setRequestHeader('Accept' , 'application/json');
  1111. xhr.setRequestHeader('Content-Type' , 'application/json');
  1112. },
  1113. success : function(result) {
  1114. // 결재정보로드
  1115. $("#order_info").html(result);
  1116. var pgGb = $("#order_info input[name=pgGb]").val();
  1117. if (pgGb == "NAVER") {
  1118. fnNaverPaymentReady();
  1119. } else if (pgGb == "KAKAO") {
  1120. fnKakaoPaymentReady();
  1121. } else if (pgGb == "KCP" || pgGb == "PAYCO") {
  1122. if(payMeans == "G014_70") {
  1123. $("#order_info").submit();
  1124. } else {
  1125. jsf__pay(document.order_info);
  1126. }
  1127. }
  1128. }
  1129. });
  1130. });
  1131. // 1.8 할인영역 설정 (로그인여부일때 동작)
  1132. if (isLogin == true) {
  1133. dcAmtInfoSet();
  1134. } else {
  1135. // 금액계산초기화
  1136. custCpnSumAmtCal();
  1137. }
  1138. }
  1139. }
  1140. });
  1141. }
  1142. // 1.7 프로모션 쿠폰 적용 함수
  1143. var serialCpnApply = function(){
  1144. if (gagajf.isNull($("#serialCpnNm").val())) {
  1145. mcxDialog.alert("할인코드를 입력해주세요.");
  1146. $('#serialCpnNm').focus();
  1147. return false;
  1148. }
  1149. let data = {
  1150. rdCpnNm : $("#serialCpnNm").val()
  1151. }
  1152. $.ajax( {
  1153. type : "POST",
  1154. url : '/cart/list/serialCpnApply',
  1155. contentType : 'application/json',
  1156. dataType : 'json',
  1157. data : JSON.stringify(data),
  1158. success : function(result) {
  1159. // 프로모션쿠폰적용 후 할인영역 노출
  1160. jsonObj.dispYn = "Y";
  1161. // 성공일때는 쿠폰정보 및 포인트 정보 reset
  1162. if (result.serialCpnInfo.result == "SUCCESS") {
  1163. mcxDialog.alert("쿠폰 등록이 되었습니다.");
  1164. // 1.8 할인영역 재로드
  1165. dcAmtInfoSet(jsonData);
  1166. } else {
  1167. mcxDialog.alert(result.serialCpnInfo.result);
  1168. $("#serialCpnNm").val("");
  1169. }
  1170. }
  1171. });
  1172. }
  1173. // 1.8 할인영역 설정 (쿠폰, 선포인트, 포인트, 상품권)
  1174. var dcAmtInfoSet = function() {
  1175. // 1.8.1 할인정보로드
  1176. $.ajax( {
  1177. type : "POST",
  1178. url : '/order/dcAmtInfo',
  1179. data : JSON.stringify(jsonObj),
  1180. dataType : 'html',
  1181. beforeSend : function(xhr, settings) {
  1182. xhr.setRequestHeader("AJAX" , "true");
  1183. xhr.setRequestHeader('Accept' , 'application/json');
  1184. xhr.setRequestHeader('Content-Type' , 'application/json');
  1185. },
  1186. success : function(result) {
  1187. if (result != null) {
  1188. $("#dcAmtInfo").css("display", "block");
  1189. $("#dcAmtInfo").html(result);
  1190. // 쿠폰팝업정보로드
  1191. $.ajax( {
  1192. type : "POST",
  1193. url : '/order/couponApplyPop',
  1194. data : JSON.stringify(jsonObj),
  1195. dataType : 'html',
  1196. beforeSend : function(xhr, settings) {
  1197. xhr.setRequestHeader("AJAX" , "true");
  1198. xhr.setRequestHeader('Accept' , 'application/json');
  1199. xhr.setRequestHeader('Content-Type' , 'application/json');
  1200. },
  1201. success : function(result) {
  1202. $("#couponModifyPop").html(result);
  1203. // 1.8.1 선포인트기능초기화
  1204. prePntDcAmtReset();
  1205. // 1.8.2 쿠폰적용초기화(할인율최고)(상품,장바구니)
  1206. custGoodsCpnInit();
  1207. // 1.8.3 쿠폰적용초기화(할인율최고)(배송비)
  1208. custDelvCpnInit();
  1209. // 1.8.4 쿠폰적용버튼
  1210. $("#btn_coupon_apply").on("click", function(){
  1211. // 상품쿠폰적용
  1212. $('#couponApplyForm .goodsCpn ul li.selected').each(function(index){
  1213. custCpnApply($(this));
  1214. });
  1215. // 장바구니쿠폰적용
  1216. $('#couponApplyForm .cartCpn').each(function(index){
  1217. if ($(this).find("input[name=rdi-cart-coupon]").is(":checked")) {
  1218. custCpnApply($(this));
  1219. }
  1220. });
  1221. // 최대할인혜택적용 체크해제
  1222. if ($("#chk-maxdisc").is(":checked")) {
  1223. $("#chk-maxdisc").attr("checked", false);
  1224. }
  1225. $(".close-modal").trigger("click"); // 팝업닫기
  1226. });
  1227. // 1.8.5 쿠폰 최대할인금액 초기화 버튼 설정
  1228. $("#chk-maxdisc").on("click", function(){
  1229. // 2021.04.23 보유쿠폰이 없을때 적용
  1230. var custCpnCnt = parseInt($("#orderForm input[name=custCpnCnt]").val());
  1231. var custDelvCpnCnt = parseInt($("#orderForm input[name=custDelvCpnCnt]").val());
  1232. if ((custCpnCnt + custDelvCpnCnt) < 1) {
  1233. mcxDialog.alert("적용 가능한 쿠폰이 없습니다.");
  1234. return false;
  1235. }
  1236. if ($(this).is(":checked")) {
  1237. // 2021.04.23
  1238. mcxDialog.alert("선택한 쿠폰이 아닌 보유한 쿠폰을 통해 최대할인 혜택을 받을 수 있도록 쿠폰이 자동 적용됩니다.");
  1239. // 상품&장바구니쿠폰 초기환
  1240. custGoodsCpnInit();
  1241. // 배송비쿠폰 초기환
  1242. custDelvCpnInit();
  1243. }
  1244. });
  1245. }
  1246. });
  1247. // 쿠폰변경팝업호출
  1248. $("#btn_couponModify_pop").on("click", function(){
  1249. // 2021.04.23 보유쿠폰이 없을때 적용
  1250. var custCpnCnt = parseInt($("#orderForm input[name=custCpnCnt]").val());
  1251. if (custCpnCnt < 1) {
  1252. mcxDialog.alert("적용 가능한 쿠폰이 없습니다.");
  1253. return false;
  1254. }
  1255. // 쿠폰초기화
  1256. custGoodsCpnInit();
  1257. $("#couponModifyPop").modal("show");
  1258. });
  1259. // 1.8.7 포인트 적용버튼 기능
  1260. $("#btn_point_apply").on("click", function(){
  1261. var rmPntAmt = parseInt($("#orderForm input[name='rmPntAmt']").val());
  1262. var freegiftUsePnt = parseInt($("#orderAmtForm .freegiftUsePnt").text());
  1263. var pntDcAmt = parseInt(uncomma($("#orderForm input[name='pntDcAmtStr']").val()));
  1264. var realOrdAmt = parseInt($("#orderAmtForm .realOrdSumAmt").text());
  1265. var pointUseMaxLimit = parseInt($("#orderForm input[name='pointUseMaxLimit']").val());
  1266. var applyPntDcAmt = (realOrdAmt * pointUseMaxLimit) / 100;
  1267. rmPntAmt = rmPntAmt - freegiftUsePnt;
  1268. if (gagajf.isNull($("#orderForm input[name=pntDcAmtStr]").val())) {
  1269. mcxDialog.alert("포인트를 입력하신 후 다시 시도해주세요.");
  1270. $('#orderForm input[name=pntDcAmtStr]').focus();
  1271. return false;
  1272. }
  1273. // 입력여부체크
  1274. if (pntDcAmt < 1) {
  1275. mcxDialog.alert("포인트를 입력하신 후 다시 시도해주세요.");
  1276. // 포인트리셋기능
  1277. pntDcAmtReset();
  1278. return false;
  1279. }
  1280. // 10원단위부터 입력가능
  1281. if (pntDcAmt % 10 > 0) {
  1282. mcxDialog.alert("포인트는 10P단위로 사용이 가능합니다.");
  1283. // 포인트리셋기능
  1284. pntDcAmtReset();
  1285. return false;
  1286. }
  1287. // 결제금액을 초과 할 수 없습니다.
  1288. if (pntDcAmt > realOrdAmt) {
  1289. mcxDialog.alert("포인트를 입력하신 후 다시 시도해주세요.");
  1290. // 포인트리셋기능
  1291. pntDcAmtReset();
  1292. return false;
  1293. }
  1294. // 보유포인트보다 초과 사용 불가
  1295. if (pntDcAmt > rmPntAmt) {
  1296. mcxDialog.alert("입력하신 포인트가 보유한 포인트보다 많습니다.");
  1297. // 포인트리셋기능
  1298. pntDcAmtReset();
  1299. return false;
  1300. }
  1301. // TODO 포인트 사용금액 1000P 이상 사용
  1302. if (pntDcAmt < 1000) {
  1303. mcxDialog.alert("포인트는 최소 1,000P이상 사용해야 합니다.");
  1304. // 포인트리셋기능
  1305. pntDcAmtReset();
  1306. return false;
  1307. }
  1308. // 실결제금액보다 크게 적용 되었을때 적용 불가능
  1309. if (pntDcAmt > applyPntDcAmt) {
  1310. mcxDialog.alert("결제금액의 최대 " + pointUseMaxLimit +"%를 초과 사용 할 수 없습니다.");
  1311. // 포인트리셋기능
  1312. pntDcAmtReset();
  1313. return false;
  1314. }
  1315. // 2021.04.23 추가
  1316. mcxDialog.alert("총 " + getZeroMinusDelAmt(pntDcAmt) + " P를 차감 결제 합니다.");
  1317. // 포인트 적용
  1318. $("#orderAmtForm .pntDcSumAmt").text(pntDcAmt);
  1319. $("#pntDcAmt").text(getZeroMinusDelAmt(pntDcAmt)+" 원");
  1320. // 상품권리렛기능
  1321. gfcdUseAmtReset();
  1322. });
  1323. // 1.8.8 상품권 적용버튼 기능
  1324. $("#btn_gfcd_apply").on("click", function(){
  1325. var rmGfcdAmt = parseInt($("#orderForm input[name='rmGfcdAmt']").val());
  1326. var gfcdUseAmt = parseInt(uncomma($("#orderForm input[name='gfcdUseAmtStr']").val()));
  1327. var realOrdAmt = parseInt($("#orderAmtForm .realOrdSumAmt").text());
  1328. if (gagajf.isNull($("#orderForm input[name=gfcdUseAmtStr]").val())) {
  1329. mcxDialog.alert("금액을 입력하신 후 다시 시도해주세요.");
  1330. $('#orderForm input[name=gfcdUseAmtStr]').focus();
  1331. return false;
  1332. }
  1333. // 입력여부체크
  1334. if (gfcdUseAmt < 1 || $("#orderForm input[name='gfcdUseAmtStr']").val() == "") {
  1335. mcxDialog.alert("금액을 입력하신 후 다시 시도해주세요.");
  1336. // 상품권리셋기능
  1337. gfcdUseAmtReset();
  1338. return false;
  1339. }
  1340. // 결제금액을 초과 할 수 없습니다.
  1341. if (gfcdUseAmt > realOrdAmt) {
  1342. mcxDialog.alert("입력하신 금액이 결제할 금액보다 많습니다.");
  1343. // 포인트리셋기능
  1344. gfcdUseAmtReset();
  1345. return false;
  1346. }
  1347. // 보유금액보다 초과 사용 불가
  1348. if (gfcdUseAmt > rmGfcdAmt) {
  1349. mcxDialog.alert("보유금액 보다 초과 사용 할 수 없습니다.");
  1350. // 상품권리셋기능
  1351. gfcdUseAmtReset();
  1352. return false;
  1353. }
  1354. // 보유금액보다 초과 사용 불가
  1355. if (gfcdUseAmt > rmGfcdAmt) {
  1356. mcxDialog.alert("보유금액 보다 초과 사용 할 수 없습니다.");
  1357. // 상품권리셋기능
  1358. gfcdUseAmtReset();
  1359. return false;
  1360. }
  1361. // TODO 포인트 사용금액 1000원 이상 사용
  1362. if (gfcdUseAmt < 1000) {
  1363. mcxDialog.alert("상품권 사용금액은 최소 1,000원 이상 사용해야 합니다.");
  1364. // 상품권리셋기능
  1365. gfcdUseAmtReset();
  1366. return false;
  1367. }
  1368. // 2021.04.23 추가
  1369. mcxDialog.alert("총 " + gfcdUseAmt.addComma() + " 원을 상품권 금액에서 차감 결제 합니다.");
  1370. // 상품권 적용
  1371. $("#orderAmtForm .gfcdUseSumAmt").text(gfcdUseAmt);
  1372. $("#gfcdUseAmt").text(getZeroMinusDelAmt(gfcdUseAmt)+" 원");
  1373. // 금액전체계산
  1374. custCpnSumAmtCal();
  1375. });
  1376. // 금액계산초기화
  1377. custCpnSumAmtCal();
  1378. }
  1379. }
  1380. });
  1381. }
  1382. // 1.9.1 상품쿠폰초기화
  1383. var custGoodsCpnInit = function() {
  1384. // 쿠폰최대할인 적용
  1385. $("#chk-maxdisc").attr("checked", true);
  1386. // 쿠폰초기화
  1387. $(".goodsCpn").each(function(index){
  1388. // select box 쿠폰 적용
  1389. var cpnCartSq = $(this).find("input[name='cpnCartSq']").val();
  1390. // 장바구니시퀀스 체크
  1391. $("#orderAmtForm .cartSq").each(function(){
  1392. if (cpnCartSq == $(this).text()) {
  1393. $(this).parent().find(".goodsCpnSq").text("0"); // 상품쿠폰시퀀스
  1394. $(this).parent().find(".goodsCpnDcAmt").text("0"); // 상품쿠폰할인금액
  1395. }
  1396. });
  1397. $(this).find("input[name='custCpnSq']").val("0");
  1398. $(this).find("input[name='cpnDcAmt']").val("0");
  1399. // 적용안함 적용
  1400. var emptyHtml = $(this).find("ul li .item_coupon.empty").html();
  1401. $(this).find(".select .item_coupon").html(emptyHtml);
  1402. $(this).find("ul li").removeClass("selected");
  1403. });
  1404. // 최대할인율 쿠폰적용
  1405. $('.goodsCpn').each(function(index){
  1406. cpnIndex = 0;
  1407. cpnApplyTemp = false;
  1408. // select 박스 반복문 실행
  1409. $(this).find("ul li").each(function(i){
  1410. cpnIndex++;
  1411. if (cpnApplyTemp == false) {
  1412. if (custCpnDuplicationCheck($(this).attr("value"), cpnIndex)) {
  1413. // 쿠폰적용
  1414. custCpnApply($(this));
  1415. // 쿠폰할인적용
  1416. cpnApplyTemp = true;
  1417. }
  1418. }
  1419. // 쿠폰 select 버튼기능
  1420. $(this).on("click", function(){
  1421. if (custCpnDuplicationCheck($(this).attr("value"), cpnIndex)) {
  1422. // 쿠폰적용
  1423. custCpnApplyTemp($(this));
  1424. // 쿠폰할인적용
  1425. cpnApplyTemp = true;
  1426. } else {
  1427. custCpnNotApply($(this));
  1428. }
  1429. });
  1430. });
  1431. });
  1432. // 장바구니쿠폰초기화
  1433. custCartCpnInit();
  1434. }
  1435. // 1.9.2 장바구니쿠폰초기화
  1436. var custCartCpnInit = function() {
  1437. // 장바구니쿠폰 초기화 적용
  1438. $(".cartCpn").each(function(index) {
  1439. if (index == 0) {
  1440. custCpnApply($(this)); // 쿠폰적용
  1441. }
  1442. // 쿠폰 select 버튼기능
  1443. $(this).on("click", function(){
  1444. custCpnApplyTemp($(this)); // 쿠폰적용
  1445. // 최대할인혜택적용 체크해제
  1446. if ($("#chk-maxdisc").is(":checked")) {
  1447. $("#chk-maxdisc").attr("checked", false);
  1448. }
  1449. });
  1450. });
  1451. // 포인트기능 리셋
  1452. pntDcAmtReset();
  1453. }
  1454. // 1.9.3 배송비쿠폰초기화
  1455. var custDelvCpnInit = function() {
  1456. // 배송비쿠폰 초기화 적용
  1457. $(".delvCpn").each(function(index) {
  1458. if (index == 0) {
  1459. // 쿠폰적용
  1460. custCpnApply($(this));
  1461. }
  1462. // 쿠폰 select 버튼기능
  1463. $(this).on("click", function(){
  1464. // 쿠폰적용
  1465. custCpnApply($(this));
  1466. });
  1467. });
  1468. }
  1469. // 1.10 쿠폰중복사용체크
  1470. var custCpnDuplicationCheck = function(custCpnSq, index) {
  1471. var selCustSq = 0;
  1472. var cnt = 0;
  1473. // 쿠폰적용가능
  1474. if (custCpnSq == 0) {
  1475. return true;
  1476. }
  1477. // 쿠폰중본사용체크
  1478. $(".goodsCpn input[name='custCpnSq']").each(function(i){
  1479. if (index != i) {
  1480. selCustSq = $(this).val();
  1481. if (selCustSq == custCpnSq) {
  1482. cnt++;
  1483. }
  1484. }
  1485. });
  1486. // 쿠폰적용불가
  1487. if (cnt > 0) {
  1488. return false;
  1489. }
  1490. // 쿠폰적용가능
  1491. else {
  1492. return true;
  1493. }
  1494. }
  1495. // 1.11.0 임시로 쿠폰적용
  1496. var custCpnApplyTemp = function(obj) {
  1497. // select box 쿠폰 적용
  1498. var cpnType = obj.parent().find("input[name='cpnType']").val();
  1499. // 상품쿠폰적용
  1500. if (cpnType == "goodsCpn") {
  1501. var itemHtml = obj.find(".item_coupon").html();
  1502. obj.parent().parent().find(".select .item_coupon").html(itemHtml);
  1503. obj.parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
  1504. obj.parent().find("input[name='custCpnSq']").val(obj.attr("value"));
  1505. // 장바구니쿠폰 초기화 적용
  1506. $("#couponApplyForm .cartCpn").each(function(index) {
  1507. if (index == 0) {
  1508. custCpnApplyTemp($(this)); // 쿠폰적용
  1509. }
  1510. });
  1511. //상품쿠폰 선택불가 처리
  1512. custCpnSqLiDisabled();
  1513. }
  1514. // 장바구니쿠폰적용
  1515. else if (cpnType == "cartCpn") {
  1516. var dcWay = obj.find("input[name='dcWay']").val();
  1517. var dcVal = obj.find("input[name='dcVal']").val();
  1518. var maxDcAmt = obj.find("input[name='maxDcAmt']").val();
  1519. var buyLimitAmt = obj.find("input[name='buyLimitAmt']").val();
  1520. var cartCpnDcSumAmt = 0;
  1521. var tempSumAmt = 0;
  1522. var cartSqLen = $(".cartSq").length;
  1523. var leftAmt = 0;
  1524. var index = 1;
  1525. // 장바구니쿠폰 해당 장바구니상품들 할인가 적용
  1526. obj.find("input[name='cartCpnCartSq']").each(function(){
  1527. var cartCpnCartSq = $(this).val();
  1528. var cartCpnDcAmt = 0;
  1529. // 장바구니시퀀스 체크
  1530. $("#orderAmtForm .cartSq").each(function(){
  1531. if (cartCpnCartSq == $(this).text()) {
  1532. var orgCurrPrice = parseInt($(this).parent().find(".orgCurrPrice").text());
  1533. var cpn1DcAmt = parseInt($(this).parent().find(".cpn1DcAmt").text());
  1534. var goodsQty = parseInt($(this).parent().find(".goodsQty").text());
  1535. var tmtb1DcAmt = parseInt($(this).parent().find(".tmtb1DcAmt").text());
  1536. var tmtb2DcAmt = parseInt($(this).parent().find(".tmtb2DcAmt").text());
  1537. var goodsCpnDcAmt = 0;
  1538. $("#orderForm .goodsCpn input[name=cpnCartSq]").each(function(){
  1539. if ($(this).val() == cartCpnCartSq) {
  1540. goodsCpnDcAmt = parseInt($(this).parent().find("input[name=cpnDcAmt]").val());
  1541. }
  1542. });
  1543. var tempAmt = ((orgCurrPrice - cpn1DcAmt) * goodsQty) - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
  1544. tempSumAmt = tempSumAmt + tempAmt;
  1545. // 할인율일때 할인금액
  1546. if (dcWay == "G240_11") {
  1547. cartCpnDcAmt = (tempAmt * dcVal) / 100;
  1548. cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
  1549. }
  1550. }
  1551. });
  1552. });
  1553. // 금액일때 할인금액 적용
  1554. if (dcWay == "G240_10") {
  1555. cartCpnDcSumAmt = dcVal;
  1556. }
  1557. // 2021.04.19 최대금액 체크
  1558. if (maxDcAmt > cartCpnDcSumAmt || maxDcAmt == 0) {
  1559. cartCpnDcSumAmt = cartCpnDcSumAmt;
  1560. } else {
  1561. cartCpnDcSumAmt = maxDcAmt;
  1562. }
  1563. obj.find("input[name=rdi-cart-coupon]").prop("checked", true);
  1564. obj.parent().find("input[name=cpnDcAmt]").val(cartCpnDcSumAmt);
  1565. obj.parent().find("input[name=custCpnSq]").val(obj.attr("value"));
  1566. }
  1567. var cpnDcSumAmt = 0;
  1568. var cpnApplyCnt = 0;
  1569. var goodsCartCpnSumAmt = 0;
  1570. var cpnType = "";
  1571. $("#couponApplyForm input[name='cpnDcAmt']").each(function(){
  1572. cpnType = $(this).parent().find("input[name=cpnType]").val();
  1573. // 상품, 장바구니쿠폰 할인 금액만 합계 적용
  1574. if (cpnType == "goodsCpn" || cpnType == "cartCpn") {
  1575. goodsCartCpnSumAmt = goodsCartCpnSumAmt + parseInt($(this).val());
  1576. }
  1577. });
  1578. // 상품, 장바구니쿠폰 할인 금액만 합계 적용
  1579. $("#couponApplyForm .modal-footer .goodsCartCpnSumAmt").text(getZeroMinusDelAmt(goodsCartCpnSumAmt));
  1580. }
  1581. // 1.11 쿠폰중복체크 후 적용가능
  1582. var custCpnApply = function(obj) {
  1583. // select box 쿠폰 적용
  1584. var cpnType = obj.parent().find("input[name='cpnType']").val();
  1585. // 상품쿠폰적용
  1586. if (cpnType == "goodsCpn") {
  1587. var itemHtml = obj.find(".item_coupon").html();
  1588. obj.parent().parent().find(".select .item_coupon").html(itemHtml);
  1589. obj.parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
  1590. obj.parent().find("input[name='custCpnSq']").val(obj.attr("value"));
  1591. var cpnCartSq = obj.parent().parent().find("input[name='cpnCartSq']").val();
  1592. // 장바구니시퀀스 체크
  1593. $("#orderAmtForm .cartSq").each(function(){
  1594. if (cpnCartSq == $(this).text()) {
  1595. $(this).parent().find(".goodsCpnSq").text(obj.prop("value")); // 상품쿠폰시퀀스
  1596. $(this).parent().find(".goodsCpnDcAmt").text(obj.attr("data")); // 상품쿠폰할인금액
  1597. }
  1598. });
  1599. // 선택활성화
  1600. $(obj).addClass("selected");
  1601. //상품쿠폰 선택불가 처리
  1602. custCpnSqLiDisabled();
  1603. }
  1604. // 장바구니쿠폰적용
  1605. else if (cpnType == "cartCpn") {
  1606. var dcWay = obj.find("input[name='dcWay']").val();
  1607. var dcVal = obj.find("input[name='dcVal']").val();
  1608. var maxDcAmt = obj.find("input[name='maxDcAmt']").val();
  1609. var buyLimitAmt = obj.find("input[name='buyLimitAmt']").val();
  1610. var cartCpnDcSumAmt = 0;
  1611. var tempSumAmt = 0;
  1612. var cartSqLen = $("#orderAmtForm .cartSq").length;
  1613. var leftAmt = 0;
  1614. var index = 1;
  1615. // 2021.04.19 장바구니시퀀스 값 초기화
  1616. $("#orderAmtForm .cartSq").each(function(){
  1617. $(this).parent().find(".cartCpnSq").text(0);
  1618. $(this).parent().find(".cartCpnDcAmt").text(0);
  1619. });
  1620. // 장바구니쿠폰 해당 장바구니상품들 할인가 적용
  1621. obj.find("input[name='cartCpnCartSq']").each(function(){
  1622. var cartCpnCartSq = $(this).val();
  1623. var cartCpnDcAmt = 0;
  1624. // 장바구니시퀀스 체크
  1625. $("#orderAmtForm .cartSq").each(function(){
  1626. if (cartCpnCartSq == $(this).text()) {
  1627. var orgCurrPrice = parseInt($(this).parent().find(".orgCurrPrice").text());
  1628. var cpn1DcAmt = parseInt($(this).parent().find(".cpn1DcAmt").text());
  1629. var goodsQty = parseInt($(this).parent().find(".goodsQty").text());
  1630. var tmtb1DcAmt = parseInt($(this).parent().find(".tmtb1DcAmt").text());
  1631. var tmtb2DcAmt = parseInt($(this).parent().find(".tmtb2DcAmt").text());
  1632. var goodsCpnDcAmt = parseInt($(this).parent().find(".goodsCpnDcAmt").text());
  1633. var tempAmt = ((orgCurrPrice - cpn1DcAmt) * goodsQty) - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
  1634. tempSumAmt = tempSumAmt + tempAmt;
  1635. // 할인율일때 할인금액
  1636. if (dcWay == "G240_11") {
  1637. cartCpnDcAmt = parseInt((tempAmt * dcVal) / 100);
  1638. cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
  1639. $(this).parent().find(".cartCpnSq").text(obj.attr("value"));
  1640. $(this).parent().find(".cartCpnDcAmt").text(cartCpnDcAmt);
  1641. }
  1642. }
  1643. });
  1644. });
  1645. // 장바구니쿠폰 결제가능수단목록조회
  1646. if (obj.find("input[name='payTypeArr']").length > 0) {
  1647. $("#orderForm input[name=rdi-paynormal]").attr("disabled", true);
  1648. $("#orderForm input[name=rdi-paynormal]").attr("checked", false);
  1649. obj.find("input[name='payTypeArr']").each(function(i){
  1650. var payType = $(this).val();
  1651. $('#orderForm .'+payType).attr("disabled", false);
  1652. });
  1653. // 선택안함
  1654. $("#orderForm .payTypeNm").text("선택없음");
  1655. } else {
  1656. //$("#orderForm input[name=rdi-paynormal]").attr("disabled", false);
  1657. }
  1658. // 2021.04.25 실시간계좌이체, 무통장입금시 보증보험 신청 약관 노출 감추는기능
  1659. $("#orderForm .insuranceYn").hide();
  1660. // 2021.04.19 최대금액 체크
  1661. if (maxDcAmt > cartCpnDcSumAmt || maxDcAmt == 0) {
  1662. cartCpnDcSumAmt = cartCpnDcSumAmt;
  1663. } else {
  1664. // 최대값 적용 일때는 금액할인 방식을 적용
  1665. cartCpnDcSumAmt = maxDcAmt;
  1666. dcVal = cartCpnDcSumAmt;
  1667. dcWay = "G240_10";
  1668. }
  1669. // 금액일때 할인금액 적용
  1670. if (dcWay == "G240_10") {
  1671. cartCpnDcSumAmt = dcVal;
  1672. leftAmt = dcVal;
  1673. index = 1;
  1674. // 장바구니쿠폰 해당 장바구니상품들 할인가 적용
  1675. obj.find("input[name='cartCpnCartSq']").each(function(){
  1676. var cartCpnCartSq = $(this).val();
  1677. var cartCpnDcAmt = 0;
  1678. // 장바구니시퀀스 체크
  1679. $("#orderAmtForm .cartSq").each(function(){
  1680. if (cartCpnCartSq == $(this).text()) {
  1681. var orgCurrPrice = parseInt($(this).parent().find(".orgCurrPrice").text());
  1682. var cpn1DcAmt = parseInt($(this).parent().find(".cpn1DcAmt").text());
  1683. var goodsQty = parseInt($(this).parent().find(".goodsQty").text());
  1684. var tmtb1DcAmt = parseInt($(this).parent().find(".tmtb1DcAmt").text());
  1685. var tmtb2DcAmt = parseInt($(this).parent().find(".tmtb2DcAmt").text());
  1686. var goodsCpnDcAmt = parseInt($(this).parent().find(".goodsCpnDcAmt").text());
  1687. var tempAmt = ((orgCurrPrice - cpn1DcAmt) * goodsQty) - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
  1688. var tempDiv = parseInt((tempAmt / tempSumAmt) * 100);
  1689. var cartCpnDcAmt = 0;
  1690. if (index == cartSqLen) {
  1691. cartCpnDcAmt = leftAmt;
  1692. } else {
  1693. cartCpnDcAmt = parseInt((cartCpnDcSumAmt * tempDiv) / 100);
  1694. leftAmt = leftAmt - cartCpnDcAmt;
  1695. }
  1696. $(this).parent().find(".cartCpnSq").text(obj.attr("value"));
  1697. $(this).parent().find(".cartCpnDcAmt").text(cartCpnDcAmt);
  1698. index++;
  1699. }
  1700. });
  1701. });
  1702. }
  1703. obj.find("input[name=rdi-cart-coupon]").prop("checked", true);
  1704. obj.parent().find("input[name=cpnDcAmt]").val(cartCpnDcSumAmt);
  1705. obj.parent().find("input[name=custCpnSq]").val(obj.attr("value"));
  1706. }
  1707. // 배송비쿠폰적용
  1708. else if (cpnType == "delvCpn") {
  1709. // 적용안함 적용
  1710. var itemHtml = obj.find(".dlvr_coupon").html();
  1711. obj.parent().parent().find(".select .dlvr_coupon").html(itemHtml);
  1712. obj.parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
  1713. obj.parent().find("input[name='custCpnSq']").val(obj.attr("value"));
  1714. obj.parent().find("input[name='delvFeeCd']").val(obj.attr("delvfeecd"));
  1715. var delvFeeCd = obj.attr("delvfeecd");
  1716. // 배송비쿠폰 테이블 적용
  1717. $("#orderAmtForm .delvFeeCd").each(function(){
  1718. // 배송비쿠폰적용
  1719. if ($(this).text() == delvFeeCd) {
  1720. $(this).parent().find(".delvCpnSq").text(obj.attr("value"));
  1721. $(this).parent().find(".delvCpnDcAmt").text(obj.attr("data"));
  1722. }
  1723. // 배송비쿠폰적용안함
  1724. else if (delvFeeCd == 0) {
  1725. $(this).parent().find(".delvCpnSq").text(obj.attr("value"));
  1726. $(this).parent().find(".delvCpnDcAmt").text(obj.attr("data"));
  1727. }
  1728. });
  1729. }
  1730. // 포인트기능 리렛
  1731. pntDcAmtReset();
  1732. }
  1733. // 1.11.1 상품쿠폰 선택불가 처리
  1734. var custCpnSqLiDisabled = function() {
  1735. // 상품쿠폰 선택불가 처리
  1736. $(".goodsCpn ul li").each(function(){
  1737. var custCpnSq = $(this).attr("value");
  1738. var liObj = $(this);
  1739. liObj.attr("aria-disabled", false);
  1740. // 선택된 li 제외
  1741. if ($(this).hasClass("selected") == false) {
  1742. // 적용안함 제외
  1743. if (custCpnSq > 0) {
  1744. // 선택된 custCpnSq li와 같으면 선택불가처리
  1745. $(".area_item_coupon input[name=custCpnSq]").each(function(){
  1746. var inputCustCpSq = $(this).val();
  1747. if (custCpnSq == inputCustCpSq) {
  1748. // 선택불가처리
  1749. liObj.attr("aria-disabled", true);
  1750. }
  1751. });
  1752. }
  1753. }
  1754. });
  1755. }
  1756. // 1.12 쿠폰중복체크 후 적용불가
  1757. var custCpnNotApply = function(obj) {
  1758. // 이전에 등록된 쿠폰시퀀스
  1759. var custCpnSq = obj.parent().find("input[name='custCpnSq']").val();
  1760. // 이전에 등록된 쿠폰시퀀스 비교후 데이타 원복
  1761. obj.parent().find("li").each(function(){
  1762. if ($(this).attr("value") == custCpnSq) {
  1763. var itemHtml = $(this).find(".item_coupon").html();
  1764. obj.parent().parent().find(".select .item_coupon").html(itemHtml);
  1765. }
  1766. });
  1767. // 포인트기능 리렛
  1768. pntDcAmtReset();
  1769. }
  1770. // 1.14 선포인트리셋기능 (사용안함)
  1771. var prePntDcAmtReset = function() {
  1772. // 2021.04.29 수정
  1773. var rmPrePntAmt = parseInt($("#orderForm input[name='rmPrePntAmt']").val());
  1774. if (rmPrePntAmt > 0) {
  1775. rmPrePntAmt = parseInt($("#orderForm input[name='rmPrePntAmt']").val());
  1776. $("#orderForm input[name='prePntDcAmt']").val(rmPrePntAmt);
  1777. } else {
  1778. rmPrePntAmt = 0;
  1779. }
  1780. // 선포인트사용여부 체크 후 적용
  1781. $("#orderForm input[name='rdi-beforpoint']").each(function(){
  1782. // 선포인트 초기 설정 사용함
  1783. if ($(this).val() == "Y") {
  1784. $(this).attr("checked", true);
  1785. }
  1786. // 버튼기능 구현
  1787. $(this).on("click", function(){
  1788. var rmPrePntAmt = parseInt($("#orderForm input[name='rmPrePntAmt']").val());
  1789. // 선포인트적용
  1790. if ($(this).val() == "Y") {
  1791. $("#prePntDcAmt").text(getZeroMinusDelAmt(rmPrePntAmt)+" 원");
  1792. } else {
  1793. $("#prePntDcAmt").text("0 원");
  1794. }
  1795. // 쿠폰할인금액 SUM
  1796. custCpnSumAmtCal();
  1797. });
  1798. });
  1799. $("#orderForm #prePntDcAmt").text(getZeroMinusDelAmt(rmPrePntAmt)+" 원");
  1800. // 포인트기능 리렛
  1801. pntDcAmtReset();
  1802. }
  1803. // 1.15 포인트리셋기능
  1804. var pntDcAmtReset = function() {
  1805. $("#orderAmtForm .pntDcSumAmt").text("0");
  1806. $("#orderForm input[name='pntDcAmtStr']").val("");
  1807. $("#pntDcAmt").text("0 원");
  1808. // 상품권리셋기능
  1809. gfcdUseAmtReset();
  1810. }
  1811. // 1.16 상품권리셋기능
  1812. var gfcdUseAmtReset = function() {
  1813. $("#orderAmtForm .gfcdUseSumAmt").text("0");
  1814. $("#orderForm input[name='gfcdUseAmtStr']").val("");
  1815. $("#gfcdUseAmt").text("0 원");
  1816. // 금액전체계산
  1817. custCpnSumAmtCal();
  1818. }
  1819. // 1.17 쿠폰할인금액합계설정(금액전체계산)
  1820. var custCpnSumAmtCal = function() {
  1821. var cpnDcSumAmt = 0;
  1822. var cpnApplyCnt = 0;
  1823. var goodsCartCpnSumAmt = 0;
  1824. var cpnType = "";
  1825. $("input[name='cpnDcAmt']").each(function(){
  1826. cpnType = $(this).parent().find("input[name=cpnType]").val();
  1827. cpnDcSumAmt = cpnDcSumAmt + parseInt($(this).val());
  1828. // 적용된 쿠폰 수량
  1829. if (parseInt($(this).val()) > 0) {
  1830. cpnApplyCnt++;
  1831. }
  1832. // 상품, 장바구니쿠폰 할인 금액만 합계 적용
  1833. if (cpnType == "goodsCpn" || cpnType == "cartCpn") {
  1834. goodsCartCpnSumAmt = goodsCartCpnSumAmt + parseInt($(this).val());
  1835. }
  1836. });
  1837. // 상품, 장바구니쿠폰 할인 금액만 합계 적용
  1838. $(".maxdisc_amount .goodsCartCpnDcAmt").text(getZeroMinusDelAmt(goodsCartCpnSumAmt)); // 쿠폰할인금액합계
  1839. $(".goodsCartCpnSumAmt").text(getZeroMinusDelAmt(goodsCartCpnSumAmt)); // 쿠폰할인금액합계
  1840. // 전체쿠폰 할인 금액 합계 적용
  1841. $(".maxdisc_amount .cpnDcAmt").text(getZeroMinusDelAmt(cpnDcSumAmt)); // 쿠폰할인금액합계
  1842. $("#couponDcSumAmt").text(getZeroMinusDelAmt(cpnDcSumAmt)+ " 원"); // 쿠폰할인금액합계
  1843. $("#orderAmtForm .cpnDcSumAmt").text(cpnDcSumAmt);
  1844. var delvSumAmt = orgSumDelvFee;
  1845. // 배송비할인적용
  1846. $("input[name='cpnType']").each(function(){
  1847. if ($(this).val() == "delvCpn") {
  1848. delvSumAmt = parseInt(orgSumDelvFee) - parseInt($(this).parent().find("input[name='cpnDcAmt']").val());
  1849. // 최종배송비
  1850. $("#delvSumAmt").text(delvSumAmt.addComma() + " 원");
  1851. $("#orderAmtForm .delvSumAmt").text(delvSumAmt);
  1852. }
  1853. });
  1854. // 2021.03.06 주문상세 테이블 적용
  1855. // 포인트금액 상품상세에 포인트금액 분배 작업
  1856. var prePntDcAmtYn = $("#orderForm input[name='rdi-beforpoint']:checked").val();
  1857. var leftPntAmt = parseInt($("#orderAmtForm .pntDcSumAmt").text());
  1858. var leftGfcdAmt = parseInt($("#orderAmtForm .gfcdUseSumAmt").text());
  1859. var cartSqLenght = $("#orderAmtForm .cartSq").length;
  1860. var index = 1;
  1861. var orgGoodsSumAmt = 0;
  1862. var cpn1DcSumAmt = 0;
  1863. var ordSumAmt = 0;
  1864. var tmtb1DcSumAmt = 0;
  1865. var tmtb2DcSumAmt = 0;
  1866. var tmtbDcSumAmt = 0;
  1867. var goodsCpnDcSumAmt = 0;
  1868. var cartCpnDcSumAmt = 0;
  1869. var delvCpnDcSumAmt = 0;
  1870. var cpnDcSumAmt = 0;
  1871. var prePntDcSumAmt = 0;
  1872. var pntDcSumAmt = parseInt($(".pntDcSumAmt").text());
  1873. var gfcdUseSumAmt = parseInt($(".gfcdUseSumAmt").text());
  1874. var realOrdSumAmt = 0;
  1875. var savePntSumAmt = 0;
  1876. $("#orderAmtForm .cartSq").each(function(){
  1877. var orgCurrPrice = parseInt($(this).parent().find(".orgCurrPrice").text());
  1878. var cpn1DcAmt = parseInt($(this).parent().find(".cpn1DcAmt").text());
  1879. var optAddPrice = parseInt($(this).parent().find(".optAddPrice").text());
  1880. var goodsQty = parseInt($(this).parent().find(".goodsQty").text());
  1881. var tmtb1DcAmt = parseInt($(this).parent().find(".tmtb1DcAmt").text());
  1882. var tmtb2DcAmt = parseInt($(this).parent().find(".tmtb2DcAmt").text());
  1883. var goodsCpnDcAmt = parseInt($(this).parent().find(".goodsCpnDcAmt").text());
  1884. var cartCpnDcAmt = parseInt($(this).parent().find(".cartCpnDcAmt").text());
  1885. var prePntDcAmt1 = parseInt($(this).parent().find(".prePntDcAmt1").text());
  1886. var dcSumAmt = 0;
  1887. // 주문금액 = ((판매가 - 즉시할인가) + 옵션추가금액) * 장바구니수량
  1888. orgGoodsSumAmt = orgGoodsSumAmt + (orgCurrPrice + optAddPrice) * goodsQty;
  1889. //orgGoodsSumAmt = orgGoodsSumAmt + orgCurrPrice;
  1890. cpn1DcSumAmt = cpn1DcSumAmt + (cpn1DcAmt * goodsQty);
  1891. tmtb1DcSumAmt = tmtb1DcSumAmt + tmtb1DcAmt;
  1892. tmtb2DcSumAmt = tmtb2DcSumAmt + tmtb2DcAmt;
  1893. tmtbDcSumAmt = tmtbDcSumAmt + (tmtb1DcAmt + tmtb2DcAmt);
  1894. goodsCpnDcSumAmt = goodsCpnDcSumAmt + goodsCpnDcAmt;
  1895. cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
  1896. cpnDcSumAmt = cpnDcSumAmt + (goodsCpnDcAmt + cartCpnDcAmt);
  1897. prePntDcSumAmt = prePntDcSumAmt + prePntDcAmt1;
  1898. var ordAmt = ((orgCurrPrice - cpn1DcAmt) + optAddPrice) * goodsQty;
  1899. ordSumAmt = ordSumAmt + ordAmt;
  1900. // 선포인트사용여부
  1901. // 할인금액합계 = 다다익선수량금액 + 다다익선금액금액 + 상품쿠폰금액 + 장바구니금액 + 선포인트금액
  1902. if (prePntDcAmtYn == "Y") {
  1903. dcSumAmt = tmtb1DcAmt + tmtb2DcAmt + goodsCpnDcAmt + cartCpnDcAmt + prePntDcAmt1;
  1904. } else {
  1905. dcSumAmt = tmtb1DcAmt + tmtb2DcAmt + goodsCpnDcAmt + cartCpnDcAmt;
  1906. }
  1907. // 주문금액설정
  1908. $(this).parent().find(".ordAmt").text(ordAmt);
  1909. $(this).parent().find(".dcSumAmt").text(dcSumAmt);
  1910. });
  1911. // 포인트, 상품권 금액 분배
  1912. $("#orderAmtForm .cartSq").each(function(){
  1913. var pntPrate = parseInt($(this).parent().find(".pntPrate").text());
  1914. var pntMrate = parseInt($(this).parent().find(".pntMrate").text());
  1915. var ordAmt = parseInt($(this).parent().find(".ordAmt").text());
  1916. var dcSumAmt = parseInt($(this).parent().find(".dcSumAmt").text());
  1917. var prePntDcAmt1 = parseInt($(this).parent().find(".prePntDcAmt1").text());
  1918. var tempDiv = parseInt((ordAmt / ordSumAmt) * 100);
  1919. var pntDcAmt1 = 0;
  1920. var gfcdUseAmt1 = 0;
  1921. var savePntAmt1 = 0;
  1922. if (index == cartSqLenght) {
  1923. pntDcAmt1 = leftPntAmt;
  1924. gfcdUseAmt1 = leftGfcdAmt;
  1925. } else {
  1926. pntDcAmt1 = parseInt((pntDcSumAmt * tempDiv) / 100);
  1927. gfcdUseAmt1 = parseInt((gfcdUseSumAmt * tempDiv) / 100);
  1928. leftPntAmt = leftPntAmt - pntDcAmt1;
  1929. leftGfcdAmt = leftGfcdAmt - gfcdUseAmt1;
  1930. }
  1931. var realOrdAmt1 = ordAmt - dcSumAmt - pntDcAmt1 - gfcdUseAmt1;
  1932. var realOrdAmt2 = ordAmt - dcSumAmt - pntDcAmt1;
  1933. realOrdSumAmt = realOrdSumAmt + realOrdAmt1;
  1934. // 2021.05.11 최종할인금액으로 적립포인트 적용
  1935. savePntAmt1 = parseInt(realOrdAmt2 * (pntPrate/100));
  1936. // 선포인트사용여부
  1937. if (prePntDcAmtYn == "Y") {
  1938. if (prePntDcAmt1 < 1) {
  1939. savePntSumAmt = savePntSumAmt + savePntAmt1;
  1940. }
  1941. } else {
  1942. savePntSumAmt = savePntSumAmt + savePntAmt1;
  1943. }
  1944. $(this).parent().find(".pntDcAmt1").text(pntDcAmt1);
  1945. $(this).parent().find(".gfcdUseAmt1").text(gfcdUseAmt1);
  1946. $(this).parent().find(".realOrdAmt1").text(realOrdAmt1);
  1947. $(this).parent().find(".savePntAmt1").text(savePntAmt1);
  1948. index++;
  1949. });
  1950. realOrdSumAmt = realOrdSumAmt + delvSumAmt;
  1951. $("#orderAmtForm .orgGoodsSumAmt").text(orgGoodsSumAmt);
  1952. $("#orderAmtForm .cpn1DcSumAmt").text(cpn1DcSumAmt);
  1953. $("#orderAmtForm .ordSumAmt").text(ordSumAmt);
  1954. $("#orderAmtForm .tmtb1DcSumAmt").text(tmtb1DcSumAmt);
  1955. $("#orderAmtForm .tmtb2DcSumAmt").text(tmtb2DcSumAmt);
  1956. $("#orderAmtForm .tmtbDcSumAmt").text(tmtbDcSumAmt);
  1957. $("#orderAmtForm .goodsCpnDcSumAmt").text(goodsCpnDcSumAmt);
  1958. $("#orderAmtForm .cartCpnDcSumAmt").text(cartCpnDcSumAmt);
  1959. $("#orderAmtForm .cpnDcSumAmt").text(cpnDcSumAmt);
  1960. $("#orderAmtForm .prePntDcSumAmt").text(prePntDcSumAmt);
  1961. $("#orderAmtForm .realOrdSumAmt").text(realOrdSumAmt);
  1962. $("#orderAmtForm .savePntSumAmt").text(savePntSumAmt);
  1963. $("#realOrdAmt").text(realOrdSumAmt.addComma()); // 총 결제 예정 금액
  1964. $("#orderForm .realOrdAmt").text(realOrdSumAmt.addComma() + " 원"); // 총 결제 예정 금액
  1965. // 2021.04.29 적립포인트금액 선포인트 사용시 사용금액제외
  1966. $("#orderForm #savePntSumAmt").text(savePntSumAmt.addComma() + " P");
  1967. var tempSavePnt = savePntSumAmt - prePntDcAmt;
  1968. // 사은품사용 후 보유포인트
  1969. var rmPntAmt = parseInt($("#orderForm input[name='rmPntAmt']").val());
  1970. var freegiftUsePnt = parseInt($("#orderAmtForm .freegiftUsePnt").text());
  1971. rmPntAmt = rmPntAmt - freegiftUsePnt;
  1972. $("#orderForm .rmPntAmt").text(rmPntAmt.addComma());
  1973. // 걸제영역
  1974. //$("#btn_payment").text("동의 후 "+realOrdSumAmt.addComma()+" 원 결제하기");
  1975. // 적립포인트
  1976. $("#savePntSumAmt").text(savePntSumAmt.addComma()+" P");
  1977. // 사은품정보 설정
  1978. var freegiftValArr = [];
  1979. var freegiftUsePointArr = [];
  1980. $("#orderForm .gift_box").each(function(){
  1981. $(this).find(".freegiftRdo").each(function(){
  1982. // 사은품필수
  1983. if ($(this).attr("allYn") == "Y" ) {
  1984. freegiftValArr.push($(this).val());
  1985. freegiftUsePointArr.push($(this).attr("usepoint"));
  1986. } else {
  1987. // 라디오버튼 선택 사은품 체크
  1988. if ($(this).is(":checked")) {
  1989. // 수령거부가 아닐때 체크
  1990. if ($(this).val() != "noSel") {
  1991. freegiftValArr.push($(this).val());
  1992. freegiftUsePointArr.push($(this).attr("usepoint"));
  1993. }
  1994. }
  1995. }
  1996. });
  1997. });
  1998. $("#orderAmtForm .freegiftValArr").text(freegiftValArr); // 사은품시퀀스배열
  1999. $("#orderAmtForm .freegiftUsePointArr").text(freegiftUsePointArr); // 사은품사용포인트배열
  2000. };
  2001. // 1.18 배송지정보 설정
  2002. var delvAddrSet = function(delvObj) {
  2003. var rtnStr = "";
  2004. rtnStr += "| recipNm ::: " + delvObj.recipNm;
  2005. rtnStr += "| recipPhnno ::: " + delvObj.recipPhnno;
  2006. rtnStr += "| recipZipcode ::: " + delvObj.recipZipcode;
  2007. rtnStr += "| recipBaseAddr ::: " + delvObj.recipBaseAddr;
  2008. rtnStr += "| recipDtlAddr ::: " + delvObj.recipDtlAddr;
  2009. rtnStr += "| delvMemo ::: " + delvObj.delvMemo;
  2010. // 배송지정보로드실행
  2011. deliveryAddrInfoSet(delvObj, false);
  2012. }
  2013. // 1.19 배송메모설정
  2014. var delvMemoSet = function(delvMemoObj) {
  2015. var rtnStr = "";
  2016. rtnStr += "| delvMemo ::: " + delvMemoObj.delvMemo;
  2017. $("#orderForm input[name=delvMemo]").val(delvMemoObj.delvMemo); // input 값에 설정
  2018. $("#delvMemo").text(delvMemoObj.delvMemo); // 메모 text 설정
  2019. $("#orderAmtForm .delvMemo").text(delvMemoObj.delvMemo); // 메모 text 설정
  2020. }
  2021. </script>
  2022. <script th:inline="javascript">
  2023. $(document).ready( function() {
  2024. //해외배송 입력
  2025. $(document).on('change','.odPayment .area_overseas #rdi-overs1',function(e){
  2026. $('.info_box.overs2').hide();
  2027. $('.info_box.overs1').show();
  2028. return false;
  2029. }).on('change','.odPayment .area_overseas #rdi-overs2',function(e){
  2030. $('.info_box.overs1').hide();
  2031. $('.info_box.overs2').show();
  2032. return false;
  2033. });
  2034. //할인쿠폰 확인
  2035. $(document).on('click','.odPayment .area_seldiscount .btn_coupon_toggle',function(e){
  2036. $('.coupon_list').toggle();
  2037. $(this).toggleClass('on');
  2038. return false;
  2039. });
  2040. //결제수단 선택
  2041. /*
  2042. $(document).on('change','.odPayment .area_paymethod .paymethod_radio input',function(e){
  2043. $('.radio_blk').removeClass('on');
  2044. $(this).parents('.radio_blk').addClass('on');
  2045. $(this).parents('.radio_blk').find('.paymethod_box').show();
  2046. $(this).parents('.radio_blk').siblings('div').find('.paymethod_box').hide();
  2047. var paymethodlabel = $(this).prop('labels');
  2048. $(this).parents('li').find('.fold_head .data span').text($(paymethodlabel).text());
  2049. //간편결제 카드추가 슬라이드
  2050. var swiper = new Swiper('.paymethod_box .card_quickpay .list_card.swiper-container', {
  2051. slidesPerView: 'auto',
  2052. spaceBetween: 160,
  2053. centeredSlides: true,
  2054. navigation: {
  2055. nextEl: '.list_card .swiper-button-next',
  2056. prevEl: '.list_card .swiper-button-prev',
  2057. },
  2058. });
  2059. return false;
  2060. });
  2061. */
  2062. //STYLE24 간편결제 배너닫기
  2063. $(document).on('click','.odPayment .area_paymethod .quickpay_bnr .btn_close_bnr',function(e){
  2064. $('.quickpay_bnr').hide();
  2065. });
  2066. //결제수단 선택 > 즐겨찾기 추가시
  2067. $(document).on('click','.odPayment .area_paymethod .paymethod_box .card .etc .btn_favorcard',function(e){
  2068. $(this).toggleClass('active');
  2069. return false;
  2070. });
  2071. //결제수단 > 일반결제> 실시간계좌이체 선택시
  2072. /*
  2073. $(document).on('change','.odPayment input:radio[name=rdi-paynormal]',function(e){
  2074. var paynormalValue = $(this).attr('id');
  2075. if (paynormalValue == 'rdi-paynormal2') {
  2076. $('.area_paymethod .agree_insurance').show();
  2077. } else {
  2078. $('.area_paymethod .agree_insurance').hide();
  2079. }
  2080. return false;
  2081. });
  2082. */
  2083. // 개인정보동의 열고닫기
  2084. $(document).on('click','.area_paymentinfo .payinfo_blk a',function(e){
  2085. e.preventDefault();
  2086. $(this).parents('.payinfo_blk').toggleClass('on');
  2087. var privacyToggle = $(this).find('span');
  2088. $(privacyToggle).text($(privacyToggle).text() == '보기' ? '닫기' : '보기');
  2089. return false;
  2090. });
  2091. //배송지수정 팝업열기
  2092. /*
  2093. $(document).on('click','#btn_addrModify_pop',function(e){
  2094. $("#adrsModifyPop").modal("show");
  2095. return false;
  2096. });
  2097. */
  2098. //배송요청사항 팝업열기
  2099. /*
  2100. $(document).on('click','#btn_rqstModify_pop',function(e){
  2101. $("#rqstModifyPop").modal("show");
  2102. return false;
  2103. });
  2104. */
  2105. //사은품지급안내 팝업열기
  2106. $(document).on('click','#btn_infoGift_pop',function(e){
  2107. $("#infoGiftPop").modal("show");
  2108. return false;
  2109. });
  2110. //간편결제등록 > STEP1.이용약관 팝업열기
  2111. $(document).on('click','.btn_addcard',function(e){
  2112. $("#qPayAgree_pop").modal("show");
  2113. return false;
  2114. });
  2115. //간편결제등록 > STEP1.이용약관 체크
  2116. $(document).on('click','.area_QpayCk .agr_select button',function(e){
  2117. $(this).parents('.area_QpayCk').find('.info_agrQpay').toggle();
  2118. var payagrToggle = $(this).find('span');
  2119. $(payagrToggle).text($(payagrToggle).text() == '약관열기' ? '약관닫기' : '약관열기');
  2120. return false;
  2121. });
  2122. //간편결제등록 > STEP1.이용약관 체크박스 전체선택
  2123. $(document).on('click','#chk-Qpay-agrAll',function(e){
  2124. $(this).parents(".qPayAgree_pop").find('.agree_Qpay input').prop("checked", $(this).is(":checked"));
  2125. });
  2126. //간편결제등록 > STEP1.이용약관 체크박스 개별선택
  2127. $(document).on("click", ".agree_Qpay input",function(e){
  2128. var is_checked = true;
  2129. $(".agree_Qpay input").each(function(){
  2130. is_checked = is_checked && $(this).is(":checked");
  2131. });
  2132. $("#chk-Qpay-agrAll").prop("checked", is_checked);
  2133. });
  2134. //간편결제등록 > 본인인증 팝업열기
  2135. $(document).on('click','#btn_qPayidConfirm_pop',function(e){
  2136. $("#qPayidConfirm_pop").modal("show");
  2137. return false;
  2138. });
  2139. });
  2140. // PG 카카오페이 결제준비 처리
  2141. var fnKakaoPaymentReady = function() {
  2142. let nextRedirectUrl = $('#order_info input[name=nextRedirectPcUrl]').val();
  2143. let option = 'width=420, height=520';
  2144. window.open(nextRedirectUrl, 'kakaoPaymentPopup', option);
  2145. }
  2146. // PG 카카오페이 결제 승인 요청
  2147. var fnKakaoPaymentRequest = function(pgToken) {
  2148. // Token 값 설정
  2149. $('#order_info input[name=pgToken]').val(pgToken);
  2150. // Form Submit
  2151. document.order_info.submit();
  2152. return true;
  2153. }
  2154. // PG 네이버페이 결제준비 처리
  2155. var fnNaverPaymentReady = function() {
  2156. let naverPayUrl = 'https://' + [[${@environment.getProperty('naverPay.payUrl.web')}]];
  2157. let reserveId = $('#order_info input[name=reserveId]').val();
  2158. let url = naverPayUrl + '/payments/' + reserveId;
  2159. let option = 'width=750, height=' + $(window).height();
  2160. window.open(url, 'naverPaymentPopup', option);
  2161. }
  2162. // PG 네이버페이 결제 승인 요청
  2163. var fnNaverPaymentRequest = function(paymentId) {
  2164. // TID 설정
  2165. $('#order_info input[name=pgTid]').val(paymentId);
  2166. // Form Submit
  2167. document.order_info.submit();
  2168. return true;
  2169. }
  2170. // 0원이하이면 '-' 처리 삭제 함수
  2171. var getZeroMinusDelAmt = function(tempAmt) {
  2172. var rtnAmtStr = "";
  2173. if (tempAmt > 0) {
  2174. rtnAmtStr = "-" + tempAmt.addComma();
  2175. } else {
  2176. rtnAmtStr = tempAmt.addComma();
  2177. }
  2178. return rtnAmtStr;
  2179. }
  2180. //START ::: 2021.04.09 숫자입려 천단위 찍기
  2181. var inputNumberFormat = function(obj) {
  2182. obj.value = comma(uncomma(obj.value));
  2183. }
  2184. var comma = function(str) {
  2185. str = String(str);
  2186. return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
  2187. }
  2188. var uncomma = function(str) {
  2189. str = String(str);
  2190. return str.replace(/[^\d]+/g, '');
  2191. }
  2192. // 2021.04.09 숫자입려 천단위 찍기 ::: END
  2193. </script>
  2194. </th:block>
  2195. </body>
  2196. </html>