SweetTrackerDeliveryList.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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.06.17 jsh77b 최초 작성
  15. *******************************************************************************
  16. -->
  17. <div class="modalPopup" data-width="750" >
  18. <div class="panelStyle">
  19. <div class="panelTitle">
  20. <h2>배송정보이력</h2>
  21. <button type="button" class="close" onclick="uifnPopupClose('popupSweetTrackerDeliveryInfo')"><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 sweetTrackerDeliveryList = [[${sweetTrackerDeliveryList}]];
  33. // specify the columns
  34. var columnDefsDelvDetailItemInfo = [
  35. {headerName: "택배사처리시간" , field: "timeTrans" , width: 150 , cellClass: 'text-center'},
  36. {headerName: "택배위치" , field: "delvWhere" , width: 160 , cellClass: 'text-left'},
  37. {headerName: "배송상세정보" , field: "details" , width: 240 , cellClass: 'text-left'},
  38. {
  39. headerName : "연락처"
  40. , field : "telno"
  41. , width : 130
  42. , cellClass : 'text-center'
  43. , cellRenderer : function (params) {
  44. var retStr = '';
  45. if (!gagajf.isNull(params.value)) {
  46. retStr = params.value.replace(/[^0-9]/g, "").replace(/(^02|^0505|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3").replace("--", "-");
  47. }
  48. return retStr;
  49. }
  50. }
  51. ];
  52. $(document).ready(function() {
  53. // Get GridOptions
  54. var gridDelvDetailItemInfo = gagaAgGrid.getGridOptions(columnDefsDelvDetailItemInfo);
  55. gagaAgGrid.createGrid('gridDelvDetailItemInfo', gridDelvDetailItemInfo);
  56. gridDelvDetailItemInfo.api.setRowData(sweetTrackerDeliveryList);
  57. $('.ag-status-bar').hide();
  58. });
  59. //2021.04.09 하이픈처리
  60. $(document).on("keyup", "#deliveryModifyForm input[name=recipPhnno]", function() {
  61. $(this).val( $(this).val().replace(/[^0-9]/g, "").replace(/(^02|^0505|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3").replace("--", "-") );
  62. });
  63. /*]]>*/
  64. </script>
  65. </html>