CnclReqViewForm.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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="350">
  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 ordChgSq = [[${ordChgSq}]]; // 주문변경번호
  43. var orderChangeList = [[${orderChangeList}]]; // 취소/반품/교환요청 정보
  44. //
  45. //var orderInfoList = [[${orderInfoList}]]; // 주문기본정보
  46. //var payMeans = orderInfoList[0].payMeans; // 결제수단
  47. //var chgReason = orderChangeList[0].chgReason; // 변경사유코드
  48. //var chgMemo = orderChangeList[0].chgMemo; // 변경사유메모
  49. var temp1 = true;
  50. var temp2 = false;
  51. // 6. 반품/교환 정보
  52. var columnDefsOrderChangeList = [
  53. {
  54. headerName : "요청번호"
  55. , field : "ordChgSq"
  56. , width : 100
  57. , cellClass : 'text-center'
  58. },
  59. {headerName: "요청구분" , field: "chgGbNm" , width: 100 , cellClass: 'text-center'},
  60. {headerName: "상품코드" , field: "goodsCd" , width: 100 , cellClass: 'text-center'},
  61. {headerName: "옵션1" , field: "optCd1" , width: 100 , cellClass: 'text-center'},
  62. {headerName: "옵션2" , field: "optCd2" , width: 100 , cellClass: 'text-center'},
  63. {headerName: "수량" , field: "chgQty" , width: 100 , cellClass: 'text-center'},
  64. {headerName: "요청상태" , field: "chgStatNm" , width: 100 , cellClass: 'text-center'},
  65. {
  66. headerName : "요청일자"
  67. , field : "regDt"
  68. , width : 150
  69. , cellClass : 'text-center'
  70. , cellRenderer : function(params) {
  71. return !gagajf.isNull(params.value) ? params.value.toDate("YYYYMMDDHHmm").format("YYYY-MM-DD HH:mm") : '';
  72. }
  73. },
  74. {headerName: "변경사유" , field: "chgReasonNm" , width: 100 , cellClass: 'text-center'},
  75. {headerName: "요청메모" , field: "chgMemo" , width: 150 , cellClass: 'text-center'},
  76. {headerName: "변경자명" , field: "chgerNm" , width: 100 , cellClass: 'text-center'},
  77. {headerName: "변경자핸드폰" , field: "chgerPhnno" , width: 120 , cellClass: 'text-center'}
  78. ];
  79. var gridOptionsOrderChangeList = gagaAgGrid.getGridOptions(columnDefsOrderChangeList);
  80. </script>
  81. <!-- function -->
  82. <script>
  83. // 취소승인
  84. var fnCnclReq = function (cnclGbn) {
  85. var confirmStr = "";
  86. var cnclLinkStr = "";
  87. if (cnclGbn == "cancel") {
  88. confirmStr = "요청번호 [" + ordChgSq + "] 에 대한 요청철회 처리를 하시겠습니까?";
  89. cnclLinkStr = "/orderChange/cnclReqCancel";
  90. } else {
  91. confirmStr = "요청번호 [" + ordChgSq + "] 에 대한 취소승인 처리를 하시겠습니까?";
  92. cnclLinkStr = "/orderChange/cnclReqComplete";
  93. }
  94. mcxDialog.confirm(confirmStr, {
  95. cancelBtnText : "취소",
  96. sureBtnText : "확인",
  97. sureBtnClick : function () {
  98. var data = new Object();
  99. data.ordNo = ordNo; //전역변수
  100. data.ordChgSq = ordChgSq;
  101. var jsonData = JSON.stringify(data);
  102. gagajf.ajaxJsonSubmit(
  103. cnclLinkStr
  104. , jsonData
  105. , function (result) {
  106. uifnPopupClose('popupOrderDetail');
  107. fnReOpenOrderDetailPopup();
  108. uifnPopupClose('popupCancelRequestForm');
  109. }
  110. );
  111. }
  112. });
  113. };
  114. </script>
  115. <script>
  116. $(document).ready(function() {
  117. // 1. 그리드생성
  118. gagaAgGrid.createGrid('gridOrderChangeList' , gridOptionsOrderChangeList); // 취소/반품/교환 요청 정보
  119. // 2. 그리드 데이타 싱크작업
  120. gridOptionsOrderChangeList.api.setRowData(orderChangeList); // 취소/반품/교환요청 정보
  121. // 2.1 TOTAL ROWS 없애기
  122. gagaAgGrid.hideStatusBar('gridOrderChangeList');
  123. });
  124. </script>
  125. </html>