CnclCompleteView.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620
  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 th:id="orderInfoTitle">취소완료정보</h4>
  32. </th:block>
  33. <th:block th:if="${chgStat} == 'G720_50'">
  34. <h4 th: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. {headerName: "옵션1" , field: "colorNm" , width: 80 , cellClass: 'text-center'},
  256. {headerName: "옵션2" , field: "optCd2" , width: 80 , cellClass: 'text-center'},
  257. {
  258. headerName : "주문"
  259. , field : "ordQty"
  260. , width : 80
  261. , cellClass : 'text-center'
  262. , cellRenderer : function (params) {
  263. return params.value.addComma();
  264. }
  265. },
  266. {
  267. headerName : "취소"
  268. , field : "cnclRtnQty"
  269. , width : 80
  270. , cellClass : 'text-center'
  271. , cellRenderer : function (params) {
  272. var cnclRtnReqQty = parseInt(params.data.cnclRtnQty) + parseInt(params.data.ordReqChgQty);
  273. return cnclRtnReqQty;
  274. }
  275. },
  276. {
  277. headerName : "주문"
  278. , field : "ordAmt"
  279. , width : 80
  280. , cellClass : 'text-right'
  281. , cellRenderer : function (params) {
  282. return params.value.addComma();
  283. }
  284. },
  285. {
  286. headerName : "취소"
  287. , field : "cnclRtnAmt"
  288. , width : 80
  289. , cellClass : 'text-right'
  290. , cellRenderer : function (params) {
  291. return params.value.addComma();
  292. }
  293. },
  294. {
  295. headerName : "즉시할인"
  296. , field : "cpn1DcAmt"
  297. , width : 80
  298. , cellClass : 'text-right'
  299. , cellRenderer : function (params) {
  300. return params.value.addComma();
  301. }
  302. },
  303. {
  304. headerName : "다다익선1"
  305. , field : "tmtb1DcAmt"
  306. , width : 80
  307. , cellClass : 'text-right'
  308. , cellRenderer : function (params) {
  309. return params.value.addComma();
  310. }
  311. },
  312. {
  313. headerName : "다다익선2"
  314. , field : "tmtb2DcAmt"
  315. , width : 80
  316. , cellClass : 'text-right'
  317. , cellRenderer : function (params) {
  318. return params.value.addComma();
  319. }
  320. },
  321. {
  322. headerName : "상품쿠폰"
  323. , field : "goodsCpnDcAmt"
  324. , width : 80
  325. , cellClass : 'text-right'
  326. , cellRenderer : function (params) {
  327. return params.value.addComma();
  328. }
  329. },
  330. {
  331. headerName : "장바구니쿠폰"
  332. , field : "cartCpnDcAmt"
  333. , width : 100
  334. , cellClass : 'text-right'
  335. , cellRenderer : function (params) {
  336. return params.value.addComma();
  337. }
  338. },
  339. {
  340. headerName : "포인트"
  341. , field : "pntDcAmt"
  342. , width : 80
  343. , cellClass : 'text-right'
  344. , cellRenderer : function (params) {
  345. return params.value.addComma();
  346. }
  347. },
  348. {
  349. headerName : "선포인트"
  350. , field : "prePntDcAmt"
  351. , width : 80
  352. , cellClass : 'text-right'
  353. , cellRenderer : function (params) {
  354. return params.value.addComma();
  355. }
  356. },
  357. {
  358. headerName : "상품권"
  359. , field : "gfcdUseAmt"
  360. , width : 80
  361. , cellClass : 'text-right'
  362. , cellRenderer : function (params) {
  363. return params.value.addComma();
  364. }
  365. },
  366. {
  367. headerName : "실결제금액"
  368. , field : "realOrdAmt"
  369. , width : 100
  370. , cellClass : 'text-right'
  371. , cellRenderer : function (params) {
  372. return params.value.addComma();
  373. }
  374. }
  375. ];
  376. var gridOptionsCnclRtnCompleteList = gagaAgGrid.getGridOptions(columnCnclRtnCompleteList);
  377. // Add on options
  378. gridOptionsCnclRtnCompleteList.suppressRowClickSelection = true;
  379. gridOptionsCnclRtnCompleteList.rowSelection = 'multiple';
  380. </script>
  381. <script>
  382. // 현재 사유는 고객 입니다.
  383. var isCustomer = true;
  384. // 사유
  385. var fnChangeChgReason = function(reasonCd){
  386. var customerReasonArr = ['G686_10', 'G686_20', 'G688_10'];
  387. isCustomer = false;
  388. // 귀책사유체크(취소,반품,교환)
  389. for (i=0 ; i<customerReasonArr.length ; i++) {
  390. if (customerReasonArr[i] == reasonCd) {
  391. isCustomer = true;
  392. }
  393. }
  394. // 귀책사유설정
  395. if (isCustomer) {
  396. $("#imputeReason").text("고객");
  397. } else {
  398. $("#imputeReason").text("회사");
  399. }
  400. $('#cancelRequestFrm input[name=chgReason]').val(reasonCd);
  401. }
  402. // 팝업닫기 확인버튼
  403. var fnPopupClose = function() {
  404. if (chgStat == "G720_30") {
  405. uifnPopupClose('popupCancelRequestForm');
  406. } else if (chgStat == "G720_50") {
  407. uifnPopupClose('popupReturnRequestForm');
  408. }
  409. }
  410. $(document).ready(function() {
  411. // 1. 그리드생성
  412. gagaAgGrid.createGrid('gridCnclRtnCompleteList' , gridOptionsCnclRtnCompleteList); // 주문정보
  413. // 2. 그리드 데이타 싱크작업
  414. gridOptionsCnclRtnCompleteList.api.setRowData(cnclRtnCompleteList); // 주문정보
  415. // 2.1 TOTAL ROWS 없애기
  416. gagaAgGrid.hideStatusBar('gridCnclRtnCompleteList');
  417. // 3. 무통장입금아닌경우 환불계좌 그리드 숨김처리
  418. if (payMeans !== 'G014_20') {
  419. $('#refundAccount').addClass("off");
  420. } else {
  421. // 2021.08.04 무통장입금전 취소이면 미노출
  422. if (payStat == 'G016_10') {
  423. $('#refundAccount').addClass("off");
  424. } else {
  425. $("#refundAccount .bankNm").text(raBankNm);
  426. $("#refundAccount .bankCd").text(raBank);
  427. $("#refundAccount .accountNo").text(raNo);
  428. $("#refundAccount .accountNm").text(raNm);
  429. }
  430. }
  431. // 2021.08.04 AS-IS 데이타 처리
  432. if (cnclRtnCompleteList != null) {
  433. addPayCost = cnclRtnCompleteList[0].addPayCost; // 추가배송비
  434. realDelvAmt = cnclRtnCompleteList[0].realDelvAmt; // 환불배송비
  435. delvCpnDcAmt = cnclRtnCompleteList[0].delvCpnDcAmt; // 배송비쿠폰환불
  436. chgReason = cnclRtnCompleteList[0].chgReason; // 변경사유코드
  437. chgReasonNm = cnclRtnCompleteList[0].chgReasonNm; // 변경사유코드명
  438. chgMemo = cnclRtnCompleteList[0].chgMemo; // 변경사유메모
  439. raBankNm = cnclRtnCompleteList[0].raBankNm; // 환불계좌은행명
  440. raBank = cnclRtnCompleteList[0].raBank; // 환불계좌은행코드
  441. raNo = cnclRtnCompleteList[0].raNo; // 환불계좌번호
  442. raNm = cnclRtnCompleteList[0].raNm; // 환불계좌명
  443. // 5. 환불에정금액
  444. //var spanOrdAmt = 0;
  445. //var spanCnclRtnAmt = 0;
  446. //var spanTotPntDcAmt = 0;
  447. //var spanPntDcAmt = 0;
  448. //var spanPrePntDcAmt = 0;
  449. //var spanCpnDcAmt = 0;
  450. //var spanCpn1DcAmt = 0;
  451. //var spanGoodsCpnDcAmt = 0;
  452. //var spanCartCpnDcAmt = 0;
  453. //var spanTmtbDcAmt = 0;
  454. //var spanTmtb1DcAmt = 0;
  455. //var spanTmtb2DcAmt = 0;
  456. //var spanGfcdUseAmt = 0;
  457. //var spanRealCnclRtnAmt = 0;
  458. //var spanTotDeliveryFee = addPayCost;
  459. //var spanRefundAmt = 0;
  460. //var spanRealDelvAmt = realDelvAmt;
  461. //var spanSavePntAmt = 0;
  462. // 2021.08.11 card007 환불금액 관련 계산 TB_REFUND 정보로 변경
  463. //for (i=0 ; i<cnclRtnCompleteList.length ; i++) {
  464. // spanOrdAmt = spanOrdAmt + cnclRtnCompleteList[i].ordAmt;
  465. // spanCnclRtnAmt = spanCnclRtnAmt + cnclRtnCompleteList[i].cnclRtnAmt;
  466. // spanPntDcAmt = spanPntDcAmt + cnclRtnCompleteList[i].pntDcAmt;
  467. // spanPrePntDcAmt = spanPrePntDcAmt + cnclRtnCompleteList[i].prePntDcAmt;
  468. // spanCpn1DcAmt = spanCpn1DcAmt + cnclRtnCompleteList[i].cpn1DcAmt;
  469. // spanGoodsCpnDcAmt = spanGoodsCpnDcAmt + cnclRtnCompleteList[i].goodsCpnDcAmt;
  470. // spanCartCpnDcAmt = spanCartCpnDcAmt + cnclRtnCompleteList[i].cartCpnDcAmt;
  471. // spanTmtb1DcAmt = spanTmtb1DcAmt + cnclRtnCompleteList[i].tmtb1DcAmt;
  472. // spanTmtb2DcAmt = spanTmtb2DcAmt + cnclRtnCompleteList[i].tmtb2DcAmt;
  473. // spanGfcdUseAmt = spanGfcdUseAmt + cnclRtnCompleteList[i].gfcdUseAmt;
  474. // spanRealCnclRtnAmt = spanRealCnclRtnAmt + cnclRtnCompleteList[i].realOrdAmt;
  475. // spanSavePntAmt = spanSavePntAmt + cnclRtnCompleteList[i].savePntAmt;
  476. //}
  477. var spanCnclRtnAmt = cnclRtnCompleteList[0].rfCnclAmt; // 취소상품금액
  478. var spanPntDcAmt = cnclRtnCompleteList[0].rfPntAmt; // 환불 포인트 사용 금액
  479. var spanPrePntDcAmt = cnclRtnCompleteList[0].rfPrePntAmt; // 환불 선포인트 사용 금액
  480. var spanCpn1DcAmt = cnclRtnCompleteList[0].rfCpn1Amt; // 환불 즉시할인쿠폰 사용 금액
  481. var spanGoodsCpnDcAmt = cnclRtnCompleteList[0].rfGoodsCpnAmt; // 환불 상품쿠폰 사용 금액
  482. var spanCartCpnDcAmt = cnclRtnCompleteList[0].rfCartCpnAmt; // 환불 장바구니쿠폰 사용 금액
  483. var spanDelvCpnDcAmt = cnclRtnCompleteList[0].rfDelvCpnAmt; // 환불 배송비쿠폰 사용 금액
  484. var spanTmtb1DcAmt = cnclRtnCompleteList[0].rfTmtb1Amt; // 환불 다다익선1 사용 금액
  485. var spanTmtb2DcAmt = cnclRtnCompleteList[0].rfTmtb2Amt; // 환불 다다익선2 사용 금액
  486. var spanGfcdUseAmt = cnclRtnCompleteList[0].rfGfcdUseAmt; // 환불 상품권 사용 금액
  487. var spanDelvGfcdUseAmt = cnclRtnCompleteList[0].rfDelvGfcdUseAmt; // 환불 배송비 상품권 사용 금액
  488. var spanDeliveryFee = cnclRtnCompleteList[0].rfDeliveryFee; // 환불 배송비 금액
  489. var spanRefundAmt = cnclRtnCompleteList[0].refundAmt; // 환불금액
  490. var spanSavePntAmt = 0; // 적립예정포인트환수 금액
  491. for (i=0 ; i<cnclRtnCompleteList.length ; i++) {
  492. spanSavePntAmt = spanSavePntAmt + cnclRtnCompleteList[i].savePntAmt;
  493. }
  494. var spanCpnDcAmt = spanCpn1DcAmt + spanGoodsCpnDcAmt + spanCartCpnDcAmt;
  495. var spanTmtbDcAmt = spanTmtb1DcAmt + spanTmtb2DcAmt;
  496. var goodsDcSumAmt = spanPrePntDcAmt + spanTmtbDcAmt;
  497. var spanTotGfcdUseAmt = spanGfcdUseAmt + spanDelvGfcdUseAmt;
  498. var totalRefundAmt = spanRefundAmt + spanTotGfcdUseAmt + spanPntDcAmt;
  499. //spanRefundAmt = spanRealCnclRtnAmt + realDelvAmt;
  500. // 상품금액
  501. $(".spanCnclRtnAmt").text(spanCnclRtnAmt.addComma()+"원"); // 취소상품금액
  502. // 할인금액차감
  503. $(".spanCpnDcAmt").text(spanCpnDcAmt.addComma()+"원"); // 쿠폰할인차감 > 합계
  504. $(".spanCpn1DcAmt").text(spanCpn1DcAmt.addComma()+"원"); // 쿠폰할인차감 > 즉시할인쿠폰
  505. $(".spanGoodsCpnDcAmt").text(spanGoodsCpnDcAmt.addComma()+"원"); // 쿠폰할인차감 > 주문서상품쿠폰
  506. $(".spanCartCpnDcAmt").text(spanCartCpnDcAmt.addComma()+"원"); // 쿠폰할인차감 > 장바구니쿠폰
  507. $(".goodsDcSumAmt").text(goodsDcSumAmt.addComma()+"원"); // 상품할인차감 > 합계
  508. $(".spanPrePntDcAmt").text(spanPrePntDcAmt.addComma()+"원"); // 상품할인차감 > 선포인트할인
  509. $(".spanTmtbDcAmt").text(spanTmtbDcAmt.addComma()+"원"); // 상품할인차감 > 다다익선할인
  510. // 배송비
  511. $(".spanRealDelvAmt").text(spanDeliveryFee.addComma()+"원"); // 환불배송비 > 합계
  512. $(".addDelvFee").text(addPayCost.addComma()+"원"); // 환불배송비 > 추가금결제
  513. $(".delvCpnAmt").text(spanDelvCpnDcAmt.addComma()+"원"); // 환불배송비 > 배송비쿠폰
  514. // 환불금액
  515. $(".totalRefundAmt").text(totalRefundAmt.addComma()+"원"); // 총환불금액
  516. $(".spanRefundAmt").text(spanRefundAmt.addComma()+"원"); // 결제수단환불
  517. $(".spanGfcdUseAmt").text(spanTotGfcdUseAmt.addComma()+"원"); // 상품권환불
  518. $(".spanPntDcAmt").text(spanPntDcAmt.addComma()+"원"); // 포인트환불
  519. $(".spanSavePntAmt").text(spanSavePntAmt.addComma()+"P"); // 포인트환불 > 적립예정포인트환수
  520. var pgGbNm = "";
  521. var cardGbNm = "";
  522. if (pgGb == 'KCP') {
  523. pgGbNm = payMeansNm;
  524. cardGbNm = "(" + cardNm + ")";
  525. } else if (pgGb == 'NAVER') {
  526. pgGbNm = "네이버페이";
  527. } else if (pgGb == 'NAVER_ORDER') {
  528. pgGbNm = "네이버페이주문형";
  529. } else if (pgGb == 'KAKAO') {
  530. pgGbNm = "카카오페이";
  531. } else if (pgGb == 'PAYCO') {
  532. pgGbNm = "페이코";
  533. } else if (pgGb == 'ISTYLE') {
  534. pgGbNm = "상품권";
  535. } else {
  536. pgGbNm = "외부몰입금";
  537. }
  538. $(".pgGbNm").text(pgGbNm);
  539. $(".cardNm").text(cardGbNm);
  540. /*
  541. $("#spanOrdAmt").text(spanOrdAmt.addComma());
  542. $("#spanCnclRtnAmt").text(spanCnclRtnAmt.addComma());
  543. $("#spanTotPntDcAmt").text(spanTotPntDcAmt.addComma());
  544. $("#spanPntDcAmt").text(spanPntDcAmt.addComma());
  545. $("#spanPrePntDcAmt").text(spanPrePntDcAmt.addComma());
  546. $("#spanPntDcAmt").text(spanPntDcAmt.addComma());
  547. $("#spanCpn1DcAmt").text(spanCpn1DcAmt.addComma());
  548. $("#spanGoodsCpnDcAmt").text(spanGoodsCpnDcAmt.addComma());
  549. $("#spanCartCpnDcAmt").text(spanCartCpnDcAmt.addComma());
  550. $("#spanDelvCpnDcAmt").text(delvCpnDcAmt.addComma());
  551. $("#spanCpnDcAmt").text(spanCpnDcAmt.addComma());
  552. $("#spanTmtb1DcAmt").text(spanTmtb1DcAmt.addComma());
  553. $("#spanTmtb2DcAmt").text(spanTmtb2DcAmt.addComma());
  554. $("#spanTmtbDcAmt").text(spanTmtbDcAmt.addComma());
  555. $("#spanGfcdUseAmt").text(spanGfcdUseAmt.addComma());
  556. $("#spanRealCnclRtnAmt").text(spanRealCnclRtnAmt.addComma());
  557. $("#spanRealDelvAmt").text(realDelvAmt.addComma());
  558. $("#spanTotDeliveryFee").text(addPayCost.addComma());
  559. $("#spanRefundAmt").text(spanRefundAmt.addComma());
  560. */
  561. // 2021.05.13 높이자동조절
  562. var cancelRequestTargetHeight = 50 + (40 * cnclRtnCompleteList.length);
  563. $("#gridCnclRtnCompleteList").css("height" , cancelRequestTargetHeight+"px");
  564. } else {
  565. $("#gridCnclRtnCompleteList").hide();
  566. }
  567. // 4. 변경사유설정
  568. $("#chgReasonNm").text(chgReasonNm);
  569. $("#chgMemo").text(chgMemo);
  570. $("#chgMemo").attr("disabled", "true");
  571. cfnGetTextLength($('#chgMemo'), 1000, $('#chgMemoCount'));
  572. fnChangeChgReason(chgReason);
  573. });
  574. </script>
  575. </html>