DeliveryDetailItemForm.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <!--
  5. *******************************************************************************
  6. * @source : DeliveryDetailItemForm.html
  7. * @desc : 주문상세 단품 화면
  8. *============================================================================
  9. * ISTYLE24
  10. * Copyright(C) 2021 TSIT, All rights reserved.
  11. *============================================================================
  12. * VER DATE AUTHOR DESCRIPTION
  13. * === =========== ========== =============================================
  14. * 1.0 2021.03.05 moon 최초 작성
  15. *******************************************************************************
  16. -->
  17. <div class="modalPopup" data-width="850" >
  18. <div class="panelStyle">
  19. <div class="panelTitle">
  20. <h2>세트구성 상품정보</h2>
  21. <button type="button" class="close" onclick="uifnPopupClose('popupDeliveryDetailItemForm')"><i class="fa fa-times"></i></button>
  22. </div>
  23. <div class="panelContent" style="overflow-y:auto;">
  24. <form id="DeliveryDetailItemFrm">
  25. <div id="gridDelvDetailItemInfo" style="width:100%; height: 260px;" class="ag-theme-balham"></div>
  26. </form>
  27. </div>
  28. </div>
  29. </div>
  30. <script th:inline="javascript">
  31. /*<![CDATA[*/
  32. var delvDetailItemList = [[${delvDetailItemList}]];
  33. // specify the columns
  34. var columnDefsDelvDetailItemInfo = [
  35. {headerName: "상품코드", field: "itemCd", width: 100, cellClass: 'text-center'},
  36. {headerName: "SKUCODE", field: "optCd", width: 100, cellClass: 'text-center'},
  37. {headerName: "상품명", field: "goodsNm", width: 200, cellClass: 'text-left'},
  38. {headerName: "색상", field: "optCd1", width: 80, cellClass: 'text-center'},
  39. {headerName: "사이즈", field: "optCd2", width: 70, cellClass: 'text-center'},
  40. {headerName: "수량", field: "itemQty", width: 45, cellClass: 'text-center'},
  41. {headerName: "단가", field: "itemPrice", width: 70, cellClass: 'text-right',
  42. cellRenderer: function (params) {
  43. return params.value.addComma();
  44. }
  45. },
  46. {headerName: "현재고", field: "currStockQty", width: 70, cellClass: 'text-right'},
  47. {headerName: "안전재고", field: "baseStockQty", width: 70, cellClass: 'text-right'}
  48. ];
  49. $(document).ready(function() {
  50. // Get GridOptions
  51. var gridDelvDetailItemInfo = gagaAgGrid.getGridOptions(columnDefsDelvDetailItemInfo);
  52. gagaAgGrid.createGrid('gridDelvDetailItemInfo', gridDelvDetailItemInfo);
  53. gridDelvDetailItemInfo.api.setRowData(delvDetailItemList);
  54. $('.ag-status-bar').hide();
  55. });
  56. /*]]>*/
  57. </script>
  58. </html>