CancelRequestFormBack02.html 32 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054
  1. <!DOCTYPE html>
  2. <html lang="ko" xmlns:th="http://www.thymeleaf.org">
  3. <!--
  4. *******************************************************************************
  5. * @source : CancelRequestForm.html
  6. * @desc : 취소요청 화면
  7. *============================================================================
  8. * STYLE24
  9. * Copyright(C) 2019 TSIT, All rights reserved.
  10. *============================================================================
  11. * VER DATE AUTHOR DESCRIPTION
  12. * === =========== ========== =============================================
  13. * 1.0 2020.12.12 jsh77b 최초 작성
  14. *******************************************************************************
  15. -->
  16. <div class="modalPopup" data-width="1400" data-height="600">
  17. <div class="panelStyle">
  18. <div class="panelTitle">
  19. <h2>취소요청</h2>
  20. <button type="button" class="close" onclick="uifnPopupClose('popupCancelRequestForm');"><i class="fa fa-times"></i></button>
  21. </div>
  22. <div class="panelContent" style="height:90%; overflow-y:auto; padding:0px 20px !important; ">
  23. <form id="cancelRequestFrm" name="cancelRequestFrm" action="/orderChange/cancel" method="post" target="hdFrameForOrderCancel">
  24. <input type="hidden" name="ordNo" th:value="${ordNo}"/>
  25. <input type="hidden" name="chgReason" value=""/>
  26. <input type="hidden" name="chgReasonDesc" value=""/>
  27. <h4>주문정보</h4>
  28. <div id="gridOrderCancelRequestList" style="width:100%; height: 200px;" class="ag-theme-balham"></div>
  29. <h4>취소정보</h4>
  30. <div id="gridOrderCancelRequestToBeList" style="width:100%; height: 200px;" class="ag-theme-balham"></div>
  31. <h4>배송비정보</h4>
  32. <div id="gridDelvCdList" style="width:100%; height: 140px;" class="ag-theme-balham"></div>
  33. <div style="text-align:right; padding-bottom:5px; padding-top:5px;">
  34. <button type="button" class="btn btn-success" onclick="fnCnclReq('req');">취소신청</button>
  35. <button type="button" class="btn btn-success" onclick="fnCnclReq('complete');">취소완료</button>
  36. </div>
  37. <table class="frmStyle">
  38. <colgroup>
  39. <col style="width:160px;" />
  40. <col style="width:320px;" />
  41. <col style="width:160px;" />
  42. <col />
  43. </colgroup>
  44. <tbody>
  45. <tr>
  46. <th>취소사유 <i class="star"></i></th>
  47. <td>
  48. <select name="selectChgReason" onchange="fnChangeChgReason($(this).val());">
  49. <option value="">[선택하세요]</option>
  50. <option th:if="${chgReasonList}" th:each="oneData, status : ${chgReasonList}" th:value="|${oneData.cd}:${oneData.cdNm}|" th:text="|[${oneData.cd}] ${oneData.cdNm}|"></option>
  51. </select>
  52. </td>
  53. <th>귀책사유</th>
  54. <td><span id="imputeReason"></span></td>
  55. </tr>
  56. <tr>
  57. <th>요청메모</th>
  58. <td colspan="3">
  59. <textarea id="chgMemo" name="chgMemo" style="height:80px;" placeholder="취소사유를 300자내외로 작성해 주세요"></textarea>
  60. </td>
  61. </tr>
  62. </tbody>
  63. </table>
  64. <h4>환불예정금액</h4>
  65. <table class="frmStyle">
  66. <colgroup>
  67. <col style="width:20%;"/>
  68. <col style="width:30%;"/>
  69. <col style="width:20%;"/>
  70. <col style="width:30%;"/>
  71. </colgroup>
  72. <tbody>
  73. <tr>
  74. <th>총 결제 금액</th>
  75. <td colspan="3"><span id="spanPayAmt"></span>원 (상품 실결제 금액 : <span id="spanSumRealOrdAmt"></span>원, 배송금액 : <span id="spanSumDeliveryFee"></span>원) </td>
  76. </tr>
  77. <tr>
  78. <th>주문 상품 금액</th>
  79. <td><span id="spanOrdAmt"></span>원</td>
  80. <th>취소 상품 금액</th>
  81. <td><span id="spanCnclRtnAmt"></span>원</td>
  82. </tr>
  83. <tr>
  84. <th>취소 사용 포인트</th>
  85. <td colspan="3"><span id="spanTotPntDcAmt"></span>원 (고객 포인트 : <span id="spanPntDcAmt"></span>원 + 상품 선포인트 : <span id="spanPrePntDcAmt"></span>원) </td>
  86. </tr>
  87. <tr>
  88. <th>취소 사용 쿠폰금액</th>
  89. <td colspan="3"><span id="spanCpnDcAmt"></span>원 (즉시할인쿠폰 : <span id="spanCpn1DcAmt"></span>원 + 상품쿠폰 : <span id="spanGoodsCpnDcAmt"></span>원 + 장바구니쿠폰 : <span id="spanCartCpnDcAmt"></span>원)</td>
  90. </tr>
  91. <tr>
  92. <th>취소 다다익선 금액</th>
  93. <td colspan="3"><span id="spanTmtbDcAmt"></span>원 (수량할인 : <span id="spanTmtb1DcAmt"></span>원 + 금액할인 : <span id="spanTmtb2DcAmt"></span>원)</td>
  94. </tr>
  95. <tr>
  96. <th>취소 고객 상품권 금액</th>
  97. <td colspan="3"><span id="spanGfcdUseAmt"></span>원</td>
  98. </tr>
  99. <tr>
  100. <th>취소 상품 실결제 금액</th>
  101. <td><span id="spanRealCnclRtnAmt"></span>원</td>
  102. <th>추가 배송 금액</th>
  103. <td><span id="spanTotDeliveryFee"></span>원 </td>
  104. </tr>
  105. <tr>
  106. <th>환불 금액 합계</th>
  107. <td colspan="3"><span id="spanRefundAmt"></span>원</td>
  108. </tr>
  109. </tbody>
  110. </table>
  111. <div id="wrapRefundAccount" style="width:50%;">
  112. <h4>환불계좌정보</h4>
  113. <button type="button" id="btnSaveAccount" class="btn btnRight btn-base btn-sm" style="margin-left:10px;" onclick="fnCreateOrderRfAccount();">등록</button>
  114. <div id="gridRefundAccountInfo" style="height: 150px;" class="ag-theme-balham"></div>
  115. </div>
  116. </form>
  117. </div>
  118. </div>
  119. </div>
  120. <!-- data -->
  121. <script th:inline="javascript">
  122. /*<![CDATA[*/
  123. var cancelRequestTargetList = [[${cancelRequestTargetList}]]; // 취소대상목록
  124. var ordNo = [[${ordNo}]]; // 주문번호
  125. var orderInfoList = [[${orderInfoList}]]; // 주문기본정보
  126. var payMeans = orderInfoList[0].payMeans; // 결제수단
  127. var temp1 = true;
  128. var temp2 = false;
  129. // 1. 주문정보(반품대상)
  130. var columnCancelReqList = [
  131. {
  132. headerName : "주문상세정보",
  133. children : [
  134. {headerName: "주문번호" , field: "ordNo" , width: 80 , cellClass: 'text-center', hide: temp1},
  135. {headerName: "주문상세" , field: "ordDtlNo" , width: 80 , cellClass: 'text-center'},
  136. {headerName: "주문상세" , field: "ordDtlStat" , width: 80 , cellClass: 'text-center', hide: temp1},
  137. {headerName: "주문상세상태" , field: "ordDtlStatNm" , width: 100 , cellClass: 'text-center', hide: temp1},
  138. {headerName: "상품코드" , field: "goodsCd" , width: 100 , cellClass: 'text-center', hide: temp1},
  139. {headerName: "상품명" , field: "goodsNm" , width: 200 , cellClass: 'text-center', hide: temp1},
  140. {headerName: "상품타입" , field: "goodsTypeNm" , width: 100 , cellClass: 'text-center', hide: temp2}
  141. ]
  142. },
  143. {
  144. headerName : "주문상세단품정보",
  145. children : [
  146. {headerName: "단품번호" , field: "ordDtlItemSq" , width: 100 , cellClass: 'text-center', hide: temp2},
  147. {headerName: "단품코드" , field: "itemCd" , width: 100 , cellClass: 'text-center', hide: temp2},
  148. {headerName: "단품명" , field: "itemNm" , width: 200 , cellClass: 'text-center', hide: temp2},
  149. {headerName: "옵션1" , field: "optCd1" , width: 80 , cellClass: 'text-center', hide: temp1},
  150. {headerName: "옵션2" , field: "optCd2" , width: 80 , cellClass: 'text-center', hide: temp2},
  151. {
  152. headerName : "단품수량"
  153. , field : "itemQty"
  154. , width : 80
  155. , cellClass : 'text-center'
  156. , cellRenderer : function (params) {
  157. return params.value.addComma();
  158. }
  159. },
  160. {
  161. headerName : "단품금액"
  162. , field : "itemPrice"
  163. , width : 80
  164. , cellClass : 'text-right'
  165. , cellRenderer : function (params) {
  166. return params.value.addComma();
  167. }
  168. },
  169. {
  170. headerName : "단품옵션금액"
  171. , field : "optAddPrice"
  172. , width : 80
  173. , cellClass : 'text-right'
  174. , cellRenderer : function (params) {
  175. return params.value.addComma();
  176. }
  177. }
  178. ]
  179. },
  180. {
  181. headerName : "주문상세수량",
  182. children : [
  183. {
  184. headerName : "주문"
  185. , field : "ordQty"
  186. , width : 80
  187. , cellClass : 'text-center'
  188. , cellRenderer : function (params) {
  189. return params.value.addComma();
  190. }
  191. },
  192. {
  193. headerName : "취소/요청"
  194. , field : "cnclRtnQty"
  195. , width : 80
  196. , cellClass : 'text-center'
  197. , cellRenderer : function (params) {
  198. var cnclRtnReqQty = parseInt(params.data.cnclRtnQty) + parseInt(params.data.ordReqChgQty);
  199. return cnclRtnReqQty;
  200. }
  201. },
  202. {
  203. headerName : "취소/반품"
  204. , field : "ordCanChgQty"
  205. , width : 100
  206. , cellClass : 'text-center'
  207. , cellRenderer : function (params) {
  208. var ordQty = parseInt(params.data.ordQty);
  209. var cnclRtnQty = parseInt(params.data.cnclRtnQty);
  210. var ordReqChgQty = parseInt(params.data.ordReqChgQty);
  211. var ordCanChgQty = ordQty - (cnclRtnQty + ordReqChgQty);
  212. var strVal = "";
  213. strVal += "<select class='ordCanChgQty' name='ordCanChgQty' ordDtlNo='"+params.data.ordDtlNo+"' onChange='fnCalculateRefundAmt(this);'>";
  214. for (i=0 ; i<=ordCanChgQty ; i++) {
  215. if (i == params.data.ordCanChgQty) {
  216. strVal += " <option value='"+i+"' selected>"+i+"</option>";
  217. } else {
  218. strVal += " <option value='"+i+"'>"+i+"</option>";
  219. }
  220. }
  221. strVal += "</select>";
  222. return strVal;
  223. }
  224. }
  225. ]
  226. },
  227. {
  228. headerName : "주문단품금액",
  229. children : [
  230. {
  231. headerName : "주문"
  232. , field : "ordAmt"
  233. , width : 80
  234. , cellClass : 'text-right'
  235. , cellRenderer : function (params) {
  236. return params.value.addComma();
  237. }
  238. },
  239. {
  240. headerName : "취소"
  241. , field : "cnclRtnAmt"
  242. , width : 80
  243. , cellClass : 'text-right'
  244. , cellRenderer : function (params) {
  245. return params.value.addComma();
  246. }
  247. },
  248. {
  249. headerName : "즉시할인"
  250. , field : "cpn1DcAmt"
  251. , width : 80
  252. , cellClass : 'text-right'
  253. , cellRenderer : function (params) {
  254. return params.value.addComma();
  255. }
  256. },
  257. {
  258. headerName : "다다익선1"
  259. , field : "tmtb1DcAmt"
  260. , width : 80
  261. , cellClass : 'text-right'
  262. , cellRenderer : function (params) {
  263. return params.value.addComma();
  264. }
  265. },
  266. {
  267. headerName : "다다익선2"
  268. , field : "tmtb2DcAmt"
  269. , width : 80
  270. , cellClass : 'text-right'
  271. , cellRenderer : function (params) {
  272. return params.value.addComma();
  273. }
  274. },
  275. {
  276. headerName : "상품쿠폰"
  277. , field : "goodsCpnDcAmt"
  278. , width : 80
  279. , cellClass : 'text-right'
  280. , cellRenderer : function (params) {
  281. return params.value.addComma();
  282. }
  283. },
  284. {
  285. headerName : "장바구니쿠폰"
  286. , field : "cartCpnDcAmt"
  287. , width : 80
  288. , cellClass : 'text-right'
  289. , cellRenderer : function (params) {
  290. return params.value.addComma();
  291. }
  292. },
  293. {
  294. headerName : "포인트"
  295. , field : "pntDcAmt"
  296. , width : 80
  297. , cellClass : 'text-right'
  298. , cellRenderer : function (params) {
  299. return params.value.addComma();
  300. }
  301. },
  302. {
  303. headerName : "선포인트"
  304. , field : "prePntDcAmt"
  305. , width : 80
  306. , cellClass : 'text-right'
  307. , cellRenderer : function (params) {
  308. return params.value.addComma();
  309. }
  310. },
  311. {
  312. headerName : "상품권"
  313. , field : "gfcdUseAmt"
  314. , width : 80
  315. , cellClass : 'text-right'
  316. , cellRenderer : function (params) {
  317. return params.value.addComma();
  318. }
  319. },
  320. {
  321. headerName : "실결제금액"
  322. , field : "realOrdAmt"
  323. , width : 80
  324. , cellClass : 'text-right'
  325. , cellRenderer : function (params) {
  326. return params.value.addComma();
  327. }
  328. }
  329. ]
  330. },
  331. {
  332. headerName : "주문배송비정보",
  333. children : [
  334. {
  335. headerName : "배송비"
  336. , field : "delvFee"
  337. , width : 80
  338. , cellClass : 'text-right'
  339. , cellRenderer : function (params) {
  340. return params.value.addComma();
  341. }
  342. , hide : temp2
  343. },
  344. {headerName: "업체" , field: "supplyCompCd" , width: 100 , cellClass: 'text-center', hide: temp2},
  345. {headerName: "배송비코드" , field: "delvFeeCd" , width: 100 , cellClass: 'text-center', hide: temp2},
  346. {
  347. headerName : "무료배송비"
  348. , field : "minOrdAmt"
  349. , width : 80
  350. , cellClass : 'text-right'
  351. , cellRenderer : function (params) {
  352. return params.value.addComma();
  353. }
  354. , hide : temp2
  355. },
  356. {
  357. headerName : "기본배송비"
  358. , field : "orgDelvFee"
  359. , width : 80
  360. , cellClass : 'text-right'
  361. , cellRenderer : function (params) {
  362. return params.value.addComma();
  363. }
  364. , hide : temp2
  365. },
  366. {
  367. headerName : "반품배송비"
  368. , field : "rtnDelvFee"
  369. , width : 80
  370. , cellClass : 'text-right'
  371. , cellRenderer : function (params) {
  372. return params.value.addComma();
  373. }
  374. , hide : temp2
  375. },
  376. {
  377. headerName : "교환배송비"
  378. , field : "excDelvFee"
  379. , width : 80
  380. , cellClass : 'text-right'
  381. , cellRenderer : function (params) {
  382. return params.value.addComma();
  383. }
  384. , hide : temp2
  385. },
  386. {headerName: "전체취소가능" , field: "allCanYn" , width: 100 , cellClass: 'text-center', hide: temp2},
  387. ]
  388. }
  389. ];
  390. var gridOptionsCancelReqList = gagaAgGrid.getGridOptions(columnCancelReqList);
  391. // Add on options
  392. gridOptionsCancelReqList.suppressRowClickSelection = true;
  393. gridOptionsCancelReqList.rowSelection = 'multiple';
  394. // 2. 취소정보(환불정보)
  395. var columnCancelReqToBeList = [
  396. {
  397. headerName : "주문상세정보",
  398. children : [
  399. {headerName: "주문번호" , field: "ordNo" , width: 80 , cellClass: 'text-center', hide: temp1},
  400. {headerName: "주문상세" , field: "ordDtlNo" , width: 80 , cellClass: 'text-center'},
  401. {headerName: "주문상세" , field: "ordDtlStat" , width: 80 , cellClass: 'text-center', hide: temp1},
  402. {headerName: "주문상세상태" , field: "ordDtlStatNm" , width: 100 , cellClass: 'text-center', hide: temp1},
  403. {headerName: "상품코드" , field: "goodsCd" , width: 100 , cellClass: 'text-center', hide: temp1},
  404. {headerName: "상품명" , field: "goodsNm" , width: 200 , cellClass: 'text-center', hide: temp1},
  405. {headerName: "상품타입" , field: "goodsTypeNm" , width: 100 , cellClass: 'text-center', hide: temp2}
  406. ]
  407. },
  408. {
  409. headerName : "주문상세단품정보",
  410. children : [
  411. {headerName: "단품번호" , field: "ordDtlItemSq" , width: 100 , cellClass: 'text-center', hide: temp2},
  412. {headerName: "단품코드" , field: "itemCd" , width: 100 , cellClass: 'text-center', hide: temp2},
  413. {headerName: "단품명" , field: "itemNm" , width: 200 , cellClass: 'text-center', hide: temp2},
  414. {headerName: "칼라코드" , field: "optCd1" , width: 80 , cellClass: 'text-center', hide: temp1},
  415. {headerName: "사이즈코드" , field: "optCd2" , width: 80 , cellClass: 'text-center', hide: temp2},
  416. {
  417. headerName : "단품수량"
  418. , field : "itemQty"
  419. , width : 80
  420. , cellClass : 'text-center'
  421. , cellRenderer : function (params) {
  422. return params.value.addComma();
  423. }
  424. },
  425. {
  426. headerName : "단품금액"
  427. , field : "itemPrice"
  428. , width : 80
  429. , cellClass : 'text-right'
  430. , cellRenderer : function (params) {
  431. return params.value.addComma();
  432. }
  433. },
  434. {
  435. headerName : "단품옵션금액"
  436. , field : "optAddPrice"
  437. , width : 80
  438. , cellClass : 'text-right'
  439. , cellRenderer : function (params) {
  440. return params.value.addComma();
  441. }
  442. }
  443. ]
  444. },
  445. {
  446. headerName : "주문상세수량",
  447. children : [
  448. {
  449. headerName : "주문"
  450. , field : "ordQty"
  451. , width : 80
  452. , cellClass : 'text-center'
  453. , cellRenderer : function (params) {
  454. return params.value.addComma();
  455. }
  456. },
  457. {
  458. headerName : "취소/요청"
  459. , field : "cnclRtnQty"
  460. , width : 80
  461. , cellClass : 'text-center'
  462. , cellRenderer : function (params) {
  463. var cnclRtnReqQty = parseInt(params.data.cnclRtnQty) + parseInt(params.data.ordReqChgQty);
  464. return cnclRtnReqQty;
  465. }
  466. },
  467. {
  468. headerName : "취소/반품"
  469. , field : "ordCanChgQty"
  470. , width : 100
  471. , cellClass : 'text-center'
  472. , cellRenderer : function (params) {
  473. return params.value.addComma();
  474. }
  475. }
  476. ]
  477. },
  478. {
  479. headerName : "주문단품금액",
  480. children : [
  481. {
  482. headerName : "주문"
  483. , field : "ordAmt"
  484. , width : 80
  485. , cellClass : 'text-right'
  486. , cellRenderer : function (params) {
  487. return params.value.addComma();
  488. }
  489. },
  490. {
  491. headerName : "취소"
  492. , field : "cnclRtnAmt"
  493. , width : 80
  494. , cellClass : 'text-right'
  495. , cellRenderer : function (params) {
  496. return params.value.addComma();
  497. }
  498. },
  499. {
  500. headerName : "즉시할인"
  501. , field : "cpn1DcAmt"
  502. , width : 80
  503. , cellClass : 'text-right'
  504. , cellRenderer : function (params) {
  505. return params.value.addComma();
  506. }
  507. },
  508. {
  509. headerName : "다다익선1"
  510. , field : "tmtb1DcAmt"
  511. , width : 80
  512. , cellClass : 'text-right'
  513. , cellRenderer : function (params) {
  514. return params.value.addComma();
  515. }
  516. },
  517. {
  518. headerName : "다다익선2"
  519. , field : "tmtb2DcAmt"
  520. , width : 80
  521. , cellClass : 'text-right'
  522. , cellRenderer : function (params) {
  523. return params.value.addComma();
  524. }
  525. },
  526. {
  527. headerName : "상품쿠폰"
  528. , field : "goodsCpnDcAmt"
  529. , width : 80
  530. , cellClass : 'text-right'
  531. , cellRenderer : function (params) {
  532. return params.value.addComma();
  533. }
  534. },
  535. {
  536. headerName : "장바구니쿠폰"
  537. , field : "cartCpnDcAmt"
  538. , width : 80
  539. , cellClass : 'text-right'
  540. , cellRenderer : function (params) {
  541. return params.value.addComma();
  542. }
  543. },
  544. {
  545. headerName : "포인트"
  546. , field : "pntDcAmt"
  547. , width : 80
  548. , cellClass : 'text-right'
  549. , cellRenderer : function (params) {
  550. return params.value.addComma();
  551. }
  552. },
  553. {
  554. headerName : "선포인트"
  555. , field : "prePntDcAmt"
  556. , width : 80
  557. , cellClass : 'text-right'
  558. , cellRenderer : function (params) {
  559. return params.value.addComma();
  560. }
  561. },
  562. {
  563. headerName : "상품권"
  564. , field : "gfcdUseAmt"
  565. , width : 80
  566. , cellClass : 'text-right'
  567. , cellRenderer : function (params) {
  568. return params.value.addComma();
  569. }
  570. },
  571. {
  572. headerName : "환불금액"
  573. , field : "realOrdAmt"
  574. , width : 80
  575. , cellClass : 'text-right'
  576. , cellRenderer : function (params) {
  577. return params.value.addComma();
  578. }
  579. }
  580. ]
  581. },
  582. {
  583. headerName : "주문배송비정보",
  584. children : [
  585. {
  586. headerName : "배송비"
  587. , field : "delvFee"
  588. , width : 80
  589. , cellClass : 'text-right'
  590. , cellRenderer : function (params) {
  591. return params.value.addComma();
  592. }
  593. , hide : temp2
  594. },
  595. {headerName: "업체" , field: "supplyCompCd" , width: 100 , cellClass: 'text-center', hide: temp2},
  596. {headerName: "배송비코드" , field: "delvFeeCd" , width: 100 , cellClass: 'text-center', hide: temp2},
  597. {
  598. headerName : "무료배송비"
  599. , field : "minOrdAmt"
  600. , width : 80
  601. , cellClass : 'text-right'
  602. , cellRenderer : function (params) {
  603. return params.value.addComma();
  604. }
  605. , hide : temp2
  606. },
  607. {
  608. headerName : "기본배송비"
  609. , field : "orgDelvFee"
  610. , width : 80
  611. , cellClass : 'text-right'
  612. , cellRenderer : function (params) {
  613. return params.value.addComma();
  614. }
  615. , hide : temp2
  616. },
  617. {
  618. headerName : "반품배송비"
  619. , field : "rtnDelvFee"
  620. , width : 80
  621. , cellClass : 'text-right'
  622. , cellRenderer : function (params) {
  623. return params.value.addComma();
  624. }
  625. , hide : temp2
  626. },
  627. {
  628. headerName : "교환배송비"
  629. , field : "excDelvFee"
  630. , width : 80
  631. , cellClass : 'text-right'
  632. , cellRenderer : function (params) {
  633. return params.value.addComma();
  634. }
  635. , hide : temp2
  636. },
  637. {headerName: "전체취소가능" , field: "allCanYn" , width: 100 , cellClass: 'text-center', hide: temp2},
  638. ]
  639. }
  640. ];
  641. var gridOptionsCancelReqToBeList = gagaAgGrid.getGridOptions(columnCancelReqToBeList);
  642. // 3. 배송비정보(환불정보)
  643. var columnDelvCdList = [
  644. {
  645. headerName : "배송코드기준금액",
  646. children : [
  647. {headerName: "업체" , field: "supplyCompCd" , width: 100 , cellClass: 'text-center', hide: temp2},
  648. {headerName: "배송비코드" , field: "delvFeeCd" , width: 100 , cellClass: 'text-center', hide: temp2},
  649. {
  650. headerName : "주문"
  651. , field : "ordAmt"
  652. , width : 100
  653. , cellClass : 'text-right'
  654. , cellRenderer : function (params) {
  655. return params.value.addComma();
  656. }
  657. },
  658. {
  659. headerName : "취소"
  660. , field : "cnclRtnAmt"
  661. , width : 100
  662. , cellClass : 'text-right'
  663. , cellRenderer : function (params) {
  664. return params.value.addComma();
  665. }
  666. },
  667. {
  668. headerName : "환불"
  669. , field : "realOrdAmt"
  670. , width : 100
  671. , cellClass : 'text-right'
  672. , cellRenderer : function (params) {
  673. return params.value.addComma();
  674. }
  675. }
  676. ]
  677. },
  678. {
  679. headerName : "배송비정보",
  680. children : [
  681. {
  682. headerName : "배송비"
  683. , field : "delvFee"
  684. , width : 100
  685. , cellClass : 'text-right'
  686. , cellRenderer : function (params) {
  687. return params.value.addComma();
  688. }
  689. , hide : temp2
  690. },
  691. {
  692. headerName : "무료배송비"
  693. , field : "minOrdAmt"
  694. , width : 100
  695. , cellClass : 'text-right'
  696. , cellRenderer : function (params) {
  697. return params.value.addComma();
  698. }
  699. , hide : temp2
  700. },
  701. {
  702. headerName : "기본배송비"
  703. , field : "orgDelvFee"
  704. , width : 100
  705. , cellClass : 'text-right'
  706. , cellRenderer : function (params) {
  707. return params.value.addComma();
  708. }
  709. , hide : temp2
  710. },
  711. {
  712. headerName : "반품배송비"
  713. , field : "rtnDelvFee"
  714. , width : 80
  715. , cellClass : 'text-right'
  716. , cellRenderer : function (params) {
  717. return params.value.addComma();
  718. }
  719. , hide : temp2
  720. },
  721. {
  722. headerName : "교환배송비"
  723. , field : "excDelvFee"
  724. , width : 80
  725. , cellClass : 'text-right'
  726. , cellRenderer : function (params) {
  727. return params.value.addComma();
  728. }
  729. , hide : temp2
  730. },
  731. {headerName: "추가배송비여부" , field: "addDelvFeeYn" , width: 140 , cellClass: 'text-center', hide: temp2},
  732. {
  733. headerName : "추가배송비"
  734. , field : "addDelvFee"
  735. , width : 100
  736. , cellClass : 'text-right'
  737. , cellRenderer : function (params) {
  738. return params.value.addComma();
  739. }
  740. , hide : temp2
  741. },
  742. {headerName: "전체취소가능" , field: "allCanYn" , width: 100 , cellClass: 'text-center', hide: temp2},
  743. ]
  744. }
  745. ];
  746. var gridOptionsDelvCdList = gagaAgGrid.getGridOptions(columnDelvCdList);
  747. // 4. 무통장 계좌정보
  748. var columnDefsRefundAccountInfo = [
  749. {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: false, checkboxSelection: true, filter: false},
  750. {headerName: "은행명" , field: "bankNm" , width: 140 , cellClass: 'text-center'},
  751. {headerName: "은행코드" , field: "bankCd" , width: 120 , cellClass: 'text-center', hidden:true},
  752. {headerName: "계좌번호" , field: "accountNo" , width: 150 , cellClass: 'text-center'},
  753. {headerName: "예금주" , field: "accountNm" , width: 120 , cellClass: 'text-center'},
  754. {headerName: "기본" , field: "defaultYn" , width: 100 , cellClass: 'text-center'}
  755. ];
  756. var gridOptionsRefundAccountInfo = gagaAgGrid.getGridOptions(columnDefsRefundAccountInfo);
  757. </script>
  758. <script>
  759. // 현재 사유는 고객 입니다.
  760. var isCustomer = true;
  761. // 취소정보계산
  762. var fnCalculateRefundAmt = function (obj) {
  763. // 취소정보담은목록
  764. var cancelRequestTargetToBeList = [];
  765. if (obj != null) {
  766. for (i=0 ; i<cancelRequestTargetList.length ; i++) {
  767. var orDtlNo = $(obj).attr("ordDtlNo");
  768. var ordCanChgQty = $(obj).val();
  769. if (cancelRequestTargetList[i].ordDtlNo == orDtlNo) {
  770. cancelRequestTargetList[i].ordCanChgQty = ordCanChgQty;
  771. }
  772. }
  773. // 주문정보 다시 셋팅 (체크해봐야할문제)
  774. gridOptionsCancelReqList.api.setRowData(cancelRequestTargetList);
  775. }
  776. if (cancelRequestTargetList.length == 0) {
  777. alert("요청 대상정보가 존재 하지 않습니다.");
  778. uifnPopupClose('popupCancelRequestForm');
  779. return false;
  780. }
  781. // 환불금액계산호출
  782. var jsonData = JSON.stringify(cancelRequestTargetList);
  783. gagajf.ajaxJsonSubmit(
  784. '/orderChange/cancel/refundAmt'
  785. , jsonData
  786. , function(result) {
  787. gridOptionsCancelReqToBeList.api.setRowData(result.cancelOrderRefundList);
  788. gridOptionsDelvCdList.api.setRowData(result.cancelDelvRefundList);
  789. $("#spanPayAmt").text(result.spanPayAmt.addComma()); //총 결제 금액
  790. $("#spanSumRealOrdAmt").text(result.spanSumRealOrdAmt.addComma()); //상품 실결제 금액
  791. $("#spanSumDeliveryFee").text(result.spanSumDeliveryFee.addComma()); //배송금액
  792. $("#spanOrdAmt").text(result.spanOrdAmt.addComma()); //주문 상품 금액
  793. $("#spanCnclRtnAmt").text(result.spanCnclRtnAmt.addComma()); //취소 상품 금액
  794. $("#spanTotPntDcAmt").text(result.spanTotPntDcAmt.addComma()); //취소 사용 포인트
  795. $("#spanPntDcAmt").text(result.spanPntDcAmt.addComma()); //고객 포인트
  796. $("#spanPrePntDcAmt").text(result.spanPrePntDcAmt.addComma()); //상품 선포인트
  797. $("#spanCpnDcAmt").text(result.spanCpnDcAmt.addComma()); //취소 사용 쿠폰금액
  798. $("#spanCpn1DcAmt").text(result.spanCpn1DcAmt.addComma()); //즉시할인쿠폰
  799. $("#spanGoodsCpnDcAmt").text(result.spanGoodsCpnDcAmt.addComma()); //상품쿠폰
  800. $("#spanCartCpnDcAmt").text(result.spanCartCpnDcAmt.addComma()); //장바구니쿠폰
  801. $("#spanTmtbDcAmt").text(result.spanTmtbDcAmt.addComma()); //취소 다다익선 금액
  802. $("#spanTmtb1DcAmt").text(result.spanTmtb1DcAmt.addComma()); //수량할인
  803. $("#spanTmtb2DcAmt").text(result.spanTmtb2DcAmt.addComma()); //금액할인
  804. $("#spanGfcdUseAmt").text(result.spanGfcdUseAmt.addComma()); //취소 고객 상품권 금액
  805. $("#spanRealCnclRtnAmt").text(result.spanRealCnclRtnAmt.addComma()); //취소 상품 실결제 금액
  806. $("#spanTotDeliveryFee").text(result.spanTotDeliveryFee.addComma()); //취소 환불 배송 금액
  807. $("#spanTotRtnDelvFee").text(result.spanTotRtnDelvFee.addComma()); //반품 환불 배송 금액
  808. $("#spanTotExcDelvFee").text(result.spanTotExcDelvFee.addComma()); //교환 환불 배송 금액
  809. if (result.spanRealCnclRtnAmt > 0) {
  810. // 고객사유 : 환불금액계산 = (취소금액 + 배송비) - 추가배송비
  811. if (isCustomer) {
  812. result.spanRefundAmt = (result.spanRealCnclRtnAmt + result.sumDeliveryFee) - result.spanTotDeliveryFee;
  813. }
  814. // 회사사유 : 환불금액계산 = (취소금액 + 배송비)
  815. else {
  816. result.spanRefundAmt = (result.spanRealCnclRtnAmt + result.sumDeliveryFee);
  817. }
  818. }
  819. $("#spanRefundAmt").text(result.spanRefundAmt.addComma()); //환불 금액 합계
  820. }
  821. );
  822. }
  823. // 사유
  824. var fnChangeChgReason = function(reasonCd){
  825. var arrReasonCd = reasonCd.split(":");
  826. var customerReasonArr = ['G686_10'];
  827. isCustomer = false;
  828. // 취소, 반품, 교환 사유 판단
  829. for (i=0 ; i<customerReasonArr.length ; i++) {
  830. if (customerReasonArr[i] == arrReasonCd[0]) {
  831. isCustomer = true;
  832. }
  833. }
  834. // 귀책사유설정 회사, 고객
  835. if (isCustomer) {
  836. $("#imputeReason").text("고객");
  837. } else {
  838. $("#imputeReason").text("회사");
  839. }
  840. $('#cancelRequestFrm input[name=chgReason]').val(arrReasonCd[0]);
  841. $('#cancelRequestFrm input[name=chgReasonDesc]').val(arrReasonCd[1]);
  842. fnCalculateRefundAmt(); //환불예정금액 계산.
  843. }
  844. // 취소신청/완료
  845. var fnCnclReq = function (reqGbn) {
  846. var temp = false;
  847. var ordDtlStat = cancelRequestTargetList[0].ordDtlStat;
  848. var allCanYn = "N";
  849. // 1. 취소수량 체크
  850. for (i=0 ; i<cancelRequestTargetList.length ; i++) {
  851. if (cancelRequestTargetList[i].ordCanChgQty > 0) {
  852. temp = true;
  853. }
  854. }
  855. if (temp == false) {
  856. mcxDialog.alert('취소신청수량을 입력하세요.');
  857. return;
  858. }
  859. // 2. 입금대기건 & 전체취소 체크
  860. if (ordDtlStat == "G013_10" && $("#spanPayAmt").text() != $("#spanRefundAmt").text()) {
  861. alert("입금대기건은 전체 취소만 가능합니다.");
  862. return;
  863. }
  864. // 2.1 전체취소 여부 적용
  865. if (ordDtlStat == "G013_10" && $("#spanPayAmt").text() == $("#spanRefundAmt").text()) {
  866. allCanYn = "Y";
  867. }
  868. // 3. 취소사유 체크
  869. var chgReason = $("#cancelRequestFrm select[name=selectChgReason]").val();
  870. if (gagajf.isNull(chgReason)) {
  871. mcxDialog.alert("취소사유를 입력하세요.");
  872. return ;
  873. }
  874. // 4. 환불계좌 체크
  875. var accountNo = "";
  876. var accountNm = "";
  877. var bankCd = "";
  878. // 결제타입 무통장입금시 환불계좌 등록
  879. if (payMeans == 'G014_20') {
  880. var refundAccount = gridOptionsRefundAccountInfo.api.getSelectedRows();
  881. if (refundAccount.length == 0) {
  882. mcxDialog.alert('선택된 행이 없습니다.');
  883. return;
  884. }
  885. accountNo = refundAccount[0].accountNo;
  886. accountNm = refundAccount[0].accountNm;
  887. bankCd = refundAccount[0].bankCd;
  888. }
  889. // 5. 추가정보설정
  890. var chgerNm = orderInfoList[0].ordNm;
  891. var chgerEmail = orderInfoList[0].ordEmail;
  892. var chgerPhnno = orderInfoList[0].ordPhnno;
  893. var chgerTelno = orderInfoList[0].ordTelno;
  894. var jsonObj = {
  895. "ordNo" : $('#cancelRequestFrm input[name=ordNo]').val()
  896. ,"chgReason" : $('#cancelRequestFrm input[name=chgReason]').val()
  897. ,"chgMemo" : $('#chgMemo').val()
  898. ,"cancelReqList" : cancelRequestTargetList
  899. ,"accountNo" : accountNo
  900. ,"accountNm" : accountNm
  901. ,"bankCd" : bankCd
  902. ,"allCanYn" : allCanYn
  903. ,"isCustomer" : isCustomer
  904. ,"chgerNm" : chgerNm
  905. ,"chgerEmail" : chgerEmail
  906. ,"chgerZipcode" : ""
  907. ,"chgerBaseAddr" : ""
  908. ,"chgerDtlAddr" : ""
  909. ,"chgerPhnno" : chgerPhnno
  910. ,"chgerTelno" : chgerTelno
  911. }
  912. // 6. 취소신청, 취소완료 여부 체크
  913. // 취소완료
  914. if (reqGbn == "complete") {
  915. cnclUrl = '/orderChange/cnclComplete/';
  916. }
  917. // 취소신청
  918. else if (reqGbn == "req") {
  919. cnclUrl = '/orderChange/cnclReq/';
  920. }
  921. // 취소신청 완료
  922. else if (reqGbn == "reqComplete"){
  923. cnclUrl = '/orderChange/cnclReqComplete/';
  924. }
  925. // 주문번호, 취소사유, 취소메모, (취소, 반품, 교환 신청 정보 목록), 환불계좌
  926. var jsonData = JSON.stringify(jsonObj);
  927. mcxDialog.confirm('취소요청하시겠습니까?', {
  928. cancelBtnText : "취소",
  929. sureBtnClick : function(){
  930. // 취소 실행
  931. gagajf.ajaxJsonSubmit(
  932. cnclUrl
  933. , jsonData
  934. , function() {
  935. uifnPopupClose('popupOrderDetail');
  936. fnReOpenOrderDetailPopup();
  937. uifnPopupClose('popupCancelRequestForm');
  938. }
  939. );
  940. }
  941. });
  942. }
  943. // 환불계좌 등록
  944. var fnCreateOrderRfAccount = function () {
  945. var actionUrl = "/orderChange/refund/account/create/form?ordNo=" + ordNo ;
  946. cfnOpenModalPopup(actionUrl, 'popupCreateRefundAccount');
  947. };
  948. // 환불계좌 정보
  949. var fnBindOrderRfAccountInfo = function () {
  950. gagaAgGrid.fetch(
  951. "/orderChange/refund/account/info/list?ordNo=" + ordNo
  952. , gridOptionsRefundAccountInfo
  953. , null
  954. , function (result) {
  955. }
  956. )
  957. };
  958. $(document).ready(function() {
  959. // 1. 그리드생성
  960. gagaAgGrid.createGrid('gridOrderCancelRequestList' , gridOptionsCancelReqList); // 주문정보
  961. gagaAgGrid.createGrid('gridOrderCancelRequestToBeList' , gridOptionsCancelReqToBeList); // 취소정보
  962. gagaAgGrid.createGrid('gridDelvCdList' , gridOptionsDelvCdList); // 배송비정보
  963. gagaAgGrid.createGrid('gridRefundAccountInfo' , gridOptionsRefundAccountInfo); // 환불계좌정보
  964. // 2. 그리드 데이타 싱크작업
  965. gridOptionsCancelReqList.api.setRowData(cancelRequestTargetList); // 주문정보
  966. // 2.1 TOTAL ROWS 없애기
  967. gagaAgGrid.hideStatusBar('gridOrderCancelRequestList');
  968. gagaAgGrid.hideStatusBar('gridOrderCancelRequestToBeList');
  969. gagaAgGrid.hideStatusBar('gridDelvCdList');
  970. gagaAgGrid.hideStatusBar('gridRefundAccountInfo');
  971. // 3. 환불정보계산
  972. fnCalculateRefundAmt(null);
  973. // 4. 무통장입금아일때 환불계좌 그리드 숨김처리
  974. if (payMeans !== 'G014_20') {
  975. $('#wrapRefundAccount').addClass("off");
  976. fnBindOrderRfAccountInfo();
  977. }
  978. });
  979. </script>
  980. </html>