OrderDetailCouponHst.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html>
  2. <html lang="ko" xmlns:th="http://www.thymeleaf.org">
  3. <!--
  4. *******************************************************************************
  5. * @source : OrderDetailCouponHst.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.16 jsh77b 최초 작성
  14. *******************************************************************************
  15. -->
  16. <div class="modalPopup" data-width="1000">
  17. <div class="panelStyle">
  18. <div class="panelTitle">
  19. <h2>쿠폰 내역</h2>
  20. <button type="button" class="close" onclick="uifnPopupClose('popupOrderDetailCouponHstForm');"><i class="fa fa-times"></i></button>
  21. </div>
  22. <div class="panelContent" style="overflow-y:auto;">
  23. <form id="cancelRequestFrm">
  24. <div id="gridOrderCouponInfo" style="width:100%; height:260px;" class="ag-theme-balham"></div>
  25. </form>
  26. </div>
  27. </div>
  28. </div>
  29. <!-- data -->
  30. <script th:inline="javascript">
  31. /*<![CDATA[*/
  32. var orderCouponHstList = [[${orderCouponHstList}]];
  33. //specify the columns
  34. var columnDefsOrderCouponInfo = [
  35. {headerName: "쿠폰구분", field: "cpnType", width: 100, cellClass: 'text-center'},
  36. {headerName: "상품코드/공급처코드", field: "targetCd1", width: 160, cellClass: 'text-center'},
  37. {headerName: "주문상세/배송정책", field: "targetCd2", width: 160, cellClass: 'text-center'},
  38. {headerName: "쿠폰ID", field: "cpnSq", width: 100, cellClass: 'text-center'},
  39. {headerName: "쿠폰명", field: "cpnNm", width: 140, cellClass: 'text-center'},
  40. {
  41. headerName : "웹 할인금액/율"
  42. , field : "dcPval"
  43. , width : 120
  44. , cellClass : 'text-center'
  45. , valueFormatter : function(params) {
  46. return (params.data.dcWay == '10') ? params.value.addComma() + '원' : params.value.addComma() + '%';}
  47. },
  48. {
  49. headerName : "모바일 할인금액/율"
  50. , field : "dcMval"
  51. , width : 120
  52. , cellClass : 'text-center'
  53. , valueFormatter : function(params) {
  54. return (params.data.dcWay == '10') ? params.value.addComma() + '원' : params.value.addComma() + '%';
  55. }
  56. },
  57. {
  58. headerName : "판매상품가격"
  59. , field : "ordAmt"
  60. , width : 100
  61. , cellClass : 'text-center'
  62. , valueFormatter : function(params) {
  63. return params.value.addComma();
  64. }
  65. },
  66. {
  67. headerName : "실할인금액"
  68. , field : "cpnDcAmt"
  69. , width : 100
  70. , cellClass : 'text-center'
  71. , valueFormatter : function(params) {
  72. return params.value.addComma();
  73. }
  74. }
  75. ];
  76. var gridOptionsOrderCouponInfo = gagaAgGrid.getGridOptions(columnDefsOrderCouponInfo);
  77. $(document).ready(function() {
  78. // Create a agGrid
  79. gagaAgGrid.createGrid('gridOrderCouponInfo', gridOptionsOrderCouponInfo);
  80. gridOptionsOrderCouponInfo.api.setRowData(orderCouponHstList);
  81. gagaAgGrid.hideStatusBar('gridOrderCouponInfo');
  82. });
  83. /*]]>*/
  84. </script>
  85. </html>