OrderFormWeb.html 61 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843
  1. <!DOCTYPE html>
  2. <html lang="ko" xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorator="web/common/layout/DefaultLayoutWeb">
  5. <!--
  6. *******************************************************************************
  7. * @source : OrderFormWeb.html
  8. * @desc : 주문/결제 Page
  9. *============================================================================
  10. * STYLE24
  11. * Copyright(C) 2020 TSIT, All rights reserved.
  12. *============================================================================
  13. * VER DATE AUTHOR DESCRIPTION
  14. * === =========== ========== =============================================
  15. * 1.0 2021.02.01 jsh77b 최초 작성
  16. *******************************************************************************
  17. -->
  18. <body>
  19. <th:block layout:fragment="content">
  20. <link rel="stylesheet" type="text/css" href="/ux/pc/css/swiper.min.css">
  21. <script type="text/javascript" src="/ux/pc/js/swiper.min.js"></script>
  22. <script type="text/javascript" src="/ux/pc/js/slick.min.js"></script>
  23. <script type="text/javascript" src="/ux/pc/js/jquery-ui.js"></script>
  24. <!-- payment.js -->
  25. <script type="text/javascript" th:src="${@environment.getProperty('pg.kcp.js.url')}" src=""></script>
  26. <script type="text/javascript" src="/ux/pc/js/payment.js"></script>
  27. <form id="order_info" name="order_info" method="post" action="/order/pay/result/response" ></form>
  28. <!-- container -->
  29. <form id="payForm" name="payForm">
  30. <!-- 주문고객정보 -->
  31. <table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none;" name="orderInfo" id="orderInfo">
  32. <tbody>
  33. <tr style="height:30px;">
  34. <th>custNm</th>
  35. <th>email</th>
  36. <th>cellPhnno</th>
  37. <th>recipZipcode</th>
  38. <th>recipBaseAddr</th>
  39. <th>recipDtlAddr</th>
  40. <th>delvMemo</th>
  41. <th>foreignBuyYn</th>
  42. <th>orderMadeYn</th>
  43. </tr>
  44. <tr style="height:30px;">
  45. <td class="custNm"></td>
  46. <td class="email"></td>
  47. <td class="cellPhnno"></td>
  48. <td class="recipZipcode"></td>
  49. <td class="recipBaseAddr"></td>
  50. <td class="recipDtlAddr"></td>
  51. <td class="delvMemo"></td>
  52. <td class="foreignBuyYn"></td>
  53. <td class="orderMadeYn"></td>
  54. </tr>
  55. </tbody>
  56. </table>
  57. <!-- 사은품정보 -->
  58. <table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none;" name="freegiftInfo">
  59. <tr style="height:30px;">
  60. <th>freegiftValArr</th>
  61. <th>freegiftUsePointArr</th>
  62. <th>freegiftSqArr</th>
  63. <th>freegiftGoodsArr</th>
  64. </tr>
  65. <tr style="height:30px;">
  66. <td class="freegiftValArr"></td>
  67. <td class="freegiftUsePointArr"></td>
  68. <td class="freegiftSqArr"></td>
  69. <td class="freegiftGoodsArr"></td>
  70. </tr>
  71. </table>
  72. <!-- 주문상세금액 -->
  73. <table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none;" name="orderDetailInfo" id="orderDetailInfo">
  74. <tr style="height:30px;">
  75. <th>cartSq</th>
  76. <th style="display:none">goodsNm</th>
  77. <th>goodsCd</th>
  78. <th>goodsType</th>
  79. <th>itemCd</th>
  80. <th>optCd</th>
  81. <th style="display:none">optCd1</th>
  82. <th style="display:none">optCd2</th>
  83. <th style="display:none">itemQtyr</th>
  84. <th>orgCurrPrice</th>
  85. <th>cpn1DcSq</th>
  86. <th>cpn1DcAmt</th>
  87. <th>optAddPrice</th>
  88. <th>goodsQty</th>
  89. <th>ordAmt</th>
  90. <th>tmtb1Sq</th>
  91. <th>tmtb1DcAmt</th>
  92. <th>tmtb2Sq</th>
  93. <th>tmtb2DcAmt</th>
  94. <th>goodsCpnSq</th>
  95. <th>goodsCpnDcAmt</th>
  96. <th>cartCpnSq</th>
  97. <th>cartCpnDcAmt</th>
  98. <th>prePntDcAmt1</th>
  99. <th>dcSumAmt</th>
  100. <th>pntDcAmt1</th>
  101. <th>gfcdUseAmt1</th>
  102. <th>realOrdAmt1</th>
  103. <th>savePntAmt1</th>
  104. <th>shotDelvYn</th>
  105. <th>foreignYn</th>
  106. <th>orderMadeYn</th>
  107. <th>delvFeeCd</th>
  108. </tr>
  109. <th:block th:each="delvAllCart, index : ${delvAllCartList}">
  110. <th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
  111. <th:block th:each="goods, i : ${delvAllCart}">
  112. <tr style="height:30px;">
  113. <td class="cartSq" th:text="${goods.cartSq}"></td>
  114. <td class="goodsNm" th:text="${goods.goodsNm}" style="display:none"></td>
  115. <td class="goodsCd" th:text="${goods.goodsCd}"></td>
  116. <td class="goodsType" th:text="${goods.goodsType}"></td>
  117. <td class="itemCd" th:text="${goods.itemCd}"></td>
  118. <td class="optCd" th:text="${goods.optCd}"></td>
  119. <td class="optCd1" th:text="${goods.optCd1}" style="display:none"></td>
  120. <td class="optCd2" th:text="${goods.optCd2}" style="display:none"></td>
  121. <td class="itemQtyr" th:text="${goods.itemQtyr}" style="display:none"></td>
  122. <td class="orgCurrPrice" th:text="${goods.orgCurrPrice}"></td>
  123. <td class="cpn1CpnSq" th:text="${goods.cpn1CpnSq}"></td>
  124. <td class="cpn1DcAmt" th:text="${goods.orgCurrPrice} - ${goods.currPrice}"></td>
  125. <td class="optAddPrice" th:text="${goods.optAddPrice}"></td>
  126. <td class="goodsQty" th:text="${goods.goodsQty}"></td>
  127. <td class="ordAmt">0</td>
  128. <th:block th:if="${goods.applyQtySectionYn} == 'Y' and ${goods.qtyTmtbSq} > 0">
  129. <td class="tmtb1Sq" th:text="${goods.qtyTmtbSq}"></td>
  130. <td class="tmtb1DcAmt" th:text="${goods.tmtb1DcAmt}"></td>
  131. </th:block>
  132. <th:block th:if="${goods.applyQtySectionYn} != 'Y'">
  133. <td class="tmtb1Sq">0</td>
  134. <td class="tmtb1DcAmt">0</td>
  135. </th:block>
  136. <th:block th:if="${goods.applyAmtSectionYn} == 'Y' and ${goods.amtTmtbSq} > 0">
  137. <td class="tmtb2Sq" th:text="${goods.amtTmtbSq}"></td>
  138. <td class="tmtb2DcAmt" th:text="${goods.tmtb2DcAmt}"></td>
  139. </th:block>
  140. <th:block th:if="${goods.applyAmtSectionYn} != 'Y'">
  141. <td class="tmtb2Sq" >0</td>
  142. <td class="tmtb2DcAmt" >0</td>
  143. </th:block>
  144. <td class="goodsCpnSq">0</td>
  145. <td class="goodsCpnDcAmt">0</td>
  146. <td class="cartCpnSq">0</td>
  147. <td class="cartCpnDcAmt">0</td>
  148. <td class="prePntDcAmt1" th:text="${goods.prePntDcAmt}"></td>
  149. <td class="dcSumAmt">0</td>
  150. <td class="pntDcAmt1">0</td>
  151. <td class="gfcdUseAmt1">0</td>
  152. <td class="realOrdAmt1">0</td>
  153. <td class="savePntAmt1" th:text="${goods.savePntAmt}"></td>
  154. <td class="shotDelvYn" th:text="${goods.shotDelvYn}"></td>
  155. <td class="foreignBuyYn" th:text="${goods.foreignBuyYn}"></td>
  156. <td class="orderMadeYn" th:text="${goods.orderMadeYn}"></td>
  157. <td class="delvFeeCd" th:text="${goods.delvFeeCd}"></td>
  158. </tr>
  159. </th:block>
  160. </th:block>
  161. </th:block>
  162. </table>
  163. <!-- 배송단위목록 -->
  164. <table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none;" name="delvFeeCdInfo" id="delvFeeCdInfo">
  165. <tr style="height:30px;">
  166. <th>supplyCompCd</th>
  167. <th>delvFeeCd</th>
  168. <th>delvFee</th>
  169. <th>delvCpnSq</th>
  170. <th>delvCpnDcAmt</th>
  171. </tr>
  172. <th:block th:each="delvFeeCd, index : ${delvFeeCdList}">
  173. <tr style="height:30px;">
  174. <td class="supplyCompCd" th:text="${delvFeeCd.supplyCompCd}"></td>
  175. <td class="delvFeeCd" th:text="${delvFeeCd.delvFeeCd}"></td>
  176. <td class="delvFee" th:text="${delvFeeCd.delvFee}"></td>
  177. <td class="delvCpnSq">0</td>
  178. <td class="delvCpnDcAmt">0</td>
  179. </tr>
  180. </th:block>
  181. </table>
  182. <!-- 주문금액합계 -->
  183. <table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none;" name="orderSumAmtInfo" id="orderSumAmtInfo">
  184. <tr style="height:30px;">
  185. <th>orgGoodsSumAmt</th>
  186. <th>delvSumAmt</th>
  187. <th>freegiftUsePnt</th>
  188. <th>cpn1DcSumAmt</th>
  189. <th>ordSumAmt</th>
  190. <th>tmtb1DcSumAmt</th>
  191. <th>tmtb2DcSumAmt</th>
  192. <th>tmtbDcSumAmt</th>
  193. <th>goodsCpnDcSumAmt</th>
  194. <th>cartCpnDcSumAmt</th>
  195. <th>delvCpnDcSumAmt</th>
  196. <th>cpnDcSumAmt</th>
  197. <th>prePntDcAmt</th>
  198. <th>pntDcSumAmt</th>
  199. <th>gfcdUseSumAmt</th>
  200. <th>realOrdSumAmt</th>
  201. <th>savePntSumAmt</th>
  202. </tr>
  203. <tr style="height:30px;">
  204. <td class="orgGoodsSumAmt">0</td>
  205. <td class="delvSumAmt" th:text="${sumDelvFee}"></td>
  206. <td class="freegiftUsePnt">0</td>
  207. <td class="cpn1DcSumAmt">0</td>
  208. <td class="ordSumAmt">0</td>
  209. <td class="tmtb1DcSumAmt">0</td>
  210. <td class="tmtb2DcSumAmt">0</td>
  211. <td class="tmtbDcSumAmt">0</td>
  212. <td class="goodsCpnDcSumAmt">0</td>
  213. <td class="cartCpnDcSumAmt">0</td>
  214. <td class="delvCpnDcSumAmt">0</td>
  215. <td class="cpnDcSumAmt">0</td>
  216. <td class="prePntDcSumAmt">0</td>
  217. <td class="pntDcSumAmt">0</td>
  218. <td class="gfcdUseSumAmt">0</td>
  219. <td class="realOrdSumAmt">0</td>
  220. <td class="savePntSumAmt">0</td>
  221. </tr>
  222. </table>
  223. <div id="container" class="container od">
  224. <div class="wrap">
  225. <div class="content odPayment">
  226. <!-- 페이지특정 클래스 = odPayment -->
  227. <div class="cont_head">
  228. <h2>주문&#47;결제</h2>
  229. <div class="oder_steps">
  230. <ul>
  231. <li>01 쇼핑백</li>
  232. <li class="on">02 주문/결제</li>
  233. <li>03 주문완료</li>
  234. </ul>
  235. </div>
  236. </div>
  237. <div class="cont_body">
  238. <!-- CONT-BODY -->
  239. <form class="form_wrap">
  240. <div class="od_cont">
  241. <div class="sec_head">
  242. <div class="tbl type4">
  243. <table>
  244. <colgroup>
  245. <col width="240">
  246. <col width="*">
  247. </colgroup>
  248. <tbody>
  249. <tr>
  250. <th>총 <span class="c_primary bold" th:text="${delvFeeCdCnt}"></span> 건으로 나뉘어 배송 예정</th>
  251. <td class="t_l">
  252. <span>총알배송<em class="c_primary bold" th:text="${shotCnt}" id="shotCnt"></em>건</span>
  253. <span>STYLE24<em class="c_primary bold" th:text="${wmsCnt}" id="wmsCnt"></em>건</span>
  254. <span>업체직배송<em class="c_primary bold" th:text="${delvCnt}"></em>건</span>
  255. <span>예약배송<em class="c_primary bold" th:text="${resCnt}"></em>건</span>
  256. </td>
  257. </tr>
  258. </tbody>
  259. </table>
  260. </div>
  261. </div>
  262. <div class="sec_body">
  263. <div class="foldGroup">
  264. <ul>
  265. <!-- 주문고객정보 -->
  266. <li class="fold_mbinfo" id="custemerInfo" style="display:none"></li>
  267. <!-- //주문고객정보 -->
  268. <!-- 배송지정보 -->
  269. <li class="fold_mbinfo" id="deliveryAddrInfo" style="display:none"></li>
  270. <!-- //배송지정보 -->
  271. <!-- 사은품선택 -->
  272. <li id="freegiftInfo" style="display:none"></li>
  273. <!-- //사은품선택 -->
  274. <!-- 할인/혜택 사용 -->
  275. <li id="dcAmtInfo" style="display:none"></li>
  276. <!-- //할인/혜택 사용 -->
  277. <!-- 결제수단 선택 -->
  278. <li class="fold_paymethod" id="paymentInfo" style="display:none"></li>
  279. <!-- //결제수단 선택 -->
  280. </ul>
  281. </div>
  282. </div>
  283. </div>
  284. <div class="od_side">
  285. <div class="area_order">
  286. <div class="tit_box">
  287. <h3 class="subH2">주문내역</h3>
  288. <span> <em class="number" th:text="${goodsTotCnt}"></em>개의 상품</span>
  289. </div>
  290. <div id="orderListInfo" style="display:none">
  291. </div>
  292. <div class="od_amount_box">
  293. <dl>
  294. <div>
  295. <dt>상품금액</dt>
  296. <dd id="orgGoodsSumAmt" th:text="|${#numbers.formatInteger(orgGoodsSumAmt, 1, 'COMMA')}원|"></dd>
  297. </div>
  298. <div>
  299. <dt>배송비</dt>
  300. <dd id="delvSumAmt" th:text="|${#numbers.formatInteger(sumDelvFee, 1, 'COMMA')}원|"></dd>
  301. </div>
  302. <div>
  303. <dt>할인금액</dt>
  304. <th:block th:if="${cpn1DcSumAmt} > 0">
  305. <dd><span class="disc_amount" id="cpn1DcSumAmt" th:text="|-${#numbers.formatInteger(cpn1DcSumAmt, 1, 'COMMA')}원|"></span></dd>
  306. </th:block>
  307. <th:block th:if="${cpn1DcSumAmt} < 1">
  308. <dd><span class="disc_amount" id="cpn1DcSumAmt" th:text="|${#numbers.formatInteger(cpn1DcSumAmt, 1, 'COMMA')}원|"></span></dd>
  309. </th:block>
  310. </div>
  311. <div>
  312. <dt>다다익선할인금액</dt>
  313. <th:block th:if="${tmtbDcSumAmt} > 0">
  314. <dd><span class="disc_amount" id="tmtbDcSumAmt" th:text="|-${#numbers.formatInteger(tmtbDcSumAmt, 1, 'COMMA')}원|"></span></dd>
  315. </th:block>
  316. <th:block th:if="${tmtbDcSumAmt} < 1">
  317. <dd><span class="disc_amount" id="tmtbDcSumAmt" th:text="|${#numbers.formatInteger(tmtbDcSumAmt, 1, 'COMMA')}원|"></span></dd>
  318. </th:block>
  319. </div>
  320. <div>
  321. <dt>쿠폰할인금액</dt>
  322. <dd><span class="disc_amount" id="couponDcSumAmt"></span></dd>
  323. </div>
  324. <div>
  325. <dt>선포인트 사용</dt>
  326. <th:block th:if="${prePntDcAmt} > 0">
  327. <dd><span class="disc_amount" id="prePntDcAmt" th:text="|-${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')}원|"></span></dd>
  328. </th:block>
  329. <th:block th:if="${prePntDcAmt} < 1">
  330. <dd><span class="disc_amount" id="prePntDcAmt" th:text="|${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')}원|"></span></dd>
  331. </th:block>
  332. </div>
  333. <div>
  334. <dt>포인트 사용</dt>
  335. <dd><span class="disc_amount" id="pntDcAmt">0원</span></dd>
  336. </div>
  337. <div>
  338. <dt>상품권 사용</dt>
  339. <dd><span class="disc_amount" id="gfcdUseAmt">0원</span></dd>
  340. </div>
  341. </dl>
  342. </div>
  343. <div class="totalprice_box">
  344. <dl>
  345. <dt>총 결제 예정 금액</dt>
  346. <dd data-weight="price" data-font="lato">
  347. <span id="realOrdAmt"></span>원
  348. </dd>
  349. </dl>
  350. <p class="info_point">스타일 포인트
  351. <span class="save_point" id="savePntSumAmt" th:text="|${#numbers.formatInteger(savePntSumAmt, 1, 'COMMA')}P|"></span> 적립예정
  352. </p>
  353. </div>
  354. </div>
  355. </div>
  356. </form>
  357. <!-- // CONT-BODY -->
  358. </div>
  359. </div>
  360. </div>
  361. </div>
  362. </form>
  363. <!-- // container -->
  364. <footer id="footer"></footer>
  365. <!-- 배송지변경팝업 -->
  366. <div class="modal fade od_pop adrsChange_pop" id="adrsChangePop" tabindex="-1" role="dialog" aria-labelledby="adrsChangeLabel" aria-hidden="true"></div>
  367. <!-- 배송지수정팝업 -->
  368. <div class="modal fade od_pop adrsModify_pop" id="adrsModifyPop" tabindex="-1" role="dialog" aria-labelledby="adrsModifyLabel" aria-hidden="true"></div>
  369. <!-- 배송지추가팝업 -->
  370. <div class="modal fade od_pop adrsAdd_pop" id="adrsAddPop" tabindex="-1" role="dialog" aria-labelledby="adrsAddLabel" aria-hidden="true"></div>
  371. <!-- 배송요청사항수정 팝업 -->
  372. <div class="modal fade od_pop rqstModify_pop" id="rqstModifyPop" tabindex="-1" role="dialog" aria-labelledby="rqstModifyLabel" aria-hidden="true"></div>
  373. <!-- 사은품지급안내 팝업 -->
  374. <div class="modal fade od_pop infoGift_pop" id="infoGiftPop" tabindex="-1" role="dialog" aria-labelledby="infoGiftLabel" aria-hidden="true"></div>
  375. <script th:inline="javascript">
  376. // 배송관련정보 변수선언
  377. var cartGoodsList = [[${cartGoodsList}]] // 배송목록
  378. var shotCnt = [[${shotCnt}]]; // 자사 총알 배송건수
  379. var wmsCnt = [[${wmsCnt}]]; // 자사 일반 배송건수
  380. var shotWmsCnt = [[${shotWmsCnt}]]; // 자사 총알,일반 배송건수
  381. var resCnt = [[${resCnt}]]; // 자사 예약 배송건수
  382. var delvCnt = [[${delvCnt}]]; // 입점 일반 배송건수
  383. var orgSumDelvFee = [[${sumDelvFee}]]; // 최초배송비합계
  384. var prePntDcAmt = [[${prePntDcAmt}]]; // 선포인트사용가능금액
  385. var custNm = [[${order.custNm}]]; // 주문자명
  386. var cellPhnno = [[${order.cellPhnno}]]; // 핸드폰번호
  387. var email = [[${order.email}]]; // 이메일
  388. var recipZipcode = [[${order.recipZipcode}]]; // 우편번호
  389. var recipBaseAddr = [[${order.recipBaseAddr}]]; // 기본주소
  390. var recipDtlAddr = [[${order.recipDtlAddr}]]; // 상세주소
  391. var cartSqArr = [[${order.cartSqArr}]]; // 장바구니시퀀스 목록
  392. var shotDelvUseYn = [[${order.shotDelvUseYn}]]; // 총알배송사용여부(장바구니)
  393. var shotDelvYn = [[${order.shotDelvUseYn}]]; // 총알배송사용여부(장바구니)
  394. var foreignBuyYn = [[${foreignBuyYn}]]; // 해외구매대행여부
  395. var orderMadeYn = [[${orderMadeYn}]]; // 주문제작상품여부
  396. var custCpnSq = 0;
  397. var cpnIndex = 0;
  398. var cpnApplyTemp = false;
  399. //AJAX 로드를 위한 변수 설정
  400. var jsonObj = {};
  401. var jsonData = null;
  402. var pgGb = "";
  403. // 컨텐츠 호출
  404. $(document).ready( function() {
  405. // 장바구니시퀀스 배열 변환
  406. cartSqArr = String(cartSqArr).split(",");
  407. // AJAX 로드를 위한 변수 설정
  408. jsonObj = {
  409. "custNm" : custNm
  410. , "cellPhnno" : cellPhnno
  411. , "email" : email
  412. , "recipZipcode" : recipZipcode
  413. , "recipBaseAddr" : recipBaseAddr
  414. , "recipDtlAddr" : recipDtlAddr
  415. , "cartSqArr" : cartSqArr
  416. , "dispYn" : "N"
  417. , "shotDelvYn" : shotDelvUseYn
  418. , "foreignBuyYn" : foreignBuyYn
  419. , "orderMadeYn" : orderMadeYn
  420. }
  421. jsonData = JSON.stringify(jsonObj);
  422. // 1. AJAX 정보(회원정보로드)
  423. custemerInfoSet(jsonData);
  424. // 999. 개발화면정보설정
  425. var devTemp = false;
  426. var arr = []
  427. arr[0] = "orderInfo";
  428. arr[1] = "freegiftInfo";
  429. arr[2] = "orderDetailInfo";
  430. arr[3] = "delvFeeCdInfo";
  431. arr[4] = "orderSumAmtInfo";
  432. if (devTemp) {
  433. $("table").each(function(){
  434. var name = $(this).attr("name");
  435. for (i=0 ; i<arr.length ; i++) {
  436. if (name == arr[i]) {
  437. $(this).show();
  438. }
  439. }
  440. });
  441. }
  442. });
  443. // 1. 함수기능 정의
  444. // 1.1 고객정보로드
  445. var custemerInfoSet = function(jsonData) {
  446. $.ajax( {
  447. type : "POST",
  448. url : '/order/custemerInfo',
  449. data : jsonData,
  450. dataType : 'html',
  451. beforeSend : function(xhr, settings) {
  452. xhr.setRequestHeader("AJAX" , "true");
  453. xhr.setRequestHeader('Accept' , 'application/json');
  454. xhr.setRequestHeader('Content-Type' , 'application/json');
  455. gagajf.showProgressbar(true);
  456. },
  457. success : function(result) {
  458. if (result != null) {
  459. $("#custemerInfo").css("display", "block");
  460. $("#custemerInfo").html(result);
  461. // 고객정보설정
  462. $(".custNm").text($("input[name='custNm']").val());
  463. $(".email").text($("input[name='email']").val());
  464. $(".cellPhnno").text($("input[name='cellPhnno']").val());
  465. }
  466. // 1.2 배송정보로드
  467. deliveryAddrInfoSet(jsonData);
  468. }
  469. });
  470. }
  471. // 1.2 배송정보로드
  472. var deliveryAddrInfoSet = function(jsonData) {
  473. $.ajax( {
  474. type : "POST",
  475. url : '/order/deliveryAddrInfo',
  476. data : jsonData,
  477. dataType : 'html',
  478. beforeSend : function(xhr, settings) {
  479. xhr.setRequestHeader("AJAX" , "true");
  480. xhr.setRequestHeader('Accept' , 'application/json');
  481. xhr.setRequestHeader('Content-Type' , 'application/json');
  482. gagajf.showProgressbar(true);
  483. },
  484. success : function(result) {
  485. if (result != null) {
  486. $("#deliveryAddrInfo").css("display", "block");
  487. $("#deliveryAddrInfo").html(result);
  488. // 배송정보설정
  489. $(".recipZipcode").text($("input[name='recipZipcode']").val());
  490. $(".recipBaseAddr").text($("input[name='recipBaseAddr']").val());
  491. $(".recipDtlAddr").text($("input[name='recipDtlAddr']").val());
  492. $(".delvMemo").text($("input[name='delvMemo']").val());
  493. $(".foreignBuyYn").text($("input[name='foreignBuyYn']").val());
  494. $(".orderMadeYn").text($("input[name='orderMadeYn']").val());
  495. }
  496. // 1.3 총알배송가능 지역, 총알배송 가능 시간 체크(초기로드정보)
  497. fnGetDailyDeliveryCheck(true);
  498. }
  499. });
  500. }
  501. // 1.3 총알배송가능 지역, 총알배송 가능 시간 체크
  502. var fnGetDailyDeliveryCheck = function (temp) {
  503. // 장바구니 총알배송 사용여부 체크 N
  504. if (shotDelvUseYn == "N") {
  505. // 초기에 한번 데이타 로드
  506. if (temp) {
  507. // 1.4 주문상품목록로드
  508. orderListInfoSet(jsonData, temp);
  509. }
  510. } else {
  511. // 배송지 우편번호 체크
  512. var zipcode = $("input[name='recipZipcode']").val();
  513. // 총알배송여부 체크 배송지정보 존재여부 체크
  514. if (zipcode == null || zipcode == '') {
  515. //alert("배송지정보가 없습니다. 기본 총알배송 가능지역으로 설정 합니다.");
  516. zipcode = "04320"; // 기본 서울역 우편번호로 설정
  517. }
  518. // TODO
  519. var shotDelvObj = {"zipNo" : zipcode};
  520. gagajf.ajaxJsonSubmit(
  521. "/order/getDailyDeliveryCheck"
  522. , JSON.stringify(shotDelvObj)
  523. , function (result) {
  524. // 총알배송여부체크
  525. var tempShotDelvYn = "N";
  526. if (parseInt(result) > 0) {
  527. tempShotDelvYn = "Y";
  528. }
  529. // json 값 설정
  530. var orderListObj = {"cartSqArr":cartSqArr, "shotDelvYn":tempShotDelvYn};
  531. var orderListJsonData = JSON.stringify(orderListObj);
  532. if (temp) {
  533. // 1.3 주문상품목록로드
  534. orderListInfoSet(orderListJsonData, temp);
  535. } else {
  536. if (tempShotDelvYn != shotDelvYn) {
  537. orderListInfoSet(orderListJsonData, temp);
  538. }
  539. }
  540. shotDelvYn = tempShotDelvYn;
  541. }
  542. )
  543. }
  544. }
  545. // 1.4 주문상품목록로드
  546. var orderListInfoSet = function(orderListJsonData, temp) {
  547. $.ajax( {
  548. type : "POST",
  549. url : '/order/orderListInfo',
  550. data : orderListJsonData,
  551. dataType : 'html',
  552. beforeSend : function(xhr, settings) {
  553. xhr.setRequestHeader("AJAX" , "true");
  554. xhr.setRequestHeader('Accept' , 'application/json');
  555. xhr.setRequestHeader('Content-Type' , 'application/json');
  556. gagajf.showProgressbar(true);
  557. },
  558. success : function(result) {
  559. if (result != null) {
  560. $("#orderListInfo").css("display", "block");
  561. $("#orderListInfo").html(result);
  562. }
  563. // 1.5 사은품정보로드
  564. if (temp) {
  565. freegiftInfoSet(jsonData);
  566. }
  567. }
  568. });
  569. }
  570. // 1.5 사은품정보로드
  571. var freegiftInfoSet = function(jsonData) {
  572. $.ajax( {
  573. type : "POST",
  574. url : '/order/freegiftInfo',
  575. data : jsonData,
  576. dataType : 'html',
  577. beforeSend : function(xhr, settings) {
  578. xhr.setRequestHeader("AJAX" , "true");
  579. xhr.setRequestHeader('Accept' , 'application/json');
  580. xhr.setRequestHeader('Content-Type' , 'application/json');
  581. gagajf.showProgressbar(true);
  582. },
  583. success : function(result) {
  584. if (result != null) {
  585. $("#freegiftInfo").html(result);
  586. var total_gift = 0;
  587. var total_deduct = 0;
  588. // 2.2 사은품선택 라디오 버튼 기능
  589. $(".freegiftRdo").on("click", function() {
  590. total_gift = 0;
  591. total_deduct = 0;
  592. $(".freegiftRdo").each(function(){
  593. if ($(this).attr("allYn") == "Y" ) {
  594. total_gift += 1;
  595. }
  596. // 라디오버튼 사은품 체크
  597. if ($(this).is(":checked")) {
  598. // 수령거부가 아닐때 체크
  599. if ($(this).val() != "noSel") {
  600. total_gift += 1;
  601. total_deduct += parseInt($(this).attr("usepoint"));
  602. }
  603. }
  604. });
  605. $(".total_gift").text(total_gift); // 사은품총선택개수
  606. $(".total_deduct").text(total_deduct.addComma()); // 사은품총사용포인트
  607. $(".freegiftUsePnt").text(total_deduct);
  608. // 포인트초기화기능
  609. pntDcAmtReset();
  610. });
  611. // 사은품테이블 그리기
  612. $(".gift_box").each(function(){
  613. $(this).find(".freegiftRdo").each(function(){
  614. if ($(this).attr("allYn") == "Y" ) {
  615. total_gift += 1;
  616. }
  617. $(".total_gift").text(total_gift); // 사은품총선택개수
  618. });
  619. });
  620. }
  621. // 1.6 결제타입로드
  622. paymentInfoSet(jsonData);
  623. }
  624. });
  625. }
  626. // 1.6 결제타입로드 (결제버튼기능구현)
  627. var paymentInfoSet = function(jsonData) {
  628. $.ajax( {
  629. type : "POST",
  630. url : '/order/paymentInfo',
  631. data : jsonData,
  632. dataType : 'html',
  633. beforeSend : function(xhr, settings) {
  634. xhr.setRequestHeader("AJAX" , "true");
  635. xhr.setRequestHeader('Accept' , 'application/json');
  636. xhr.setRequestHeader('Content-Type' , 'application/json');
  637. gagajf.showProgressbar(true);
  638. },
  639. success : function(result) {
  640. if (result != null) {
  641. $("#paymentInfo").css("display", "block");
  642. $("#paymentInfo").html(result);
  643. // 결재하기
  644. $("#btn_payment").on("click", function(){
  645. // 사은품정보
  646. var freegiftValArr = $(".freegiftValArr").text().split(",");
  647. var prePntDcAmtYn = $("input[name='rdi-beforpoint']:checked").val();
  648. var paynormal = $("input[name='rdi-paynormal']:checked").val();
  649. var orderDetailList = [];
  650. var delvFeeCdList = [];
  651. var ordGoodsQty = 0;
  652. var goodsNm = "";
  653. if (paynormal == null || paynormal == '') {
  654. alert("결제수단을 선택해 주세요.");
  655. return false;
  656. }
  657. var paynormalArr = paynormal.split("|");
  658. var pgGb = paynormalArr[0];
  659. var payMeans = paynormalArr[1];
  660. // 주문상세데이타 생성
  661. $("#orderDetailInfo .cartSq").each(function(){
  662. var orderDetailData = {
  663. "cartSq" : $(this).text()
  664. ,"currPrice" : $(this).parent().find(".orgCurrPrice").text()
  665. ,"optAddPrice" : $(this).parent().find(".optAddPrice").text()
  666. ,"ordAmt" : $(this).parent().find(".ordAmt").text()
  667. ,"cpn1DcSq" : $(this).parent().find(".cpn1DcSq").text()
  668. ,"cpn1DcAmt" : $(this).parent().find(".cpn1DcAmt").text()
  669. ,"goodsQty" : $(this).parent().find(".goodsQty").text()
  670. ,"tmtb1Sq" : $(this).parent().find(".tmtb1Sq").text()
  671. ,"tmtb1DcAmt" : $(this).parent().find(".tmtb1DcAmt").text()
  672. ,"tmtb2Sq" : $(this).parent().find(".tmtb2Sq").text()
  673. ,"tmtb2DcAmt" : $(this).parent().find(".tmtb2DcAmt").text()
  674. ,"goodsCpnSq" : $(this).parent().find(".goodsCpnSq").text()
  675. ,"goodsCpnDcAmt" : $(this).parent().find(".goodsCpnDcAmt").text()
  676. ,"cartCpnSq" : $(this).parent().find(".cartCpnSq").text()
  677. ,"cartCpnDcAmt" : $(this).parent().find(".cartCpnDcAmt").text()
  678. ,"prePntDcAmt" : $(this).parent().find(".prePntDcAmt1").text()
  679. ,"pntDcAmt" : $(this).parent().find(".pntDcAmt1").text()
  680. ,"gfcdUseAmt" : $(this).parent().find(".gfcdUseAmt1").text()
  681. ,"realOrdAmt" : $(this).parent().find(".realOrdAmt1").text()
  682. ,"savePntAmt" : $(this).parent().find(".savePntAmt1").text()
  683. ,"shotDelvYn" : $(this).parent().find(".shotDelvYn").text()
  684. ,"foreignBuyYn" : $(this).parent().find(".foreignYn").text()
  685. ,"makeGoodsYn" : $(this).parent().find(".orderMadeYn").text()
  686. ,"delvFeeCd" : $(this).parent().find(".delvFeeCd").text()
  687. ,"goodsCd" : $(this).parent().find(".goodsCd").text()
  688. ,"itemCdArr" : $(this).parent().find(".itemCd").text().split(",")
  689. ,"optCdArr" : $(this).parent().find(".optCd").text().split(",")
  690. ,"itemQtyArr" : $(this).parent().find(".itemQtyr").text().split(",")
  691. ,"goodsType" : $(this).parent().find(".goodsType").text()
  692. }
  693. // 상품수
  694. ordGoodsQty++;
  695. orderDetailList.push(orderDetailData);
  696. });
  697. // 주문배송업체정보 생성
  698. $("#delvFeeCdInfo .delvFeeCd").each(function(){
  699. var delvFeeCdData = {
  700. "delvFeeCd" : $(this).text()
  701. ,"supplyCompCd" : $(this).parent().find(".supplyCompCd").text()
  702. ,"delvFee" : $(this).parent().find(".delvFee").text()
  703. ,"delvCpnSq" : $(this).parent().find(".delvCpnSq").text()
  704. ,"delvCpnDcAmt" : $(this).parent().find(".delvCpnDcAmt").text()
  705. }
  706. delvFeeCdList.push(delvFeeCdData);
  707. });
  708. // 주문데이타 생성
  709. var orderData = {
  710. "custNm" : $(".custNm").text()
  711. ,"email" : $(".email").text()
  712. ,"recipPhnno" : $(".cellPhnno").text()
  713. ,"recipZipcode" : $(".recipZipcode").text()
  714. ,"recipBaseAddr" : $(".recipBaseAddr").text()
  715. ,"recipDtlAddr" : $(".recipDtlAddr").text()
  716. ,"delvMemo" : $(".delvMemo").text()
  717. ,"freegiftValArr" : freegiftValArr
  718. ,"prePntDcAmtYn" : prePntDcAmtYn
  719. ,"orderDetailList" : orderDetailList
  720. ,"delvFeeCdList" : delvFeeCdList
  721. ,"shotDelvYn" : shotDelvYn
  722. ,"entryNo" : $("input[name='entryNo']").val()
  723. ,"pgGb" : pgGb
  724. ,"payMeans" : payMeans // 네이버페이, 카카오페이
  725. ,"payAmt" : $(".realOrdSumAmt").text()
  726. ,"ordNm" : $(".custNm").text()
  727. ,"ordPhnno" : $(".cellPhnno").text()
  728. ,"goodsNm" : $(".goodsNm").eq(0).text()
  729. ,"ordGoodsQty" : ordGoodsQty
  730. ,"freegiftValArr" : $(".freegiftValArr").text().split(",")
  731. ,"freegiftSqArr" : $(".freegiftSqArr").text().split(",")
  732. ,"freegiftGoodsArr" : $(".freegiftGoodsArr").text().split(",")
  733. ,"freegiftUsePointArr" : $(".freegiftUsePointArr").text().split(",")
  734. };
  735. var orderData = JSON.stringify(orderData);
  736. $.ajax( {
  737. type : "POST",
  738. url : '/order/create/preOrder',
  739. data : orderData,
  740. dataType : 'html',
  741. beforeSend : function(xhr, settings) {
  742. xhr.setRequestHeader("AJAX" , "true");
  743. xhr.setRequestHeader('Accept' , 'application/json');
  744. xhr.setRequestHeader('Content-Type' , 'application/json');
  745. gagajf.showProgressbar(true);
  746. },
  747. success : function(result) {
  748. // 결재정보로드
  749. $("#order_info").html(result);
  750. var pgGb = $("#order_info input[name=pgGb]").val();
  751. if (pgGb == "NAVFER") {
  752. fnNaverPaymentReady();
  753. } else if (pgGb == "KAKAO") {
  754. fnKakaoPaymentReady();
  755. } else if (pgGb == "KCP") {
  756. jsf__pay(document.order_info);
  757. }
  758. }
  759. });
  760. });
  761. // 1.8 할인영역 설정
  762. dcAmtInfoSet(jsonData);
  763. }
  764. }
  765. });
  766. }
  767. // 1.7 프로모션 쿠폰 적용 함수
  768. var serialCpnApply = function(){
  769. let data = {
  770. rdCpnNm : $("#payForm #serialCpnNm").val()
  771. }
  772. let jsonData = JSON.stringify(data);
  773. $.ajax( {
  774. type : "POST",
  775. url : '/cart/list/serialCpnApply',
  776. contentType : 'application/json',
  777. dataType : 'json',
  778. data : jsonData,
  779. success : function(result) {
  780. var jsonObj = {"cartSqArr" : cartSqArr,"dispYn" : "Y"};
  781. var jsonData = JSON.stringify(jsonObj);
  782. // 성공일때는 쿠폰정보 및 포인트 정보 reset
  783. if (result.serialCpnInfo.result == "SUCCESS") {
  784. // 1.8 할인영역 재로드
  785. dcAmtInfoSet(jsonData);
  786. } else {
  787. alert(result.serialCpnInfo.result);
  788. }
  789. }
  790. });
  791. }
  792. // 1.8 할인영역 설정 (쿠폰, 선포인트, 포인트, 상품권)
  793. var dcAmtInfoSet = function(jsonData) {
  794. // 1.8.1 할인정보로드
  795. $.ajax( {
  796. type : "POST",
  797. url : '/order/dcAmtInfo',
  798. data : jsonData,
  799. dataType : 'html',
  800. beforeSend : function(xhr, settings) {
  801. xhr.setRequestHeader("AJAX" , "true");
  802. xhr.setRequestHeader('Accept' , 'application/json');
  803. xhr.setRequestHeader('Content-Type' , 'application/json');
  804. gagajf.showProgressbar(true);
  805. },
  806. success : function(result) {
  807. if (result != null) {
  808. $("#dcAmtInfo").css("display", "block");
  809. $("#dcAmtInfo").html(result);
  810. // 1.8.2 쿠폰적용초기화(할인율최고)
  811. custCpnInit();
  812. // 1.8.3 쿠폰 SELECT BOX 기능 설정(js적용)
  813. $('.select_custom.type1').each(function(index){
  814. var selecter01 = new sCombo($(this));
  815. // 선택박스 버튼기능 구현
  816. $(this).find("ul li").each(function(i){
  817. // SELECT BOX 버튼 기능 설정
  818. $(this).on("click", function(){
  819. // 쿠폰 선택없음
  820. if ($(this).prop("value") == 0) {
  821. // 쿠폰 선택없음
  822. cpnApplyDel($(this));
  823. }
  824. // 쿠폰선택
  825. else {
  826. // 쿠폰중복체크 후 적용
  827. if (custCpnDuplicationCheck($(this).prop("value"), index)) {
  828. // 쿠폰적용
  829. custCpnApply($(this));
  830. } else {
  831. alert("이미 적용된 쿠폰 입니다.");
  832. // 쿠폰적용불가
  833. custCpnNotApply($(this));
  834. }
  835. // 쿠폰할인금액 SUM
  836. custCpnSumAmtCal();
  837. // 최대할인혜택적용 체크해제
  838. if ($("#chk-maxdisc").is(":checked")) {
  839. $("#chk-maxdisc").attr("checked", false);
  840. }
  841. }
  842. });
  843. });
  844. });
  845. // 1.8.4 쿠폰 최대할인금액 초기화 버튼 설정
  846. $("#chk-maxdisc").on("click", function(){
  847. if ($(this).is(":checked")) {
  848. custCpnInit();
  849. }
  850. });
  851. // 1.8.5 쿠폰할인적용 삭제 버튼
  852. $(".btn_del_coupon").on("click", function(){
  853. //선택없음선택
  854. $(this).parent().parent().find("ul li").each(function(i){
  855. if (i == 0) {
  856. cpnApplyDel($(this)); // 쿠폰 선택없음
  857. }
  858. });
  859. });
  860. // 1.8.6 선포인트 적용 버튼 기능
  861. $("input[name='rdi-beforpoint']").each(function(){
  862. // 선포인트 초기 설정 사용함
  863. if ($(this).val() == "Y") {
  864. $(this).attr("checked", true);
  865. }
  866. // 버튼기능 구현
  867. $(this).on("click", function(){
  868. var rmPrePntAmt = parseInt($("input[name='rmPrePntAmt']").val());
  869. // 선포인트적용
  870. if ($(this).val() == "Y") {
  871. $("#prePntDcAmt").text("-"+rmPrePntAmt.addComma()+"원");
  872. } else {
  873. $("#prePntDcAmt").text("0원");
  874. }
  875. // 쿠폰할인금액 SUM
  876. custCpnSumAmtCal();
  877. });
  878. });
  879. // 1.8.7 포인트 적용버튼 기능
  880. $("#btn_point_apply").on("click", function(){
  881. var rmPntAmt = parseInt($("input[name='rmPntAmt']").val());
  882. var freegiftUsePnt = parseInt($(".freegiftUsePnt").text());
  883. var pntDcAmt = parseInt($("input[name='pntDcAmtStr']").val());
  884. var realOrdAmt = parseInt($(".realOrdSumAmt").text());
  885. var applyPntDcAmt = (realOrdAmt * 40) / 100;
  886. rmPntAmt = rmPntAmt - freegiftUsePnt;
  887. // 입력여부체크
  888. if (pntDcAmt < 1) {
  889. alert("사용할 포인트를 입력해주세요");
  890. // 포인트리셋기능
  891. pntDcAmtReset();
  892. return false;
  893. }
  894. // 보유포인트보다 초과 사용 불가
  895. if (pntDcAmt > rmPntAmt) {
  896. alert("보유포인트 보다 초과 사용 할 수 없습니다.");
  897. // 포인트리셋기능
  898. pntDcAmtReset();
  899. return false;
  900. }
  901. // TODO 포인트 사용금액 1000P 이상 사용
  902. if (pntDcAmt < 1000) {
  903. alert("포인트는 최소 1,000P이상 사용해야 합니다.");
  904. // 포인트리셋기능
  905. pntDcAmtReset();
  906. return false;
  907. }
  908. // 실결제금액보다 크게 적용 되었을때 적용 불가능
  909. if (pntDcAmt > applyPntDcAmt) {
  910. alert("결제금액의 최대 40%를 초과 사용 할 수 없습니다.");
  911. // 포인트리셋기능
  912. pntDcAmtReset();
  913. return false;
  914. }
  915. // 포인트 적용
  916. $(".pntDcSumAmt").text(pntDcAmt);
  917. $("#pntDcAmt").text("-"+pntDcAmt.addComma()+"원");
  918. // 상품권리렛기능
  919. gfcdUseAmtReset();
  920. });
  921. // 1.8.8 상품권 적용버튼 기능
  922. $("#btn_gfcd_apply").on("click", function(){
  923. var rmGfcdAmt = parseInt($("input[name='rmGfcdAmt']").val());
  924. var gfcdUseAmt = parseInt($("input[name='gfcdUseAmtStr']").val());
  925. // 입력여부체크
  926. if (gfcdUseAmt < 1 || $("input[name='gfcdUseAmtStr']").val() == "") {
  927. alert("사용할 금액을 입력해주세요");
  928. // 상품권리셋기능
  929. gfcdUseAmtReset();
  930. return false;
  931. }
  932. // 보유금액보다 초과 사용 불가
  933. if (gfcdUseAmt > rmGfcdAmt) {
  934. alert("보유금액 보다 초과 사용 할 수 없습니다.");
  935. // 상품권리셋기능
  936. gfcdUseAmtReset();
  937. return false;
  938. }
  939. // TODO 포인트 사용금액 1000원 이상 사용
  940. if (gfcdUseAmt < 1000) {
  941. alert("상품권 사용금액은 최소 1,000원 이상 사용해야 합니다.");
  942. // 상품권리셋기능
  943. gfcdUseAmtReset();
  944. return false;
  945. }
  946. // 상품권 적용
  947. $(".gfcdUseSumAmt").text(gfcdUseAmt);
  948. $("#gfcdUseAmt").text("-"+gfcdUseAmt.addComma()+"원");
  949. // 금액전체계산
  950. custCpnSumAmtCal();
  951. });
  952. // 금액계산초기화
  953. custCpnSumAmtCal();
  954. }
  955. }
  956. });
  957. }
  958. // 1.9 쿠폰 최대할인율 쿠폰적용
  959. var custCpnInit = function() {
  960. // 쿠폰적용없음적용
  961. $(".select_custom.type1").each(function(index){
  962. // select box 쿠폰 적용
  963. var cpnCartSq = $(this).find("input[name='cpnCartSq']").val();
  964. // 장바구니시퀀스 체크
  965. $(".cartSq").each(function(){
  966. if (cpnCartSq == $(this).text()) {
  967. $(this).parent().find(".goodsCpnSq").text("0"); // 상품쿠폰시퀀스
  968. $(this).parent().find(".goodsCpnDcAmt").text("0"); // 상품쿠폰할인금액
  969. }
  970. });
  971. $(this).find("input[name='custCpnSq']").val("0");
  972. $(this).find("input[name='cpnDcAmt']").val("0");
  973. $(this).find(".select").text("선택없음");
  974. $(this).find(".cp_discount").css("display", "none");
  975. });
  976. // 최대할인율 쿠폰적용
  977. $('.select_custom.type1').each(function(index){
  978. cpnIndex = 0;
  979. cpnApplyTemp = false;
  980. // select 박스 반복문 실행
  981. $(this).find("ul li").each(function(i){
  982. cpnIndex++;
  983. // 1이상부터 중복 체크
  984. if (cpnApplyTemp == false) {
  985. if (cpnIndex > 1) {
  986. if (custCpnDuplicationCheck($(this).prop("value"), index)) {
  987. // 쿠폰적용
  988. custCpnApply($(this));
  989. // 쿠폰할인적용
  990. cpnApplyTemp = true;
  991. }
  992. }
  993. }
  994. });
  995. });
  996. // 포인트기능 리렛
  997. pntDcAmtReset();
  998. }
  999. // 1.10 쿠폰중복사용체크
  1000. var custCpnDuplicationCheck = function(custCpnSq, index) {
  1001. var selCustSq = 0;
  1002. var cnt = 0;
  1003. // 쿠폰중본사용체크
  1004. $("input[name='custCpnSq']").each(function(i){
  1005. if (index != i) {
  1006. selCustSq = $(this).val();
  1007. if (selCustSq == custCpnSq) {
  1008. cnt++;
  1009. }
  1010. }
  1011. });
  1012. // 쿠폰적용불가
  1013. if (cnt > 0) {
  1014. return false;
  1015. }
  1016. // 쿠폰적용가능
  1017. else {
  1018. return true;
  1019. }
  1020. }
  1021. // 1.11 쿠폰중복체크 후 적용가능
  1022. var custCpnApply = function(obj) {
  1023. // select box 쿠폰 적용
  1024. var cpnType = obj.parent().parent().find("input[name='cpnType']").val();
  1025. // 상품쿠폰적용
  1026. if (cpnType == "goodsCpn") {
  1027. // 적용된 할인금액 text 설정
  1028. var dcAmtStr = "- " + parseInt(obj.attr("data")).addComma() + " 원 할인적용";
  1029. obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
  1030. var cpnCartSq = obj.parent().parent().find("input[name='cpnCartSq']").val();
  1031. // 장바구니시퀀스 체크
  1032. $(".cartSq").each(function(){
  1033. if (cpnCartSq == $(this).text()) {
  1034. $(this).parent().find(".goodsCpnSq").text(obj.prop("value")); // 상품쿠폰시퀀스
  1035. $(this).parent().find(".goodsCpnDcAmt").text(obj.attr("data")); // 상품쿠폰할인금액
  1036. }
  1037. });
  1038. obj.parent().parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
  1039. }
  1040. // 장바구니쿠폰적용
  1041. else if (cpnType == "cartCpn") {
  1042. var dcWay = obj.parent().find("input[name='dcWay']").val();
  1043. var dcVal = obj.parent().find("input[name='dcVal']").val();
  1044. var cartCpnDcSumAmt = 0;
  1045. var tempSumAmt = 0;
  1046. var cartSqLen = $(".cartSq").length;
  1047. var leftAmt = 0;
  1048. var index = 1;
  1049. // 장바구니쿠폰 해당 장바구니상품들 할인가 적용
  1050. obj.find("input[name='cartCpnCartSq']").each(function(){
  1051. var cartCpnCartSq = $(this).val();
  1052. var cartCpnDcAmt = 0;
  1053. // 장바구니시퀀스 체크
  1054. $(".cartSq").each(function(){
  1055. if (cartCpnCartSq == $(this).text()) {
  1056. var orgCurrPrice = parseInt($(this).parent().find(".orgCurrPrice").text());
  1057. var tmtb1DcAmt = parseInt($(this).parent().find(".tmtb1DcAmt").text());
  1058. var tmtb2DcAmt = parseInt($(this).parent().find(".tmtb2DcAmt").text());
  1059. var goodsCpnDcAmt = parseInt($(this).parent().find(".goodsCpnDcAmt").text());
  1060. var tempAmt = orgCurrPrice - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
  1061. tempSumAmt = tempSumAmt + tempAmt;
  1062. // 할인율일때 할인금액
  1063. if (dcWay == "G240_20") {
  1064. cartCpnDcAmt = (tempAmt * dcVal) / 100;
  1065. cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
  1066. $(this).parent().find(".cartCpnSq").val(obj.prop("value"));
  1067. $(this).parent().find(".cartCpnDcAmt").val(cartCpnDcAmt);
  1068. }
  1069. }
  1070. });
  1071. });
  1072. // 금액일때 할인금액 적용
  1073. if (dcWay == "G240_10") {
  1074. cartCpnDcSumAmt = dcVal;
  1075. leftAmt = dcVal;
  1076. index = 1;
  1077. // 장바구니쿠폰 해당 장바구니상품들 할인가 적용
  1078. obj.find("input[name='cartCpnCartSq']").each(function(){
  1079. var cartCpnCartSq = $(this).val();
  1080. var cartCpnDcAmt = 0;
  1081. // 장바구니시퀀스 체크
  1082. $(".cartSq").each(function(){
  1083. if (cartCpnCartSq == $(this).text()) {
  1084. var orgCurrPrice = parseInt($(this).parent().find(".orgCurrPrice").text());
  1085. var tmtb1DcAmt = parseInt($(this).parent().find(".tmtb1DcAmt").text());
  1086. var tmtb2DcAmt = parseInt($(this).parent().find(".tmtb2DcAmt").text());
  1087. var goodsCpnDcAmt = parseInt($(this).parent().find(".goodsCpnDcAmt").text());
  1088. var tempAmt = orgCurrPrice - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
  1089. var tempDiv = parseInt((tempAmt / tempSumAmt) * 100);
  1090. var cartCpnDcAmt = 0;
  1091. if (index == cartSqLen) {
  1092. cartCpnDcAmt = leftAmt;
  1093. } else {
  1094. cartCpnDcAmt = parseInt((cartCpnDcSumAmt * tempDiv) / 100);
  1095. leftAmt = leftAmt - cartCpnDcAmt;
  1096. }
  1097. $(this).parent().find(".cartCpnSq").text(obj.prop("value"));
  1098. $(this).parent().find(".cartCpnDcAmt").text(cartCpnDcAmt);
  1099. index++;
  1100. }
  1101. });
  1102. });
  1103. }
  1104. obj.parent().parent().find("input[name='cpnDcAmt']").val(cartCpnDcSumAmt);
  1105. var dcAmtStr = "- " + cartCpnDcSumAmt.addComma() + " 원 할인적용";
  1106. obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
  1107. }
  1108. // 배송비쿠폰적용
  1109. else if (cpnType == "delvCpn") {
  1110. var delvFee = parseInt(obj.attr("delvfee"));
  1111. var delvCpnDcAmt = parseInt(obj.attr("data"));
  1112. var delvFeeCd = obj.attr("delvfeecd");
  1113. // 배송비가 배송비쿠폰할인금액보다 클경우 배송비 - 배송비쿠폰할인금액을 적용
  1114. if (delvFee > delvCpnDcAmt) {
  1115. cpnDcAmt = delvFee - delvCpnDcAmt;
  1116. } else {
  1117. cpnDcAmt = delvFee;
  1118. }
  1119. // 적용된 할인금액 text 설정
  1120. var dcAmtStr = "- " + cpnDcAmt.addComma() + " 원 할인적용";
  1121. obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
  1122. obj.parent().parent().find("input[name='cpnDcAmt']").val(cpnDcAmt);
  1123. obj.parent().parent().find("input[name='delvFeeCd']").val(obj.attr("delvfeecd"));
  1124. $(".delvCpnDcSumAmt").text(obj.attr("data"));
  1125. // 배송비쿠폰 테이블 적용
  1126. $(".delvFeeCd").each(function(){
  1127. if ($(this).text() == delvFeeCd) {
  1128. $(this).parent().find(".delvCpnSq").text(obj.prop("value"));
  1129. $(this).parent().find(".delvCpnDcAmt").text(obj.attr("data"));
  1130. }
  1131. });
  1132. }
  1133. // select box 쿠폰 적용 (공통적용)
  1134. obj.parent().parent().find("input[name='custCpnSq']").val(obj.prop("value"));
  1135. obj.parent().parent().find(".select").text(obj.text());
  1136. // 선택된 할인금액 노출
  1137. obj.parent().parent().parent().parent().parent().find(".cp_discount").css("display", "block");
  1138. // 포인트기능 리렛
  1139. pntDcAmtReset();
  1140. }
  1141. // 1.12 쿠폰중복체크 후 적용불가
  1142. var custCpnNotApply = function(obj) {
  1143. // 이전에 등록된 쿠폰시퀀스
  1144. var custCpnSq = obj.parent().parent().find("input[name='custCpnSq']").val();
  1145. // 이전에 등록된 쿠폰시퀀스 비교후 데이타 원복
  1146. obj.parent().find("li").each(function(){
  1147. if ($(this).prop("value") == custCpnSq) {
  1148. $(this).parent().parent().find(".select").text($(this).text());
  1149. if (custCpnSq == 0) {
  1150. $(this).parent().parent().parent().parent().parent().find(".cp_discount").css("display", "none");
  1151. } else {
  1152. $(this).parent().parent().parent().parent().parent().find(".cp_discount").css("display", "block");
  1153. }
  1154. }
  1155. });
  1156. // 포인트기능 리렛
  1157. pntDcAmtReset();
  1158. }
  1159. // 1.13 쿠폰 선택없음 기능 구현
  1160. var cpnApplyDel = function(obj) {
  1161. // 쿠폰타입(상품쿠폰, 장바구니쿠폰, 배송비쿠폰)
  1162. var cpnType = obj.parent().parent().find("input[name='cpnType']").val();
  1163. // 상품쿠폰적용
  1164. if (cpnType == "goodsCpn") {
  1165. // select box 쿠폰 적용
  1166. var cpnCartSq = obj.parent().parent().find("input[name='cpnCartSq']").val();
  1167. // 장바구니시퀀스 체크
  1168. $(".cartSq").each(function(){
  1169. if (cpnCartSq == $(this).text()) {
  1170. $(this).parent().find(".goodsCpnSq").text("0"); // 상품쿠폰시퀀스
  1171. $(this).parent().find(".goodsCpnDcAmt").text("0"); // 상품쿠폰할인금액
  1172. }
  1173. });
  1174. }
  1175. // 장바구니쿠폰적용
  1176. else if (cpnType == "cartCpn") {
  1177. // 장바구니쿠폰 시퀀스 0, 장바구니할인금액 0
  1178. $(".cartSq").each(function(){
  1179. $(this).parent().find(".cartCpnSq").text("0");
  1180. $(this).parent().find(".cartCpnDcAmt").text("0");
  1181. });
  1182. }
  1183. // 배송비쿠폰적용
  1184. else if (cpnType == "delvCpn") {
  1185. // 장바구니쿠폰 시퀀스 0, 장바구니할인금액 0
  1186. //$("input[name='custCpnSq']").each(function(){
  1187. //$(this).parent().find("input[name='delvFeeCd']").val("0");
  1188. //});
  1189. obj.parent().parent().find("input[name='delvFeeCd']").val("0");
  1190. $(".delvCpnSq").text("0");
  1191. }
  1192. obj.parent().parent().find("input[name='custCpnSq']").val("0");
  1193. obj.parent().parent().find("input[name='cpnDcAmt']").val("0");
  1194. obj.parent().parent().find(".select").text("선택없음");
  1195. obj.parent().parent().parent().parent().parent().find(".cp_discount").css("display", "none");
  1196. // 포인트기능 리렛
  1197. pntDcAmtReset();
  1198. // 최대할인혜택적용 체크해제
  1199. if ($("#chk-maxdisc").is(":checked")) {
  1200. $("#chk-maxdisc").attr("checked", false);
  1201. }
  1202. }
  1203. // 1.14 선포인트리셋기능 (사용안함)
  1204. var prePntDcAmtReset = function() {
  1205. var rmPrePntAmt = parseInt($("input[name='rmPrePntAmt']").val());
  1206. $("input[name='prePntDcAmt']").val(rmPrePntAmt);
  1207. // 선포인트사용여부 체크 후 적용
  1208. $("input[name='rdi-beforpoint']").each(function(){
  1209. // 선포인트 초기 설정 사용함
  1210. if ($(this).val() == "Y") {
  1211. $(this).attr("checked", true);
  1212. }
  1213. });
  1214. $("#prePntDcAmt").text("-"+rmPrePntAmt.addComma()+"원");
  1215. // 포인트기능 리렛
  1216. pntDcAmtReset();
  1217. }
  1218. // 1.15 포인트리셋기능
  1219. var pntDcAmtReset = function() {
  1220. $(".pntDcSumAmt").text("0");
  1221. $("input[name='pntDcAmtStr']").val("");
  1222. $("#pntDcAmt").text("0원");
  1223. // 상품권리셋기능
  1224. gfcdUseAmtReset();
  1225. }
  1226. // 1.16 상품권리셋기능
  1227. var gfcdUseAmtReset = function() {
  1228. $(".gfcdUseSumAmt").text("0");
  1229. $("input[name='gfcdUseAmtStr']").val("");
  1230. $("#gfcdUseAmt").text("0원");
  1231. // 금액전체계산
  1232. custCpnSumAmtCal();
  1233. }
  1234. // 1.17 쿠폰할인금액합계설정(금액전체계산)
  1235. var custCpnSumAmtCal = function() {
  1236. var cpnDcSumAmt = 0;
  1237. var cpnApplyCnt = 0;
  1238. $("input[name='cpnDcAmt']").each(function(){
  1239. cpnDcSumAmt = cpnDcSumAmt + parseInt($(this).val());
  1240. // 적용된 쿠폰 수량
  1241. if (parseInt($(this).val()) > 0) {
  1242. cpnApplyCnt++;
  1243. }
  1244. });
  1245. // 쿠폰영역
  1246. $(".maxdisc_amount").text("(-" + cpnDcSumAmt.addComma() + "원)"); // 쿠폰할인금액합계
  1247. $("#cpnApplyCnt").text(cpnApplyCnt + "장");
  1248. // 상품목록영역
  1249. $("#couponDcSumAmt").text("-" + cpnDcSumAmt.addComma() + "원"); // 쿠폰할인금액합계
  1250. $(".cpnDcSumAmt").text(cpnDcSumAmt);
  1251. // 배송비할인적용
  1252. $("input[name='cpnType']").each(function(){
  1253. if ($(this).val() == "delvCpn") {
  1254. var delvSumAmt = parseInt(orgSumDelvFee) - parseInt($(this).parent().find("input[name='cpnDcAmt']").val());
  1255. // 최종배송비
  1256. $("#delvSumAmt").text(delvSumAmt.addComma() + "원");
  1257. $(".delvSumAmt").text(delvSumAmt);
  1258. }
  1259. });
  1260. // 2021.03.06 주문상세 테이블 적용
  1261. // 포인트금액 상품상세에 포인트금액 분배 작업
  1262. var prePntDcAmtYn = $("input[name='rdi-beforpoint']:checked").val();
  1263. var leftPntAmt = parseInt($(".pntDcSumAmt").text());
  1264. var leftGfcdAmt = parseInt($(".gfcdUseSumAmt").text());
  1265. var cartSqLenght = $(".cartSq").length;
  1266. var index = 1;
  1267. var orgGoodsSumAmt = 0;
  1268. var cpn1DcSumAmt = 0;
  1269. var ordSumAmt = 0;
  1270. var tmtb1DcSumAmt = 0;
  1271. var tmtb2DcSumAmt = 0;
  1272. var tmtbDcSumAmt = 0;
  1273. var goodsCpnDcSumAmt = 0;
  1274. var cartCpnDcSumAmt = 0;
  1275. var delvCpnDcSumAmt = 0;
  1276. var cpnDcSumAmt = 0;
  1277. var prePntDcSumAmt = 0;
  1278. var pntDcSumAmt = parseInt($(".pntDcSumAmt").text());
  1279. var gfcdUseSumAmt = parseInt($(".gfcdUseSumAmt").text());
  1280. var realOrdSumAmt = 0;
  1281. var savePntSumAmt = 0;
  1282. $(".cartSq").each(function(){
  1283. var orgCurrPrice = parseInt($(this).parent().find(".orgCurrPrice").text());
  1284. var cpn1DcAmt = parseInt($(this).parent().find(".cpn1DcAmt").text());
  1285. var optAddPrice = parseInt($(this).parent().find(".optAddPrice").text());
  1286. var goodsQty = parseInt($(this).parent().find(".goodsQty").text());
  1287. var tmtb1DcAmt = parseInt($(this).parent().find(".tmtb1DcAmt").text());
  1288. var tmtb2DcAmt = parseInt($(this).parent().find(".tmtb2DcAmt").text());
  1289. var goodsCpnDcAmt = parseInt($(this).parent().find(".goodsCpnDcAmt").text());
  1290. var cartCpnDcAmt = parseInt($(this).parent().find(".cartCpnDcAmt").text());
  1291. var prePntDcAmt1 = parseInt($(this).parent().find(".prePntDcAmt1").text());
  1292. var dcSumAmt = 0;
  1293. var savePntAmt1 = parseInt($(this).parent().find(".savePntAmt1").text());
  1294. // 주문금액 = ((판매가 - 즉시할인가) + 옵션추가금액) * 장바구니수량
  1295. orgGoodsSumAmt = orgGoodsSumAmt + (orgCurrPrice + optAddPrice) * goodsQty;
  1296. cpn1DcSumAmt = cpn1DcSumAmt + cpn1DcAmt;
  1297. tmtb1DcSumAmt = tmtb1DcSumAmt + tmtb1DcAmt;
  1298. tmtb2DcSumAmt = tmtb2DcSumAmt + tmtb2DcAmt;
  1299. tmtbDcSumAmt = tmtbDcSumAmt + (tmtb1DcAmt + tmtb2DcAmt);
  1300. goodsCpnDcSumAmt = goodsCpnDcSumAmt + goodsCpnDcAmt;
  1301. cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
  1302. cpnDcSumAmt = cpnDcSumAmt + (goodsCpnDcAmt + cartCpnDcAmt);
  1303. prePntDcSumAmt = prePntDcSumAmt + prePntDcAmt1;
  1304. var ordAmt = ((orgCurrPrice + - cpn1DcAmt) + optAddPrice) * goodsQty;
  1305. ordSumAmt = ordSumAmt + ordAmt;
  1306. // 선포인트사용여부
  1307. // 할인금액합계 = 다다익선수량금액 + 다다익선금액금액 + 상품쿠폰금액 + 장바구니금액 + 선포인트금액
  1308. if (prePntDcAmtYn == "Y") {
  1309. dcSumAmt = tmtb1DcAmt + tmtb2DcAmt + goodsCpnDcAmt + cartCpnDcAmt + prePntDcAmt1;
  1310. } else {
  1311. dcSumAmt = tmtb1DcAmt + tmtb2DcAmt + goodsCpnDcAmt + cartCpnDcAmt;
  1312. }
  1313. // 주문금액설정
  1314. $(this).parent().find(".ordAmt").text(ordAmt);
  1315. $(this).parent().find(".dcSumAmt").text(dcSumAmt);
  1316. savePntSumAmt = savePntSumAmt + savePntAmt1;
  1317. });
  1318. // 포인트, 상품권 금액 분배
  1319. $(".cartSq").each(function(){
  1320. var ordAmt = parseInt($(this).parent().find(".ordAmt").text());
  1321. var dcSumAmt = parseInt($(this).parent().find(".dcSumAmt").text());
  1322. var tempDiv = parseInt((ordAmt / ordSumAmt) * 100);
  1323. var pntDcAmt1 = 0;
  1324. var gfcdUseAmt1 = 0;
  1325. if (index == cartSqLenght) {
  1326. pntDcAmt1 = leftPntAmt;
  1327. gfcdUseAmt1 = leftGfcdAmt;
  1328. } else {
  1329. pntDcAmt1 = parseInt((pntDcSumAmt * tempDiv) / 100);
  1330. gfcdUseAmt1 = parseInt((gfcdUseSumAmt * tempDiv) / 100);
  1331. leftPntAmt = leftPntAmt - pntDcAmt1;
  1332. leftGfcdAmt = leftGfcdAmt - gfcdUseAmt1;
  1333. }
  1334. var realOrdAmt1 = ordAmt - dcSumAmt - (pntDcAmt1 - gfcdUseAmt1);
  1335. realOrdSumAmt = realOrdSumAmt + realOrdAmt1;
  1336. $(this).parent().find(".pntDcAmt1").text(pntDcAmt1);
  1337. $(this).parent().find(".gfcdUseAmt1").text(gfcdUseAmt1);
  1338. $(this).parent().find(".realOrdAmt1").text(realOrdAmt1);
  1339. index++;
  1340. });
  1341. $(".orgGoodsSumAmt").text(orgGoodsSumAmt);
  1342. $(".cpn1DcSumAmt").text(cpn1DcSumAmt);
  1343. $(".ordSumAmt").text(ordSumAmt);
  1344. $(".tmtb1DcSumAmt").text(tmtb1DcSumAmt);
  1345. $(".tmtb2DcSumAmt").text(tmtb2DcSumAmt);
  1346. $(".tmtbDcSumAmt").text(tmtbDcSumAmt);
  1347. $(".goodsCpnDcSumAmt").text(goodsCpnDcSumAmt);
  1348. $(".cartCpnDcSumAmt").text(cartCpnDcSumAmt);
  1349. $(".cpnDcSumAmt").text(cpnDcSumAmt);
  1350. $(".prePntDcSumAmt").text(prePntDcSumAmt);
  1351. $(".realOrdSumAmt").text(realOrdSumAmt);
  1352. $(".savePntSumAmt").text(savePntSumAmt);
  1353. $("#realOrdAmt").text(realOrdSumAmt.addComma()); // 총 결제 예정 금액
  1354. var tempSavePnt = savePntSumAmt - prePntDcAmt;
  1355. // 사은품사용 후 보유포인트
  1356. var rmPntAmt = parseInt($("input[name='rmPntAmt']").val());
  1357. var freegiftUsePnt = parseInt($(".freegiftUsePnt").text());
  1358. rmPntAmt = rmPntAmt - freegiftUsePnt;
  1359. $(".rmPntAmt").text("보유 : " + rmPntAmt.addComma() + "P");
  1360. // 걸제영역
  1361. $("#btn_payment").text("동의 후 "+realOrdSumAmt.addComma()+"원 결제하기");
  1362. // 적립포인트
  1363. $("#savePntSumAmt").text(savePntSumAmt.addComma()+"P");
  1364. // 사은품정보 설정
  1365. var freegiftValArr = [];
  1366. var freegiftUsePointArr = [];
  1367. $(".gift_box").each(function(){
  1368. $(this).find(".freegiftRdo").each(function(){
  1369. // 사은품필수
  1370. if ($(this).attr("allYn") == "Y" ) {
  1371. freegiftValArr.push($(this).val());
  1372. freegiftUsePointArr.push($(this).attr("usepoint"));
  1373. }
  1374. // 라디오버튼 선택 사은품 체크
  1375. if ($(this).is(":checked")) {
  1376. // 수령거부가 아닐때 체크
  1377. if ($(this).val() != "noSel") {
  1378. freegiftValArr.push($(this).val());
  1379. freegiftUsePointArr.push($(this).attr("usepoint"));
  1380. }
  1381. }
  1382. });
  1383. });
  1384. $(".freegiftValArr").text(freegiftValArr); // 사은품시퀀스배열
  1385. $(".freegiftUsePointArr").text(freegiftUsePointArr); // 사은품사용포인트배열
  1386. };
  1387. </script>
  1388. <script th:inline="javascript">
  1389. // 화면준비상태
  1390. $(document).ready( function() {
  1391. // 배송지변경 팝업열기
  1392. $(document).on('click','#btn_adrsChange_pop',function(e){
  1393. $.ajax( {
  1394. type : "POST",
  1395. url : '/order/delvAddrChangePop',
  1396. dataType : 'html',
  1397. success : function(result) {
  1398. if (result != null) {
  1399. $("#adrsChangePop").html(result);
  1400. $("#adrsChangePop").modal("show");
  1401. }
  1402. }
  1403. });
  1404. return false;
  1405. });
  1406. // 배송지추가 팝업열기
  1407. $(document).on('click','#btn_addrAdd_pop',function(e){
  1408. $.ajax( {
  1409. type : "POST",
  1410. url : '/order/delvAddrAddPop',
  1411. dataType : 'html',
  1412. success : function(result) {
  1413. if (result != null) {
  1414. $("#adrsAddPop").html(result);
  1415. $("#adrsAddPop").modal("show");
  1416. }
  1417. }
  1418. });
  1419. return false;
  1420. });
  1421. // 배송지수정 팝업열기
  1422. $("#btn_addrModify_pop").on("click", function(e){
  1423. $.ajax( {
  1424. type : "POST",
  1425. url : '/order/delvAddrModifyPop',
  1426. dataType : 'html',
  1427. success : function(result) {
  1428. if (result != null) {
  1429. $("#adrsModifyPop").html(result);
  1430. $("#adrsModifyPop").modal("show");
  1431. }
  1432. }
  1433. });
  1434. return false;
  1435. });
  1436. // 배송요청사항 팝업열기
  1437. $("#btn_rqstModify_pop").on("click", function(e){
  1438. var jsonObj = new Object();
  1439. jsonObj.delvMemo = $("input[name='delvMemo']").val();
  1440. $.ajax({
  1441. type : "POST",
  1442. url : "/order/delvMemoChangePop",
  1443. data : jsonObj,
  1444. dataType : "html",
  1445. success : function(result) {
  1446. if (result != null) {
  1447. $("#rqstModifyPop").html(result);
  1448. $("#rqstModifyPop").modal("show");
  1449. }
  1450. }
  1451. });
  1452. return false;
  1453. });
  1454. // 해외배송 입력
  1455. $(document).on('change','.odPayment .area_overseas #rdi-overs1', function(e){
  1456. $('.info_box.overs2').hide();
  1457. $('.info_box.overs1').show();
  1458. return false;
  1459. }).on('change','.odPayment .area_overseas #rdi-overs2', function(e){
  1460. $('.info_box.overs1').hide();
  1461. $('.info_box.overs2').show();
  1462. return false;
  1463. });
  1464. // 사은품지급안내 팝업열기
  1465. $("#btn_infoGift_pop").on("click",function(e){
  1466. $.ajax({
  1467. type : "POST",
  1468. url : "/order/freegiftInfoPop",
  1469. dataType : "html",
  1470. success : function(result) {
  1471. if (result != null) {
  1472. $("#infoGiftPop").html(result);
  1473. $("#infoGiftPop").modal("show");
  1474. }
  1475. }
  1476. });
  1477. return false;
  1478. });
  1479. // 할인쿠폰 확인
  1480. $(document).on('click','.odPayment .area_seldiscount .btn_coupon_toggle',function(e){
  1481. $('.coupon_list').toggle();
  1482. $(this).toggleClass('on');
  1483. return false;
  1484. });
  1485. // 결제수단 선택
  1486. $(document).on('change','.odPayment .area_paymethod .paymethod_radio input',function(e){
  1487. $('.radio_blk').removeClass('on');
  1488. $(this).parents('.radio_blk').addClass('on');
  1489. $(this).parents('.radio_blk').find('.paymethod_box').show();
  1490. $(this).parents('.radio_blk').siblings('div').find('.paymethod_box').hide();
  1491. var paymethodlabel = $(this).prop('labels');
  1492. $(this).parents('li').find('.fold_head .data span').text($(paymethodlabel).text());
  1493. // 간편결제 카드추가 슬라이드
  1494. var swiper = new Swiper('.paymethod_box .card_quickpay .list_card', {
  1495. slidesPerView: 'auto',
  1496. spaceBetween: 160,
  1497. centeredSlides: true,
  1498. navigation: {
  1499. nextEl: '.list_card .swiper-button-next',
  1500. prevEl: '.list_card .swiper-button-prev',
  1501. },
  1502. });
  1503. return false;
  1504. });
  1505. // STYLE24 간편결제 배너닫기
  1506. $(document).on('click','.odPayment .area_paymethod .quickpay_bnr .btn_close_bnr',function(e){
  1507. $('.quickpay_bnr').hide();
  1508. });
  1509. // 결제수단 선택 > 즐겨찾기 추가시
  1510. $(document).on('click','.odPayment .area_paymethod .paymethod_box .card .etc .btn_favorcard',function(e){
  1511. $(this).toggleClass('active');
  1512. return false;
  1513. });
  1514. // 결제수단 > 일반결제> 실시간계좌이체 선택시
  1515. $(document).on('change','.odPayment input:radio[name=rdi-paynormal]',function(e){
  1516. var paynormalValue = $(this).attr('id');
  1517. if (paynormalValue == 'rdi-paynormal2') {
  1518. $('.area_paymethod .agree_insurance').show();
  1519. } else {
  1520. $('.area_paymethod .agree_insurance').hide();
  1521. }
  1522. return false;
  1523. });
  1524. // 개인정보동의 열고닫기
  1525. $(document).on('click','.area_paymentinfo .payinfo_blk a',function(e){
  1526. e.preventDefault();
  1527. $(this).parents('.payinfo_blk').toggleClass('on');
  1528. var privacyToggle = $(this).find('span');
  1529. $(privacyToggle).text($(privacyToggle).text() == '보기' ? '닫기' : '보기');
  1530. return false;
  1531. });
  1532. // 간편결제등록 > STEP1.이용약관 팝업열기
  1533. $(document).on('click','.btn_addcard',function(e){
  1534. $("#qPayAgree_pop").modal("show");
  1535. return false;
  1536. });
  1537. // 간편결제등록 > STEP1.이용약관 체크
  1538. $(document).on('click','.area_QpayCk .agr_select button',function(e){
  1539. $(this).parents('.area_QpayCk').find('.info_agrQpay').toggle();
  1540. var payagrToggle = $(this).find('span');
  1541. $(payagrToggle).text($(payagrToggle).text() == '약관열기' ? '약관닫기' : '약관열기');
  1542. return false;
  1543. });
  1544. // 간편결제등록 > STEP1.이용약관 체크박스 전체선택
  1545. $(document).on('click','#chk-Qpay-agrAll',function(e){
  1546. $(this).parents(".qPayAgree_pop").find('.agree_Qpay input').prop("checked", $(this).is(":checked"));
  1547. });
  1548. // 간편결제등록 > STEP1.이용약관 체크박스 개별선택
  1549. $(document).on("click", ".agree_Qpay input",function(e){
  1550. var is_checked = true;
  1551. $(".agree_Qpay input").each(function(){
  1552. is_checked = is_checked && $(this).is(":checked");
  1553. });
  1554. $("#chk-Qpay-agrAll").prop("checked", is_checked);
  1555. });
  1556. // 간편결제등록 > 본인인증 팝업열기
  1557. $(document).on('click','#btn_qPayidConfirm_pop',function(e){
  1558. $("#qPayidConfirm_pop").modal("show");
  1559. return false;
  1560. });
  1561. // 카카오페이 결제준비 처리
  1562. var fnKakaoPaymentReady = function() {
  1563. let nextRedirectUrl = $('#order_info input[name=nextRedirectPcUrl]').val();
  1564. let option = 'width=420, height=520';
  1565. window.open(nextRedirectUrl, 'kakaoPaymentPopup', option);
  1566. }
  1567. // 카카오페이 결제 승인 요청
  1568. var fnKakaoPaymentRequest = function(pgToken) {
  1569. // Token 값 설정
  1570. $('#order_info input[name=pgToken]').val(pgToken);
  1571. // Form Submit
  1572. document.order_info.submit();
  1573. return true;
  1574. }
  1575. // 네이버페이 결제준비 처리
  1576. var fnNaverPaymentReady = function() {
  1577. let naverPayUrl = 'https://' + [[${@environment.getProperty('naverPay.payUrl.web')}]];
  1578. let reserveId = $('#order_info input[name=reserveId]').val();
  1579. let url = naverPayUrl + '/payments/' + reserveId;
  1580. let option = 'width=750, height=' + $(window).height();
  1581. window.open(url, 'naverPaymentPopup', option);
  1582. }
  1583. // 네이버페이 결제 승인 요청
  1584. var fnNaverPaymentRequest = function(paymentId) {
  1585. // TID 설정
  1586. $('#order_info input[name=pgTid]').val(paymentId);
  1587. // Form Submit
  1588. document.order_info.submit();
  1589. return true;
  1590. }
  1591. });
  1592. </script>
  1593. </th:block>
  1594. </body>
  1595. </html>