CnclReqViewForm.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  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="400">
  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="ordChgSq" th:value="${ordChgSq}"/>
  26. <input type="hidden" name="chgReason" value=""/>
  27. <input type="hidden" name="chgReasonDesc" value=""/>
  28. <h4>(취소/반품/교환) 요청 정보</h4>
  29. <div id="gridOrderChangeList" style="width:100%; height: 180px; min-height:99px;" class="ag-theme-balham"></div>
  30. <div style="text-align:right; padding-bottom:5px; padding-top:5px;">
  31. <button type="button" class="btn btn-success" onclick="fnCnclReq('cancel');">취소철회</button>
  32. <button type="button" class="btn btn-success" onclick="fnCnclReq('confirm');">취소승인</button>
  33. </div>
  34. </form>
  35. </div>
  36. </div>
  37. </div>
  38. <!-- data -->
  39. <script th:inline="javascript">
  40. /*<![CDATA[*/
  41. var ordNo = [[${ordNo}]]; // 주문번호
  42. var orderInfoList = [[${orderInfoList}]]; // 주문기본정보
  43. var payMeans = orderInfoList[0].payMeans; // 결제수단
  44. var orderChangeList = [[${orderChangeList}]]; // 취소/반품/교환요청 정보
  45. var chgReason = orderChangeList[0].chgReason; // 변경사유코드
  46. var chgMemo = orderChangeList[0].chgMemo; // 변경사유메모
  47. var temp1 = true;
  48. var temp2 = false;
  49. // 6. 반품/교환 정보
  50. var columnDefsOrderChangeList = [
  51. {
  52. headerName : "요청번호"
  53. , field : "ordChgSq"
  54. , width : 100
  55. , cellClass : 'text-center'
  56. , cellRenderer : function(params) {
  57. var rtnStr = "";
  58. // 취소요청, 교환요청, 반품요청 일때는 요청 정보 확인 팝업 정보
  59. if (params.data.chgStat == 'G685_20' || params.data.chgStat == 'G685_30' || params.data.chgStat == 'G685_40') {
  60. rtnStr = '<a href="javascript:void(0);" onclick="fnChgReqInfo(\'' + params.value + '\');">' + params.value + '</a>';
  61. } else {
  62. rtnStr = params.value;
  63. }
  64. return rtnStr;
  65. }
  66. },
  67. {headerName: "요청구분" , field: "chgGbNm" , width: 100 , cellClass: 'text-center'},
  68. {headerName: "상품코드" , field: "goodsCd" , width: 100 , cellClass: 'text-center'},
  69. {headerName: "옵션1" , field: "optCd1" , width: 100 , cellClass: 'text-center'},
  70. {headerName: "옵션2" , field: "optCd2" , width: 100 , cellClass: 'text-center'},
  71. {headerName: "수량" , field: "chgQty" , width: 100 , cellClass: 'text-center'},
  72. {headerName: "요청상태" , field: "chgStatNm" , width: 100 , cellClass: 'text-center'},
  73. {
  74. headerName : "요청일자"
  75. , field : "regDt"
  76. , width : 150
  77. , cellClass : 'text-center'
  78. , cellRenderer : function(params) {
  79. return !gagajf.isNull(params.value) ? params.value.toDate("YYYYMMDDHHmm").format("YYYY-MM-DD HH:mm") : '';
  80. }
  81. },
  82. {headerName: "변경사유" , field: "chgReasonNm" , width: 100 , cellClass: 'text-center'},
  83. {headerName: "요청메모" , field: "chgMemo" , width: 150 , cellClass: 'text-center'},
  84. {headerName: "변경자명" , field: "chgerNm" , width: 100 , cellClass: 'text-center'},
  85. {headerName: "변경자핸드폰" , field: "chgerPhnno" , width: 120 , cellClass: 'text-center'},
  86. {
  87. headerName : "우편번호"
  88. , field : "chgerZipcode"
  89. , width : 220
  90. , cellClass : 'text-center'
  91. },
  92. {headerName: "주소(기본)" , field: "chgerBaseAddr" , width: 220, cellClass: 'text-left'},
  93. {headerName: "주소(상세)" , field: "chgerDtlAddr" , width: 150 , cellClass: 'text-center'},
  94. {
  95. headerName : "택배사전송"
  96. , field : "wdInvoiceSendYn"
  97. , width : 120
  98. , cellClass : 'text-center'
  99. , cellRenderer : function (params) {
  100. return (params.value == 'N') ? '미전송' : '전송';
  101. }
  102. },
  103. {
  104. headerName : "회수지시전송"
  105. , field : "wdInvoiceSendYn"
  106. , width : 120
  107. , cellClass : 'text-center'
  108. },
  109. {headerName: "회수송장번호", field: "wdInvoiceNo", width: 90, cellClass: 'text-center'}
  110. ];
  111. var gridOptionsOrderChangeList = gagaAgGrid.getGridOptions(columnDefsOrderChangeList);
  112. </script>
  113. <script>
  114. $(document).ready(function() {
  115. // 1. 그리드생성
  116. gagaAgGrid.createGrid('gridOrderChangeList' , gridOptionsOrderChangeList); // 취소/반품/교환 요청 정보
  117. // 2. 그리드 데이타 싱크작업
  118. gridOptionsOrderChangeList.api.setRowData(orderChangeList); // 취소/반품/교환요청 정보
  119. // 2.1 TOTAL ROWS 없애기
  120. gagaAgGrid.hideStatusBar('gridOrderChangeList');
  121. });
  122. </script>
  123. </html>