AssignPopupForm.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <!--
  5. *******************************************************************************
  6. * @source : AssignPopupForm.html
  7. * @desc : 출고처 지정 팝업
  8. *============================================================================
  9. * ISTYLE24
  10. * Copyright(C) 2020 TSIT, All rights reserved.
  11. *============================================================================
  12. * VER DATE AUTHOR DESCRIPTION
  13. * === =========== ========== =============================================
  14. * 1.0 2020.04.19 moon 최초 작성
  15. *******************************************************************************
  16. -->
  17. <div class="modalPopup" data-width="700" data-height="800">
  18. <div class="panelStyle">
  19. <!-- TITLE -->
  20. <div class="panelTitle">
  21. <h2>출고처 지정</h2>
  22. <button type="button" class="close" onclick="uifnPopupClose('popupAssignForm')"><i class="fa fa-times"></i></button>
  23. </div>
  24. <!-- //TITLE -->
  25. <form id="assignPopupForm" name="assignPopupForm" th:action="@{'/delivery/assign/popup/list'}" >
  26. <input type="hidden" name="ordDtlNo" id="ordDtlNo" th:value="${orderDetail.ordDtlNo}">
  27. <input type="hidden" name="goodsCd" id="goodsCd" th:value="${orderDetail.goodsCd}">
  28. <input type="hidden" name="sizeCd" id="ordNo" th:value="${orderDetail.ordNo}">
  29. <table class="frmStyle">
  30. <colgroup>
  31. <col style="width:10%;"/>
  32. <col style="width:20%;"/>
  33. <col style="width:10%;"/>
  34. <col style="width:20%;"/>
  35. <col style="width:10%;"/>
  36. <col style="width:30%;"/>
  37. </colgroup>
  38. <tr>
  39. <th>주문상세번호</th>
  40. <td class="aC solidR" th:text="${orderDetail.ordDtlNo}"></td>
  41. <th>상품가격</th>
  42. <td class="aC solidR" th:text="${#numbers.formatDecimal(orderDetail.currPrice, 0,'COMMA', 0,'POINT')}">
  43. <th>상품코드</th>
  44. <td class="aC solidR" th:text="${orderDetail.goodsCd}"></td>
  45. </tr>
  46. </table>
  47. </form>
  48. <ul class="panelBar">
  49. <li class="center">
  50. <button type="button" class="btn btn-base btn-sm" id="btnPopupSearch">조회</button>
  51. <button type="button" class="btn btn-danger btn-sm" id="btnPopupAssign">출고처 지정</button>
  52. </li>
  53. </ul>
  54. <!-- 테이블 영역 영역 -->
  55. <div id="gridDelvLocList" style="width: 100%; height: 500px;" class="ag-theme-balham"></div>
  56. <!-- 테이블 영역 -->
  57. </div>
  58. </div>
  59. <script th:inline="javascript">
  60. /*<![CDATA[*/
  61. var assignPopupColumnDefs = [
  62. // group cell renderer needed for expand / collapse icons
  63. {headerName: "출고처", field: "delvLocNm", width: 350, cellClass: 'text-center'},
  64. {headerName: "출고처코드", field: "delvLocCd", width: 100, cellClass: 'text-center'},
  65. {headerName: "수량", field: "stockQty", width: 100, cellClass: 'text-center'},
  66. {headerName: "출고거부여부", field: "delvArGb", width: 100, cellClass: 'text-center'}
  67. ];
  68. //Get GridOptions
  69. var assignPopupGridOptions = gagaAgGrid.getGridOptions(assignPopupColumnDefs);
  70. assignPopupGridOptions.rowSelection = 'single';
  71. $(document).ready(function() {
  72. gagaAgGrid.createGrid('gridDelvLocList', assignPopupGridOptions);
  73. });
  74. $('#btnPopupSearch').on('click', function() {
  75. fnPopupSearchList();
  76. });
  77. var fnPopupSearchList = function() {
  78. gagaAgGrid.fetch($('#assignPopupForm').prop('action'), assignPopupGridOptions, '#assignPopupForm', function(){
  79. });
  80. }
  81. // 출고처지정 버튼 클릭 시
  82. $('#btnPopupAssign').on('click', function() {
  83. var selectedRowData = gagaAgGrid.selectedRowData(assignPopupGridOptions);
  84. if (selectedRowData.length == 0) {
  85. mcxDialog.alert('선택된 행이 없습니다.');
  86. return;
  87. }
  88. mcxDialog.confirm('출고처를 지정하시겠습니까?', {
  89. cancelBtnText: "취소",
  90. sureBtnText: "확인",
  91. sureBtnClick: function() {
  92. var updatedData = selectedRowData[0];
  93. updatedData.ordDtlNo = $('#ordDtlNo').val();
  94. updatedData.ordNo = $('#ordNo').val();
  95. var jsonData = JSON.stringify(updatedData);
  96. gagajf.ajaxJsonSubmit('/delivery/assign/save'
  97. , jsonData
  98. , function() {
  99. $('#btnSearch').trigger('click');
  100. uifnPopupClose('popupAssignForm');
  101. });
  102. }
  103. });
  104. });
  105. $(document).ready(function() {
  106. fnPopupSearchList();
  107. });
  108. /*]]>*/
  109. </script>
  110. </html>