CnclCompleteView.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599
  1. <!DOCTYPE html>
  2. <html lang="ko" xmlns:th="http://www.thymeleaf.org">
  3. <!--
  4. *******************************************************************************
  5. * @source : CnclCompleteView.html
  6. * @desc : 취소완료정보화면
  7. *============================================================================
  8. * STYLE24
  9. * Copyright(C) 2019 TSIT, All rights reserved.
  10. *============================================================================
  11. * VER DATE AUTHOR DESCRIPTION
  12. * === =========== ========== =============================================
  13. * 1.0 2021.06.30 jsh77b 최초 작성
  14. *******************************************************************************
  15. -->
  16. <div class="modalPopup" data-width="1400" data-height="600">
  17. <div class="panelStyle">
  18. <div class="panelTitle">
  19. <th:block th:if="${chgStat} == 'G720_30'">
  20. <h2>취소완료</h2>
  21. <button type="button" class="close" onclick="fnPopupClose();"><i class="fa fa-times"></i></button>
  22. </th:block>
  23. <th:block th:if="${chgStat} == 'G720_50'">
  24. <h2>반품완료</h2>
  25. <button type="button" class="close" onclick="fnPopupClose();"><i class="fa fa-times"></i></button>
  26. </th:block>
  27. </div>
  28. <div class="panelContent" style="height:90%; overflow-y:auto; padding:0px 20px !important; ">
  29. <form id="cancelRequestFrm" name="cancelRequestFrm">
  30. <th:block th:if="${chgStat} == 'G720_30'">
  31. <h4 id="orderInfoTitle">취소완료정보</h4>
  32. </th:block>
  33. <th:block th:if="${chgStat} == 'G720_50'">
  34. <h4 id="orderInfoTitle">반품완료정보</h4>
  35. </th:block>
  36. <div id="gridCnclRtnCompleteList" style="width:100%; height: 200px;" class="ag-theme-balham"></div>
  37. <th:block th:if="${cnclRtnCompleteList != null}">
  38. <div style="text-align:right; padding-bottom:5px; padding-top:5px;">
  39. <button type="button" class="btn btn-success" id="cnclCompleteBtn" onclick="fnPopupClose();">확인</button>
  40. </div>
  41. </th:block>
  42. <table class="frmStyle">
  43. <colgroup>
  44. <col style="width:160px;" />
  45. <col style="width:320px;" />
  46. <col style="width:160px;" />
  47. <col />
  48. </colgroup>
  49. <tbody>
  50. <tr>
  51. <th>변경사유 <i class="star"></i></th>
  52. <td id="chgReasonNm"></td>
  53. <th>귀책사유</th>
  54. <td><span id="imputeReason"></span></td>
  55. </tr>
  56. <tr>
  57. <th>요청메모<br/><span id="chgMemoCount">0</span>/1,000Byte</th>
  58. <td colspan="3">
  59. <textarea id="chgMemo" name="chgMemo" style="height:80px;"></textarea>
  60. </td>
  61. </tr>
  62. </tbody>
  63. </table>
  64. <h4>환불금액</h4>
  65. <table class="frmStyle">
  66. <colgroup>
  67. <col width="">
  68. <col width="">
  69. <col width="">
  70. <col width="">
  71. </colgroup>
  72. <thead>
  73. <tr>
  74. <th style="height:30px;">구분</th>
  75. <th style="height:30px;">항목</th>
  76. <th style="height:30px;">합계</th>
  77. <th style="height:30px;">내역</th>
  78. </tr>
  79. </thead>
  80. <tbody>
  81. <tr>
  82. <td style="height:25px;">상품금액</td>
  83. <td>취소상품금액</td>
  84. <td class="spanCnclRtnAmt">15,000원</td>
  85. <td></td>
  86. </tr>
  87. <tr>
  88. <td rowspan="2">할인금액차감</td>
  89. <td>쿠폰할인차감</td>
  90. <td class="spanCpnDcAmt">15,000원</td>
  91. <td style="line-height:25px;">
  92. <div style="height:25px;"><span>즉시할인쿠폰 : </span><span class="spanCpn1DcAmt">-60,000원</span></div>
  93. <div style="height:25px;"><span>주문서상품쿠폰 : </span><span class="spanGoodsCpnDcAmt">-60,000원</span></div>
  94. <div style="height:25px;"><span>장바구니쿠폰 : </span><span class="spanCartCpnDcAmt">-60,000원</span></div>
  95. </td>
  96. </tr>
  97. <tr>
  98. <td>상품할인차감</td>
  99. <td class="goodsDcSumAmt">15,000원</td>
  100. <td style="line-height:25px;">
  101. <div style="height:25px;"><span>선포인트할인 : </span><span class="spanPrePntDcAmt">-60,000원</span></div>
  102. <div style="height:25px;"><span>다다익선할인 : </span><span class="spanTmtbDcAmt">-60,000원</span></div>
  103. </td>
  104. </tr>
  105. <tr>
  106. <td>배송비</td>
  107. <td>환불배송비</td>
  108. <td class="spanRealDelvAmt">-60,000원</td>
  109. <td style="line-height:25px;">
  110. <div style="height:25px;"><span>배송비쿠폰 : </span><span class="delvCpnAmt">-60,000원</span></div>
  111. <div style="height:25px;"><span>추가금결제 : </span><span class="addDelvFee">-60,000원</span></div>
  112. </td>
  113. </tr>
  114. <tr>
  115. <td rowspan="4">환불금액</td>
  116. <td style="height:25px;">총환불금액</td>
  117. <td class="totalRefundAmt">70,000원</td>
  118. <td></td>
  119. </tr>
  120. <tr>
  121. <td style="height:25px;">결제수단환불</td>
  122. <td class="spanRefundAmt">70,000원</td>
  123. <td>
  124. <span class="pgGbNm">신용카드</span><span class="cardNm">(현대)</span>
  125. </td>
  126. </tr>
  127. <tr>
  128. <td style="height:25px;">상품권환불</td>
  129. <td class="spanGfcdUseAmt">70,000P</td>
  130. <td></td>
  131. </tr>
  132. <tr>
  133. <td style="height:25px;">포인트환불</td>
  134. <td class="spanPntDcAmt">70,000원</td>
  135. <td>
  136. <span>적립예정포인트환수 : </span><span class="spanSavePntAmt">60,000P</span>
  137. </td>
  138. </tr>
  139. </tbody>
  140. </table>
  141. <!-- as-is 일때 처리 -->
  142. <th:block th:if="${cnclRtnCompleteList == null}">
  143. <div style="text-align:right; padding-bottom:5px; padding-top:5px;">
  144. <button type="button" class="btn btn-success" id="cnclCompleteBtn" onclick="fnPopupClose();">확인</button>
  145. </div>
  146. </th:block>
  147. <!--
  148. <h4>환불예정금액</h4>
  149. <table class="frmStyle">
  150. <colgroup>
  151. <col style="width:20%;"/>
  152. <col style="width:30%;"/>
  153. <col style="width:20%;"/>
  154. <col style="width:30%;"/>
  155. </colgroup>
  156. <tbody>
  157. <tr>
  158. <th>상품 주문 금액</th>
  159. <td><span id="spanOrdAmt"></span>원</td>
  160. <th>상품 취소 금액</th>
  161. <td><span id="spanCnclRtnAmt"></span>원</td>
  162. </tr>
  163. <tr>
  164. <th>포인트 취소 금액</th>
  165. <td colspan="3"><span id="spanTotPntDcAmt"></span>원 (고객 포인트 : <span id="spanPntDcAmt"></span>원 + 상품 선포인트 : <span id="spanPrePntDcAmt"></span>원) </td>
  166. </tr>
  167. <tr>
  168. <th>쿠폰 취소 금액</th>
  169. <td colspan="3"><span id="spanCpnDcAmt"></span>원 (즉시할인쿠폰 : <span id="spanCpn1DcAmt"></span>원 + 상품쿠폰 : <span id="spanGoodsCpnDcAmt"></span>원 + 장바구니쿠폰 : <span id="spanCartCpnDcAmt"></span>원 + 배송비쿠폰 : <span id="spanDelvCpnDcAmt"></span>원)</td>
  170. </tr>
  171. <tr>
  172. <th>다다익선 취소 금액</th>
  173. <td colspan="3"><span id="spanTmtbDcAmt"></span>원 (수량할인 : <span id="spanTmtb1DcAmt"></span>원 + 금액할인 : <span id="spanTmtb2DcAmt"></span>원)</td>
  174. </tr>
  175. <tr>
  176. <th>상품권 취소 금액</th>
  177. <td colspan="3"><span id="spanGfcdUseAmt"></span>원</td>
  178. </tr>
  179. <tr>
  180. <th>상품 실결제 취소 금액</th>
  181. <td><span id="spanRealCnclRtnAmt"></span>원</td>
  182. <th>환불 배송비 금액</th>
  183. <td><span id="spanRealDelvAmt"></span>원</td>
  184. </tr>
  185. <tr>
  186. <th>환불 금액</th>
  187. <td colspan="3"><span id="spanRefundAmt"></span>원</td>
  188. </tr>
  189. </tbody>
  190. </table>
  191. -->
  192. <div id="refundAccount" style="width:100%">
  193. <h4>환불계좌정보</h4>
  194. <!-- TABLE -->
  195. <table class="tableStyle">
  196. <colgroup>
  197. <col width="">
  198. <col width="">
  199. <col width="">
  200. <col width="">
  201. <col width="">
  202. </colgroup>
  203. <thead>
  204. <tr>
  205. <th>은행명</th>
  206. <th>은행코드</th>
  207. <th>계좌번호</th>
  208. <th>예금주</th>
  209. <th>기본여부</th>
  210. </tr>
  211. </thead>
  212. <tbody>
  213. <tr style="height:30px;">
  214. <td class="bankNm"></td>
  215. <td class="bankCd"></td>
  216. <td class="accountNo"></td>
  217. <td class="accountNm"></td>
  218. <td class="defaultYn"></td>
  219. </tr>
  220. </tbody>
  221. </table>
  222. </div>
  223. <br>
  224. </form>
  225. </div>
  226. </div>
  227. </div>
  228. <!-- data -->
  229. <script th:inline="javascript">
  230. /*<![CDATA[*/
  231. var cnclRtnCompleteList = [[${cnclRtnCompleteList}]]; // 취소,반품 완료 정보 목록
  232. var orderInfoList = [[${orderInfoList}]]; // 취소,반품 완료 정보 목록
  233. var pgGb = orderInfoList[0].pgGb; // 결제수단
  234. var payMeans = orderInfoList[0].payMeans; // 결제방법
  235. var cardNm = orderInfoList[0].cardNm; // 카드정보
  236. var addPayCost = 0; // 추가배송비
  237. var realDelvAmt = 0; // 환불배송비
  238. var delvCpnDcAmt = 0; // 배송비쿠폰환불
  239. var chgReason = ""; // 변경사유코드
  240. var chgReasonNm = ""; // 변경사유코드명
  241. var chgMemo = ""; // 변경사유메모
  242. var raBankNm = ""; // 환불계좌은행명
  243. var raBank = ""; // 환불계좌은행코드
  244. var raNo = ""; // 환불계좌번호
  245. var raNm = ""; // 환불계좌명
  246. var chgStat = [[${chgStat}]]; // 변경요청상태값(정산상태값)
  247. var payStat = orderInfoList[0].payStat; // 결제상태
  248. // 1. 취솨,반품완료 정보 목록 조회
  249. var columnCnclRtnCompleteList = [
  250. {headerName: "주문번호" , field: "ordNo" , width: 80 , cellClass: 'text-center'},
  251. {headerName: "주문상세" , field: "ordDtlNo" , width: 80 , cellClass: 'text-center'},
  252. {headerName: "상품코드" , field: "goodsCd" , width: 100 , cellClass: 'text-left'},
  253. {headerName: "상품명" , field: "goodsNm" , width: 200 , cellClass: 'text-left'},
  254. {headerName: "상품타입" , field: "goodsTypeNm" , width: 100 , cellClass: 'text-center'},
  255. {
  256. headerName : "주문"
  257. , field : "ordQty"
  258. , width : 80
  259. , cellClass : 'text-center'
  260. , cellRenderer : function (params) {
  261. return params.value.addComma();
  262. }
  263. },
  264. {
  265. headerName : "취소"
  266. , field : "cnclRtnQty"
  267. , width : 80
  268. , cellClass : 'text-center'
  269. , cellRenderer : function (params) {
  270. var cnclRtnReqQty = parseInt(params.data.cnclRtnQty) + parseInt(params.data.ordReqChgQty);
  271. return cnclRtnReqQty;
  272. }
  273. },
  274. {
  275. headerName : "주문"
  276. , field : "ordAmt"
  277. , width : 80
  278. , cellClass : 'text-right'
  279. , cellRenderer : function (params) {
  280. return params.value.addComma();
  281. }
  282. },
  283. {
  284. headerName : "취소"
  285. , field : "cnclRtnAmt"
  286. , width : 80
  287. , cellClass : 'text-right'
  288. , cellRenderer : function (params) {
  289. return params.value.addComma();
  290. }
  291. },
  292. {
  293. headerName : "즉시할인"
  294. , field : "cpn1DcAmt"
  295. , width : 80
  296. , cellClass : 'text-right'
  297. , cellRenderer : function (params) {
  298. return params.value.addComma();
  299. }
  300. },
  301. {
  302. headerName : "다다익선1"
  303. , field : "tmtb1DcAmt"
  304. , width : 80
  305. , cellClass : 'text-right'
  306. , cellRenderer : function (params) {
  307. return params.value.addComma();
  308. }
  309. },
  310. {
  311. headerName : "다다익선2"
  312. , field : "tmtb2DcAmt"
  313. , width : 80
  314. , cellClass : 'text-right'
  315. , cellRenderer : function (params) {
  316. return params.value.addComma();
  317. }
  318. },
  319. {
  320. headerName : "상품쿠폰"
  321. , field : "goodsCpnDcAmt"
  322. , width : 80
  323. , cellClass : 'text-right'
  324. , cellRenderer : function (params) {
  325. return params.value.addComma();
  326. }
  327. },
  328. {
  329. headerName : "장바구니쿠폰"
  330. , field : "cartCpnDcAmt"
  331. , width : 100
  332. , cellClass : 'text-right'
  333. , cellRenderer : function (params) {
  334. return params.value.addComma();
  335. }
  336. },
  337. {
  338. headerName : "포인트"
  339. , field : "pntDcAmt"
  340. , width : 80
  341. , cellClass : 'text-right'
  342. , cellRenderer : function (params) {
  343. return params.value.addComma();
  344. }
  345. },
  346. {
  347. headerName : "선포인트"
  348. , field : "prePntDcAmt"
  349. , width : 80
  350. , cellClass : 'text-right'
  351. , cellRenderer : function (params) {
  352. return params.value.addComma();
  353. }
  354. },
  355. {
  356. headerName : "상품권"
  357. , field : "gfcdUseAmt"
  358. , width : 80
  359. , cellClass : 'text-right'
  360. , cellRenderer : function (params) {
  361. return params.value.addComma();
  362. }
  363. },
  364. {
  365. headerName : "실결제금액"
  366. , field : "realOrdAmt"
  367. , width : 100
  368. , cellClass : 'text-right'
  369. , cellRenderer : function (params) {
  370. return params.value.addComma();
  371. }
  372. }
  373. ];
  374. var gridOptionsCnclRtnCompleteList = gagaAgGrid.getGridOptions(columnCnclRtnCompleteList);
  375. // Add on options
  376. gridOptionsCnclRtnCompleteList.suppressRowClickSelection = true;
  377. gridOptionsCnclRtnCompleteList.rowSelection = 'multiple';
  378. </script>
  379. <script>
  380. // 현재 사유는 고객 입니다.
  381. var isCustomer = true;
  382. // 사유
  383. var fnChangeChgReason = function(reasonCd){
  384. var customerReasonArr = ['G686_10', 'G686_20', 'G688_10'];
  385. isCustomer = false;
  386. // 귀책사유체크(취소,반품,교환)
  387. for (i=0 ; i<customerReasonArr.length ; i++) {
  388. if (customerReasonArr[i] == reasonCd) {
  389. isCustomer = true;
  390. }
  391. }
  392. // 귀책사유설정
  393. if (isCustomer) {
  394. $("#imputeReason").text("고객");
  395. } else {
  396. $("#imputeReason").text("회사");
  397. }
  398. $('#cancelRequestFrm input[name=chgReason]').val(reasonCd);
  399. }
  400. // 팝업닫기 확인버튼
  401. var fnPopupClose = function() {
  402. if (chgStat == "G720_30") {
  403. uifnPopupClose('popupCancelRequestForm');
  404. } else if (chgStat == "G720_50") {
  405. uifnPopupClose('popupReturnRequestForm');
  406. }
  407. }
  408. $(document).ready(function() {
  409. // 1. 그리드생성
  410. gagaAgGrid.createGrid('gridCnclRtnCompleteList' , gridOptionsCnclRtnCompleteList); // 주문정보
  411. // 2. 그리드 데이타 싱크작업
  412. gridOptionsCnclRtnCompleteList.api.setRowData(cnclRtnCompleteList); // 주문정보
  413. // 2.1 TOTAL ROWS 없애기
  414. gagaAgGrid.hideStatusBar('gridCnclRtnCompleteList');
  415. // 3. 무통장입금아닌경우 환불계좌 그리드 숨김처리
  416. if (payMeans !== 'G014_20') {
  417. $('#refundAccount').addClass("off");
  418. } else {
  419. // 2021.08.04 무통장입금전 취소이면 미노출
  420. if (payStat == 'G016_10') {
  421. $('#refundAccount').addClass("off");
  422. } else {
  423. $("#refundAccount .bankNm").text(raBankNm);
  424. $("#refundAccount .bankCd").text(raBank);
  425. $("#refundAccount .accountNo").text(raNo);
  426. $("#refundAccount .accountNm").text(raNm);
  427. }
  428. }
  429. // 4. 변경사유설정
  430. $("#chgReasonNm").text(chgReasonNm);
  431. $("#chgMemo").text(chgMemo);
  432. $("#chgMemo").attr("disabled", "true");
  433. cfnGetTextLength($('#chgMemo'), 1000, $('#chgMemoCount'));
  434. fnChangeChgReason(chgReason);
  435. // 2021.08.04 AS-IS 데이타 처리
  436. if (cnclRtnCompleteList != null) {
  437. addPayCost = cnclRtnCompleteList[0].addPayCost; // 추가배송비
  438. realDelvAmt = cnclRtnCompleteList[0].realDelvAmt; // 환불배송비
  439. delvCpnDcAmt = cnclRtnCompleteList[0].delvCpnDcAmt; // 배송비쿠폰환불
  440. chgReason = cnclRtnCompleteList[0].chgReason; // 변경사유코드
  441. chgReasonNm = cnclRtnCompleteList[0].chgReasonNm; // 변경사유코드명
  442. chgMemo = cnclRtnCompleteList[0].chgMemo; // 변경사유메모
  443. raBankNm = cnclRtnCompleteList[0].raBankNm; // 환불계좌은행명
  444. raBank = cnclRtnCompleteList[0].raBank; // 환불계좌은행코드
  445. raNo = cnclRtnCompleteList[0].raNo; // 환불계좌번호
  446. raNm = cnclRtnCompleteList[0].raNm; // 환불계좌명
  447. // 5. 환불에정금액
  448. var spanOrdAmt = 0;
  449. var spanCnclRtnAmt = 0;
  450. var spanTotPntDcAmt = 0;
  451. var spanPntDcAmt = 0;
  452. var spanPrePntDcAmt = 0;
  453. var spanCpnDcAmt = 0;
  454. var spanCpn1DcAmt = 0;
  455. var spanGoodsCpnDcAmt = 0;
  456. var spanCartCpnDcAmt = 0;
  457. var spanTmtbDcAmt = 0;
  458. var spanTmtb1DcAmt = 0;
  459. var spanTmtb2DcAmt = 0;
  460. var spanGfcdUseAmt = 0;
  461. var spanRealCnclRtnAmt = 0;
  462. var spanTotDeliveryFee = addPayCost;
  463. var spanRefundAmt = 0;
  464. var spanRealDelvAmt = realDelvAmt;
  465. var spanSavePntAmt = 0;
  466. for (i=0 ; i<cnclRtnCompleteList.length ; i++) {
  467. spanOrdAmt = spanOrdAmt + cnclRtnCompleteList[i].ordAmt;
  468. spanCnclRtnAmt = spanCnclRtnAmt + cnclRtnCompleteList[i].cnclRtnAmt;
  469. spanPntDcAmt = spanPntDcAmt + cnclRtnCompleteList[i].pntDcAmt;
  470. spanPrePntDcAmt = spanPrePntDcAmt + cnclRtnCompleteList[i].prePntDcAmt;
  471. spanCpn1DcAmt = spanCpn1DcAmt + cnclRtnCompleteList[i].cpn1DcAmt;
  472. spanGoodsCpnDcAmt = spanGoodsCpnDcAmt + cnclRtnCompleteList[i].goodsCpnDcAmt;
  473. spanCartCpnDcAmt = spanCartCpnDcAmt + cnclRtnCompleteList[i].cartCpnDcAmt;
  474. spanTmtb1DcAmt = spanTmtb1DcAmt + cnclRtnCompleteList[i].tmtb1DcAmt;
  475. spanTmtb2DcAmt = spanTmtb2DcAmt + cnclRtnCompleteList[i].tmtb2DcAmt;
  476. spanGfcdUseAmt = spanGfcdUseAmt + cnclRtnCompleteList[i].gfcdUseAmt;
  477. spanRealCnclRtnAmt = spanRealCnclRtnAmt + cnclRtnCompleteList[i].realOrdAmt;
  478. spanSavePntAmt = spanSavePntAmt + cnclRtnCompleteList[i].savePntAmt;
  479. }
  480. spanTotPntDcAmt = spanPntDcAmt + spanPrePntDcAmt;
  481. spanCpnDcAmt = spanCpn1DcAmt + spanGoodsCpnDcAmt + spanCartCpnDcAmt + delvCpnDcAmt;
  482. spanTmtbDcAmt = spanTmtb1DcAmt + spanTmtb2DcAmt;
  483. spanRefundAmt = spanRealCnclRtnAmt + realDelvAmt;
  484. $(".spanCnclRtnAmt").text(spanCnclRtnAmt.addComma()+"원");
  485. $(".spanCpn1DcAmt").text(spanCpn1DcAmt.addComma()+"원");
  486. $(".spanGoodsCpnDcAmt").text(spanGoodsCpnDcAmt.addComma()+"원");
  487. $(".spanCartCpnDcAmt").text(spanCartCpnDcAmt.addComma()+"원");
  488. var spanCpnDcAmt = spanCpn1DcAmt + spanGoodsCpnDcAmt + spanGoodsCpnDcAmt;
  489. $(".spanCpnDcAmt").text(spanCpnDcAmt.addComma()+"원");
  490. $(".spanPrePntDcAmt").text(spanPrePntDcAmt.addComma()+"원");
  491. $(".spanTmtbDcAmt").text(spanTmtbDcAmt.addComma()+"원");
  492. var goodsDcSumAmt = spanPrePntDcAmt + spanTmtbDcAmt;
  493. $(".goodsDcSumAmt").text(goodsDcSumAmt.addComma()+"원");
  494. $(".delvCpnAmt").text(delvCpnDcAmt.addComma()+"원");
  495. $(".addDelvFee").text(addPayCost.addComma()+"원");
  496. $(".spanRealDelvAmt").text(realDelvAmt.addComma()+"원");
  497. var totalRefundAmt = spanRefundAmt + spanGfcdUseAmt + spanPntDcAmt;
  498. $(".totalRefundAmt").text(totalRefundAmt.addComma()+"원");
  499. $(".spanRefundAmt").text(spanRefundAmt.addComma()+"원");
  500. $(".spanGfcdUseAmt").text(spanGfcdUseAmt.addComma()+"원");
  501. $(".spanPntDcAmt").text(spanPntDcAmt.addComma()+"원");
  502. $(".spanSavePntAmt").text(spanSavePntAmt.addComma()+"P");
  503. var pgGbNm = "";
  504. var cardGbNm = "";
  505. if (pgGb == 'KCP') {
  506. pgGbNm = payMeansNm;
  507. cardGbNm = "(" + cardNm + ")";
  508. } else if (pgGb == 'NAVER') {
  509. pgGbNm = "네이버페이";
  510. } else if (pgGb == 'NAVER_ORDER') {
  511. pgGbNm = "네이버페이주문형";
  512. } else if (pgGb == 'KAKAO') {
  513. pgGbNm = "카카오페이";
  514. } else if (pgGb == 'PAYCO') {
  515. pgGbNm = "페이코";
  516. } else if (pgGb == 'ISTYLE') {
  517. pgGbNm = "상품권";
  518. } else {
  519. pgGbNm = "외부몰입금";
  520. }
  521. $(".pgGbNm").text(pgGbNm);
  522. $(".cardNm").text(cardGbNm);
  523. /*
  524. $("#spanOrdAmt").text(spanOrdAmt.addComma());
  525. $("#spanCnclRtnAmt").text(spanCnclRtnAmt.addComma());
  526. $("#spanTotPntDcAmt").text(spanTotPntDcAmt.addComma());
  527. $("#spanPntDcAmt").text(spanPntDcAmt.addComma());
  528. $("#spanPrePntDcAmt").text(spanPrePntDcAmt.addComma());
  529. $("#spanPntDcAmt").text(spanPntDcAmt.addComma());
  530. $("#spanCpn1DcAmt").text(spanCpn1DcAmt.addComma());
  531. $("#spanGoodsCpnDcAmt").text(spanGoodsCpnDcAmt.addComma());
  532. $("#spanCartCpnDcAmt").text(spanCartCpnDcAmt.addComma());
  533. $("#spanDelvCpnDcAmt").text(delvCpnDcAmt.addComma());
  534. $("#spanCpnDcAmt").text(spanCpnDcAmt.addComma());
  535. $("#spanTmtb1DcAmt").text(spanTmtb1DcAmt.addComma());
  536. $("#spanTmtb2DcAmt").text(spanTmtb2DcAmt.addComma());
  537. $("#spanTmtbDcAmt").text(spanTmtbDcAmt.addComma());
  538. $("#spanGfcdUseAmt").text(spanGfcdUseAmt.addComma());
  539. $("#spanRealCnclRtnAmt").text(spanRealCnclRtnAmt.addComma());
  540. $("#spanRealDelvAmt").text(realDelvAmt.addComma());
  541. $("#spanTotDeliveryFee").text(addPayCost.addComma());
  542. $("#spanRefundAmt").text(spanRefundAmt.addComma());
  543. */
  544. // 2021.05.13 높이자동조절
  545. var cancelRequestTargetHeight = 50 + (40 * cnclRtnCompleteList.length);
  546. $("#gridCnclRtnCompleteList").css("height" , cancelRequestTargetHeight+"px");
  547. } else {
  548. $("#gridCnclRtnCompleteList").hide();
  549. }
  550. });
  551. </script>
  552. </html>