1. 우편통합 - 우편발송 수정.

2. 우편통합 - 접수결과 수정.
main
jjh 10 months ago
parent 8a76373a95
commit 5acd841978

@ -103,7 +103,7 @@
</select>
<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
검색
</button>
</div>
@ -404,7 +404,8 @@
// 사용자 검색
$P.getFindUser = () => {
let params = {
callbackFuncName : "$P.callbackFindUser"
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
}
ajax.get({

@ -13,14 +13,14 @@
<div>
<!-- 상단 버튼 -->
<div class="container-page-btn">
<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화" onclick="fnResetAndChangeBiz${pageName}();">
<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화">
초기화
</button>
<span class="container-window-btn-right">
<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색" onclick="fnSearchList${pageName}();">
<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색">
검색
</button>
<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀" onclick="fnExcel${pageName}();">
<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">
엑셀
</button>
</span>
@ -124,7 +124,7 @@
</select>
<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
검색
</button>
</div>
@ -145,10 +145,10 @@
</div>
<span class="container-window-btn-right">
<!-- 업무 버튼 -->
<button type="button" class="btn btn-primary w-px-120" id="btnUpdate--${pageName}" title="발송 취소" onclick="fnUpdate${pageName}();">
<button type="button" class="btn btn-primary w-px-120" id="btnUpdate--${pageName}" title="발송 취소">
발송 취소
</button>
<button type="button" class="btn btn-primary w-px-120" id="btnRemove--${pageName}" title="발송 삭제" onclick="fnRemove${pageName}();">
<button type="button" class="btn btn-primary w-px-120" id="btnRemove--${pageName}" title="발송 삭제">
발송 삭제
</button>
</span>
@ -160,55 +160,55 @@
<ul class="nav nav-tabs" id="tabs--${pageName}" role="tablist">
<li class="nav-item">
<button type="button" class="nav-link w-px-160 h-100 active" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt0"
aria-controls="tabEpostRcpt0" aria-selected="true" onClick="fnTabEpostRcpt0${pageName}();">
aria-controls="tabEpostRcpt0" aria-selected="true" onClick="pageObject['${pageName}'].fnTabEpostRcpt0();">
전체
</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt1"
aria-controls="tabEpostRcpt1" aria-selected="false" onClick="fnTabEpostRcpt1${pageName}();">
aria-controls="tabEpostRcpt1" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt1();">
발송대기
</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt2"
aria-controls="tabEpostRcpt2" aria-selected="false" onClick="fnTabEpostRcpt2${pageName}();">
aria-controls="tabEpostRcpt2" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt2();">
발송취소
</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt3"
aria-controls="tabEpostRcpt3" aria-selected="false" onClick="fnTabEpostRcpt3${pageName}();">
aria-controls="tabEpostRcpt3" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt3();">
전송
</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt4"
aria-controls="tabEpostRcpt4" aria-selected="false" onClick="fnTabEpostRcpt4${pageName}();">
aria-controls="tabEpostRcpt4" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt4();">
접수
</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt5"
aria-controls="tabEpostRcpt5" aria-selected="false" onClick="fnTabEpostRcpt5${pageName}();">
aria-controls="tabEpostRcpt5" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt5();">
제작불가
</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt6"
aria-controls="tabEpostRcpt6" aria-selected="false" onClick="fnTabEpostRcpt6${pageName}();">
aria-controls="tabEpostRcpt6" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt6();">
제작
</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt7"
aria-controls="tabEpostRcpt7" aria-selected="false" onClick="fnTabEpostRcpt7${pageName}();">
aria-controls="tabEpostRcpt7" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt7();">
배달중
</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt8"
aria-controls="tabEpostRcpt8" aria-selected="false" onClick="fnTabEpostRcpt8${pageName}();">
aria-controls="tabEpostRcpt8" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt8();">
배달완료
</button>
</li>
@ -236,7 +236,7 @@
<tr id="theadTr--${pageName}"
data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th class="cmn" style="width: 72px;">NO.</th>
<th class="cmn" style="width: 56px;"><input type="checkbox" class="form-check-input" onchange="${pageName}Control.select(this.checked);"></th>
<th class="cmn" style="width: 56px;"><input type="checkbox" class="form-check-input" onchange="pageObject['${pageName}'].control.select(this.checked);"></th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('SEND_DATE', this.innerText, 'ymd', '');">발송일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('JOB_CD', this.innerText, 'match', 'part');">발송내역</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('DIV_KB', this.innerText, 'codeValue', 'EGP002');">취급구분</th>
@ -254,7 +254,7 @@
<template id="${infoPrefix}Row--${pageName}">
<tr data-key="{CON_KEY}">
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
<td class="cmn text-center"><input type="checkbox" class="form-check-input" value="{CON_KEY}" onchange="${pageName}Control.select('{CON_KEY}', this.checked);"></td>
<td class="cmn text-center"><input type="checkbox" class="form-check-input" value="{CON_KEY}" onchange="pageObject['${pageName}'].control.select('{CON_KEY}', this.checked);"></td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SEND_DATE}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{JOB_CD}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DIV_KB_NM}</td>
@ -282,8 +282,6 @@
</div> <!-- <div class="card"> -->
</div> <!-- <div class="container-xxl flex-grow-1 px-0"> -->
<div class="content-backdrop fade"></div>
</div>
<!-- / inner page html <div class="content-wrapper"> -->
@ -292,23 +290,30 @@
/**************************************************************************
* Global Variable
**************************************************************************/
pageObject["${pageName}"] = {};
/**************************************************************************
* script 진입
**************************************************************************/
$(document).ready(function() {
// pageObject
var $P = pageObject["${pageName}"];
// URL
var ${pageName}PrefixUrl = "/epst/epst02";
$P.PrefixUrl = "/epst/epst02";
// FormFields
var ${pageName}Fields = new FimsFormFields("#frmSearch--${pageName}");
$P.formFields = new FimsFormFields("#frmSearch--${pageName}");
/**************************************************************************
* DatasetControl
**************************************************************************/
var ${pageName}Control = new DatasetControl({
$P.control = new DatasetControl({
prefix : "epostRcptReg"
, prefixName : "우편 발송"
, infoSize : "xxl"
, keymapper : info => info ? info.CON_KEY : ""
, dataGetter : obj => obj.epostRcptRegList
, appendData : true
, untilPageNum : 0 // 현재 페이지 번호
, tableRenderComplete : false // dataTables 에 자료 추가 완료 여부
, formats : {
SEND_DATE : dateFormat
, RCEPT_YMD : dateFormat
@ -317,28 +322,33 @@
, MDFCN_DT : datetimeFormat
}
});
// $P.control 설정
$P.control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
$P.control.untilPageNum = 0; // 현재 페이지 번호
$P.control.tableRenderComplete = false; // dataTables 에 자료 추가 완료 여부
$P.control.beforeCurrent = null;
/**************************************************************************
* DatasetControl 이벤트
**************************************************************************/
// Dataset 변경 이벤트
${pageName}Control.onDatasetChange = obj => {
renderList${pageName}(obj.${infoPrefix}Total);
$P.control.onDatasetChange = obj => {
$P.renderList(obj.${infoPrefix}Total);
$("#paging--${pageName}").setPagingInfo({
list : ${pageName}Control.dataset
list : $P.control.dataset
, prefix : "paging--${pageName}"
, start : obj.${infoPrefix}Start
, totalSize : obj.${infoPrefix}Total
, fetchSize : obj.${infoPrefix}Fetch
, func : "${pageName}Control.load({index})"
, func : "$P.control.load({index})"
});
${pageName}Control.tableRenderComplete = true; // dataTables 에 자료 추가 true
$P.control.tableRenderComplete = true; // dataTables 에 자료 추가 완료
};
// 현재 선택 자료 변경 이벤트
${pageName}Control.onCurrentChange = item => {
$P.control.onCurrentChange = item => {
if (!item) return;
let key = item.data.CON_KEY;
@ -347,8 +357,8 @@
};
// 선택(체크) 변경 이벤트
${pageName}Control.onSelectionChange = selected => {
let ${infoPrefix}List = ${pageName}Control.dataset;
$P.control.onSelectionChange = selected => {
let ${infoPrefix}List = $P.control.dataset;
let keys = selected.map(e => ${infoPrefix}List.getKey(e));
$("#tbody--${pageName} input[type='checkbox']").each(function() {
@ -360,8 +370,8 @@
$("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
};
// 상세 정보 dialog
${pageName}Control.getInfo = (callPurpose, conKey) => {
// 우편통합 상세 정보 dialog
$P.control.getInfo = (callPurpose, conKey) => {
if (typeof conKey == "undefined" || conKey == null || conKey == "") return;
if (typeof callPurpose == "undefined" || callPurpose == null || callPurpose == "") {
@ -378,79 +388,86 @@
let dialogTitle = "";
if (params.callPurpose == "create") {
dialogTitle = ${pageName}Control.prefixName + " 등록";
dialogTitle = $P.control.prefixName + " 등록";
} else if (params.callPurpose == "update") {
dialogTitle = ${pageName}Control.prefixName + " 수정";
dialogTitle = $P.control.prefixName + " 수정";
} else {
dialogTitle = ${pageName}Control.prefixName + " 정보";
dialogTitle = $P.control.prefixName + " 정보";
}
ajax.get({
url : ${pageName}Control.urls.getInfo
url : $P.control.urls.getInfo
, data : params || {}
, success : resp => {
dialog.open({
id : ${pageName}Control.prefixed("Dialog")
id : $P.control.prefixed("Dialog")
, title :dialogTitle
, content : resp
, size : ${pageName}Control.infoSize
, onClose : () => { } // callback
, size : $P.control.infoSize
, onClose : () => { $P.refreshList(); }
});
}
});
}
// 저장 callback
${pageName}Control.onSave = (resp) => {
$P.control.onSave = (resp) => {
let btnTitle = $("#btnUpdate--${pageName}").attr("title");
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
dialog.alert(showMessage);
// 메시지 출력
dialog.alert({
content : showMessage
, onOK : () => { }
});
if (resp.saved) {
refreshList${pageName}();
$P.refreshList();
}
}
// 저장
${pageName}Control.save = (info) => {
$P.control.save = (info) => {
if (!info) return;
ajax.post({
url : ${pageName}Control.urls.update
url : $P.control.urls.update
, data : info
, success : resp => ${pageName}Control.onSave(resp)
, success : resp => $P.control.onSave(resp)
});
}
// 삭제 callback
${pageName}Control.onRemove = (selected, resp) => {
$P.control.onRemove = (selected, resp) => {
let btnTitle = $("#btnRemove--${pageName}").attr("title");
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
dialog.alert(showMessage);
// 메시지 출력
dialog.alert({
content : showMessage
, onOK : () => { }
});
// 자료 재조회
if (resp.saved) {
refreshList${pageName}(); // 자료 재조회
$P.refreshList();
}
}
// 삭제
${pageName}Control.remove = (params) => {
let selected = ${pageName}Control.dataset.getKeys("selected");
$P.control.remove = (params) => {
let selected = $P.control.dataset.getKeys("selected");
if (selected.length < 1) return;
if (!params) {
params = {};
params["conKeys"] = selected.join(","); // IDs
params["conKeys"] = selected.join(","); // params[$P.control.prefixed("IDs")] = selected.join(",");
}
ajax.post({
url : ${pageName}Control.urls.remove
url : $P.control.urls.remove
, data : params || {}
, success : resp => ${pageName}Control.onRemove(selected, resp)
, success : resp => $P.control.onRemove(selected, resp)
});
}
@ -458,8 +475,8 @@
* DataTables 이벤트
**************************************************************************/
// DataTables에 click, dbclick 이벤트
renderList${pageName} = (totalSize) => {
let ${infoPrefix}List = ${pageName}Control.dataset;
$P.renderList = (totalSize) => {
let ${infoPrefix}List = $P.control.dataset;
let empty = ${infoPrefix}List.empty;
let trs = empty ?
@ -467,19 +484,19 @@
${infoPrefix}List.inStrings(
document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
(str, dataItem) => str
.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("CON_KEY") + "');")
.replace(/{ondblclick}/gi, "${pageName}Control.getInfo('view', '" + dataItem.getValue("CON_KEY") + "');")
.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("CON_KEY") + "');")
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].control.getInfo('view', '" + dataItem.getValue("CON_KEY") + "');")
);
let noMore = (totalSize == ${infoPrefix}List.length);
let initScroll = (${pageName}Control.query.pageNum < 2) && (${pageName}Control.untilPageNum == 0);
let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
if (${pageName}Control.untilPageNum != 0) {
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;
${pageName}Control.query.pageNum = ${pageName}Control.untilPageNum;
${pageName}Control.untilPageNum = 0;
if ($P.control.untilPageNum != 0) {
$P.control.query.fetchSize = $P.control.defaultFetchSize;
$P.control.query.pageNum = $P.control.untilPageNum;
$P.control.untilPageNum = 0;
}
// checkbox 체크 해제
@ -490,25 +507,26 @@
}
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
scrollDataList${pageName} = () => {
${pageName}Control.tableRenderComplete = false; // dataTables 에 자료 추가 false
$P.scrollDataList = () => {
$P.control.tableRenderComplete = false; // dataTables 에 자료 추가 false
${pageName}Control.load(${pageName}Control.query.pageNum + 1);
$P.control.load($P.control.query.pageNum + 1);
}
/**************************************************************************
* 사용자 함수
**************************************************************************/
// callback 사용자 검색
callbackFindUser${pageName} = (userId, userNm) => {
$P.callbackFindUser = (userId, userNm) => {
$("#schRgtrCd--${pageName}").val(userId); // 사용자 ID
$("#schRgtrNm--${pageName}").val(userNm); // 사용자 명
}
// 사용자 검색
getFindUser${pageName} = () => {
$P.getFindUser = () => {
let params = {
callbackFuncName : "callbackFindUser${pageName}"
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
}
ajax.get({
@ -526,77 +544,80 @@
}
// 검색 자료 재조회
refreshList${pageName} = () => {
${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum;
$P.refreshList = () => {
$P.control.untilPageNum = $P.control.query.pageNum;
$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
${pageName}Control.load(1);
$P.control.load(1);
}
/**************************************************************************
* 버튼 clickEvent
**************************************************************************/
// 업무 구분 변경
fnResetAndChangeBiz${pageName} = (taskSeCd) => {
$P.fnResetAndChangeBiz = (taskSeCd) => {
// 업무 구분 코드
if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
}
// 초기 기본 설정
initForm${pageName}();
$P.initForm();
// 기본 데이터 설정
setFormData${pageName}(taskSeCd);
$P.initData(taskSeCd);
// 업무 구분별 설정
$P.setTask(taskSeCd);
// dataset 초기화
$P.control.dataset.clear();
}
// 검색 버튼 이벤트
fnSearchList${pageName} = (clickTab) => {
$P.fnSearchList = (clickTab) => {
// 검색조건
${pageName}Control.query = ${pageName}Fields.get();
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize; // 1 페이지당 조회되는 자료 건수
${pageName}Control.query.sggCd = $("#sggCd--${pageName}").val(); // 시군구 코드
${pageName}Control.query.conOrg = $("#conOrg--${pageName}").val(); // 외부기관구분코드
${pageName}Control.query.relorsectCd = $("#deptCd--${pageName}").val(); // 결제부서코드(부서코드)
${pageName}Control.query.delYN = "N"; // 삭제 여부
$P.control.query = $P.formFields.get();
$P.control.query.fetchSize = $P.control.defaultFetchSize; // 한번에 조회되는 자료 건수
$P.control.query.sggCd = $("#sggCd--${pageName}").val(); // 시군구 코드
$P.control.query.conOrg = $("#conOrg--${pageName}").val(); // 외부기관구분코드
$P.control.query.relorsectCd = $("#deptCd--${pageName}").val(); // 결제부서코드(부서코드)
$P.control.query.delYN = "N"; // 삭제 여부
// 탭 선택에 따른 우편 처리 상태(POST_PROC_STT) 설정.
if (clickTab == "tab1") { // 발송대기
${pageName}Control.query.postPrcsSttsCdFrom = "01";
${pageName}Control.query.postPrcsSttsCdTo = "01";
$P.control.query.postPrcsSttsCdFrom = "01";
$P.control.query.postPrcsSttsCdTo = "01";
} else if (clickTab == "tab2") { // 발송취소
${pageName}Control.query.postPrcsSttsCdFrom = "02";
${pageName}Control.query.postPrcsSttsCdTo = "02";
$P.control.query.postPrcsSttsCdFrom = "02";
$P.control.query.postPrcsSttsCdTo = "02";
} else if (clickTab == "tab3") { // 전송
${pageName}Control.query.postPrcsSttsCdFrom = "03";
${pageName}Control.query.postPrcsSttsCdTo = "03";
$P.control.query.postPrcsSttsCdFrom = "03";
$P.control.query.postPrcsSttsCdTo = "03";
} else if (clickTab == "tab4") { // 접수
${pageName}Control.query.postPrcsSttsCdFrom = "05";
${pageName}Control.query.postPrcsSttsCdTo = "05";
$P.control.query.postPrcsSttsCdFrom = "05";
$P.control.query.postPrcsSttsCdTo = "05";
} else if (clickTab == "tab5") { // 제작불가
${pageName}Control.query.postPrcsSttsCdFrom = "21";
${pageName}Control.query.postPrcsSttsCdTo = "79";
$P.control.query.postPrcsSttsCdFrom = "21";
$P.control.query.postPrcsSttsCdTo = "79";
} else if (clickTab == "tab6") { // 제작완료
${pageName}Control.query.postPrcsSttsCdFrom = "80";
${pageName}Control.query.postPrcsSttsCdTo = "80";
$P.control.query.postPrcsSttsCdFrom = "80";
$P.control.query.postPrcsSttsCdTo = "80";
} else if (clickTab == "tab7") { // 배달중
${pageName}Control.query.postPrcsSttsCdFrom = "90";
${pageName}Control.query.postPrcsSttsCdTo = "90";
$P.control.query.postPrcsSttsCdFrom = "90";
$P.control.query.postPrcsSttsCdTo = "90";
} else if (clickTab == "tab8") { // 배달완료
${pageName}Control.query.postPrcsSttsCdFrom = "95";
${pageName}Control.query.postPrcsSttsCdTo = "95";
$P.control.query.postPrcsSttsCdFrom = "95";
$P.control.query.postPrcsSttsCdTo = "95";
} else { // 전체
//
}
// 검색
${pageName}Control.load(1);
$P.control.load(1);
}
// 엑셀 버튼 이벤트
fnExcel${pageName} = () => {
if (${pageName}Control.dataset.empty) {
$P.fnExcel = () => {
if ($P.control.dataset.empty) {
dialog.alert({
content : "검색된 자료가 없습니다."
, onOK : () => { }
@ -608,25 +629,30 @@
// DataTables(그리드)
let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th").not(":eq(0)")
, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
$P.control.query.cellDefs = cellDefs;
${pageName}Control.query.cellDefs = cellDefs;
${pageName}Control.download();
$P.control.download();
}
// 사용자 검색 버튼 이벤트
fnFindUser${pageName} = () => {
getFindUser${pageName}();
// 사용자 조회 버튼 이벤트
$P.fnFindUser = () => {
$P.getFindUser();
}
// 발송 취소 버튼 이벤트
fnUpdate${pageName} = () => {
let conKey = ${pageName}Control.dataset.getValue("CON_KEY"); // 외부연계식별키
let sndngId = ${pageName}Control.dataset.getValue("SNDNG_ID"); // 발송 ID
let postPrcsSttsCd = ${pageName}Control.dataset.getValue("POST_PRCS_STTS_CD"); // 우편 처리 상태 코드
$P.fnUpdate = () => {
// 외부연계식별키
let conKey = $P.control.dataset.getValue("CON_KEY");
// 외부연계식별키 가 없다면.. return
if (typeof conKey == "undefined" || conKey == null || conKey == "") return;
// 발송 ID
let sndngId = $P.control.dataset.getValue("SNDNG_ID");
// 발송 ID 가 없다면.. return
if (typeof sndngId == "undefined" || sndngId == null || sndngId == "") return;
// 우편 처리 상태 코드
let postPrcsSttsCd = $P.control.dataset.getValue("POST_PRCS_STTS_CD");
// 우편 처리 상태 확인
if (postPrcsSttsCd != "01") {
dialog.alert({
@ -636,120 +662,128 @@
return;
}
dialog.alert({
content : "현재 " + ${pageName}Control.prefixName + " 정보를 취소하시겠습니까?"
, onOK : () => {
let params = {
callPurpose : "update"
, sggCd : ${pageName}Control.dataset.getValue("SGG_CD") // 시군구 코드
, sggCd : $P.control.dataset.getValue("SGG_CD") // 시군구 코드
, conKey : conKey // 외부연계식별키
, sndngId : sndngId // 발송 ID
};
${pageName}Control.save(params);
dialog.alert({
content : "선택한 " + $P.control.prefixName + " 정보를 취소하시겠습니까?"
, onOK : () => {
$P.control.save(params);
}
});
}
// 발송 삭제 버튼 이벤트
fnRemove${pageName} = () => {
let conKey = ${pageName}Control.dataset.getValue("CON_KEY"); // 외부연계식별키
let postPrcsSttsCd = ${pageName}Control.dataset.getValue("POST_PRCS_STTS_CD"); // 우편 처리 상태 코드
$P.fnRemove = () => {
// 외부연계식별키
let conKey = $P.control.dataset.getValue("CON_KEY");
// 외부연계식별키 가 없다면.. return
if (typeof conKey == "undefined" || conKey == null || conKey == "") return;
// 우편 처리 상태 코드
let postPrcsSttsCd = $P.control.dataset.getValue("POST_PRCS_STTS_CD");
// 우편 처리 상태 확인
if (postPrcsSttsCd != "02" && postPrcsSttsCd != "03" && postPrcsSttsCd != "05"
&& postPrcsSttsCd != "21" && postPrcsSttsCd != "22" && postPrcsSttsCd != "23"
&& postPrcsSttsCd != "24" && postPrcsSttsCd != "61" && postPrcsSttsCd != "62") {
dialog.alert({
content : "처리상태가 제작불가, 발송취소, 전송, 접수 자료만 삭제 가능합니다."
content : "처리상태가 '발송취소', '전송', '접수', '제작불가' 자료만 삭제 가능합니다."
, onOK : () => { }
});
return;
}
dialog.alert({
content : "선택한 " + ${pageName}Control.prefixName + " 정보를 삭제하시겠습니까?"
content : "선택한 " + $P.control.prefixName + " 정보를 삭제하시겠습니까?"
, onOK : () => {
${pageName}Control.remove();
$P.control.remove();
}
});
}
// 탭0
fnTabEpostRcpt0${pageName} = () => {
$P.fnTabEpostRcpt0 = () => {
$("#tabEpostRcpt0").html($("#datatable--${pageName}"));
fnSearchList${pageName}("tab0");
$P.fnSearchList("tab0");
}
// 탭1
fnTabEpostRcpt1${pageName} = () => {
$P.fnTabEpostRcpt1 = () => {
$("#tabEpostRcpt1").html($("#datatable--${pageName}"));
fnSearchList${pageName}("tab1");
$P.fnSearchList("tab1");
}
// 탭2
fnTabEpostRcpt2${pageName} = () => {
$P.fnTabEpostRcpt2 = () => {
$("#tabEpostRcpt2").html($("#datatable--${pageName}"));
fnSearchList${pageName}("tab2");
$P.fnSearchList("tab2");
}
// 탭3
fnTabEpostRcpt3${pageName} = () => {
$P.fnTabEpostRcpt3 = () => {
$("#tabEpostRcpt3").html($("#datatable--${pageName}"));
fnSearchList${pageName}("tab3");
$P.fnSearchList("tab3");
}
// 탭4
fnTabEpostRcpt4${pageName} = () => {
$P.fnTabEpostRcpt4 = () => {
$("#tabEpostRcpt4").html($("#datatable--${pageName}"));
fnSearchList${pageName}("tab4");
$P.fnSearchList("tab4");
}
// 탭5
fnTabEpostRcpt5${pageName} = () => {
$P.fnTabEpostRcpt5 = () => {
$("#tabEpostRcpt5").html($("#datatable--${pageName}"));
fnSearchList${pageName}("tab5");
$P.fnSearchList("tab5");
}
// 탭6
fnTabEpostRcpt6${pageName} = () => {
$P.fnTabEpostRcpt6 = () => {
$("#tabEpostRcpt6").html($("#datatable--${pageName}"));
fnSearchList${pageName}("tab6");
$P.fnSearchList("tab6");
}
// 탭7
fnTabEpostRcpt7${pageName} = () => {
$P.fnTabEpostRcpt7 = () => {
$("#tabEpostRcpt7").html($("#datatable--${pageName}"));
fnSearchList${pageName}("tab7");
$P.fnSearchList("tab7");
}
// 탭8
fnTabEpostRcpt8${pageName} = () => {
$P.fnTabEpostRcpt8 = () => {
$("#tabEpostRcpt8").html($("#datatable--${pageName}"));
fnSearchList${pageName}("tab8");
$P.fnSearchList("tab8");
}
/**************************************************************************
* 초기 설정
**************************************************************************/
// 이벤트
setEvent${pageName} = () => {
$P.setEvent = () => {
// 기본 버튼 이벤트
$("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화
$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색
$("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀
$("#btnFindUser--${pageName}").on("click", () => $P.fnFindUser()); // 사용자 검색
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").keypress(function(e) {
if (e.keyCode == 13) {
fnSearchList${pageName}();   
}
$P.fnSearchList();
}    
});
// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
@ -765,18 +799,30 @@
});
});
//업무 버튼 이벤트
$("#btnUpdate--${pageName}").on("click", () => $P.fnUpdate()); // 발송 취소
$("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 발송 삭제
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
}
// 화면 초기 설정
initForm${pageName} = () => {
// 초기 화면 설정
$P.initForm = () => {
// 화면 초기화
$("#frmSearch--${pageName}")[0].reset();
// input, select 초기화
let searchForm = $("#frmSearch--${pageName}");
searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
searchForm.find("input[type='checkbox']").prop("checked", false);
searchForm.find("input[type='text']").val("");
searchForm.find("input[type='hidden']").val("");
searchForm.find("select").each(function() { $(this).find("option:eq(0)").prop("selected", true); });
// 최고 관리자 경우 업무구분을 선택할 수 있도록 하자.
$("#frmSearch--${pageName} input[name='taskSeCd']").each(function(i) {
$(this).prop("disabled", "true");
@ -784,54 +830,57 @@
// 달력 초기화
initDatepicker("frmSearch--${pageName}");
$("#schSendDateFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
$("#schSendDateFrom--${pageName}").datepicker("setDate", new Date());
$("#schSendDateTo--${pageName}").datepicker("setDate", new Date());
// 동적 검색
$("#byOutput--${pageName}").val("동적 검색");
// 사용자 이름
$("#schRgtrNm--${pageName}").prop("readonly", true);
// dataset 초기화
${pageName}Control.dataset.clear();
}
// 기본 데이터 설정
setFormData${pageName} = (taskSeCd) => {
// ${pageName}Control 설정
${pageName}Control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
$P.initData = (taskSeCd) => {
// 화면 데이터 설정
$("#sggCd--${pageName}").val("${sggCd}"); // 시군구 코드
$("#deptCd--${pageName}").val("${deptCd}"); // 부서 코드
$("#conOrg--${pageName}").val("${conOrg}"); // E그린 외부기관구분코드
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true); // 업무 구분
// 일자
$("#schSendDateFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
$("#schSendDateTo--${pageName}").datepicker("setDate", new Date());
// 첫번째 "전체" 탭에 datatable 설정
$("#tabEpostRcpt0").html($("#datatable--${pageName}"));
}
// 업무 구분별 설정
$P.setTask = (taskSeCd) => {
// URL 설정
setURL${pageName}(taskSeCd);
$P.setURL(taskSeCd);
}
// URL 설정
setURL${pageName} = (taskSeCd) => {
${pageName}Control.urls.load = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/030/list.do"); // 조회
${pageName}Control.urls.update = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/030/updateSttsCd.do"); // 수정 (발송취소)
${pageName}Control.urls.remove = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/030/remove.do"); // 삭제
${pageName}Control.urls.getInfo = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/040/info.do"); // 정보
// 업무구분에 따른 URL 설정
$P.setURL = (taskSeCd) => {
$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/030/list.do"); // 조회
$P.control.urls.update = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/030/updateSttsCd.do"); // 수정 (발송취소)
$P.control.urls.remove = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/030/remove.do"); // 삭제
$P.control.urls.getInfo = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/040/info.do"); // 정보
}
/**************************************************************************
* script 진입
* 최초 실행 함수
**************************************************************************/
$(document).ready(function() {
// 이벤트 설정
setEvent${pageName}();
// 1. 이벤트 설정
$P.setEvent();
// 보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
// 2. 화면 초기 설정 및 업무 구분 변경
$P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
// 화면 초기 설정 및 업무 구분 변경
fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val());
// 3. 보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
});
</script>

@ -21,7 +21,7 @@
<span class="container-page-btn">
<span class="container-window-btn-right">
<!-- 업무 버튼 -->
<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀" onclick="fnExcel${pageName}();">
<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">
엑셀
</button>
</span>
@ -96,52 +96,64 @@
/**************************************************************************
* Global Variable
**************************************************************************/
pageObject["${pageName}"] = {};
/**************************************************************************
* script 진입
**************************************************************************/
$(document).ready(function() {
// pageObject
var $P = pageObject["${pageName}"];
// URL
var ${pageName}PrefixUrl = "/epst/epst02";
$P.PrefixUrl = "/epst/epst02";
// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
var ${pageName}CallPurpose = "${callPurpose}";
$P.callPurpose = "${callPurpose}";
// FormFields
var ${pageName}Fields = new FimsFormFields("#frmEdit--${pageName}");
$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
/**************************************************************************
* DatasetControl
**************************************************************************/
var ${pageName}Control = new DatasetControl({
$P.control = new DatasetControl({
prefix : "epostRcptReg"
, prefixName : "우편 발송 정보"
, keymapper : info => info ? info.RGST_NMBR : ""
, dataGetter : obj => obj.epostRcptRegInfo
, appendData : true
, untilPageNum : 0 // 현재 페이지 번호
, tableRenderComplete : false // dataTables 에 자료 추가 완료 여부
, formats : {
DELIV_YMD_TM : datetimeFormat
, REG_DT : datetimeFormat
, MDFCN_DT : datetimeFormat
}
});
// $P.control 설정
$P.control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
$P.control.untilPageNum = 0; // 현재 페이지 번호
$P.control.tableRenderComplete = false; // dataTables 에 자료 추가 완료 여부
$P.control.beforeCurrent = null;
/**************************************************************************
* DatasetControl 이벤트
**************************************************************************/
// Dataset 변경 이벤트
${pageName}Control.onDatasetChange = obj => {
renderList${pageName}(obj.${infoPrefix}Total);
$P.control.onDatasetChange = obj => {
$P.renderList(obj.${infoPrefix}Total);
$("#paging--${pageName}").setPagingInfo({
list : ${pageName}Control.dataset
list : $P.control.dataset
, prefix : "paging--${pageName}"
, start : obj.${infoPrefix}Start
, totalSize : obj.${infoPrefix}Total
, fetchSize : obj.${infoPrefix}Fetch
, func : "${pageName}Control.load({index})"
, func : "$P.control.load({index})"
});
${pageName}Control.tableRenderComplete = true; // dataTables 에 자료 추가 true
$P.control.tableRenderComplete = true; // dataTables 에 자료 추가 완료
};
// 현재 선택 자료 변경 이벤트
${pageName}Control.onCurrentChange = item => {
$P.control.onCurrentChange = item => {
if (!item) return;
let key = item.data.RGST_NMBR;
@ -156,8 +168,8 @@
* DataTables 이벤트
**************************************************************************/
// DataTables에 click, dbclick 이벤트
renderList${pageName} = (totalSize) => {
let ${infoPrefix}List = ${pageName}Control.dataset;
$P.renderList = (totalSize) => {
let ${infoPrefix}List = $P.control.dataset;
let empty = ${infoPrefix}List.empty;
let trs = empty ?
@ -165,18 +177,18 @@
${infoPrefix}List.inStrings(
document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
(str, dataItem) => str
.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("RGST_NMBR") + "');")
.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("RGST_NMBR") + "');")
);
let noMore = (totalSize == ${infoPrefix}List.length);
let initScroll = (${pageName}Control.query.pageNum < 2) && (${pageName}Control.untilPageNum == 0);
let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
if (${pageName}Control.untilPageNum != 0) {
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;
${pageName}Control.query.pageNum = ${pageName}Control.untilPageNum;
${pageName}Control.untilPageNum = 0;
if ($P.control.untilPageNum != 0) {
$P.control.query.fetchSize = $P.control.defaultFetchSize;
$P.control.query.pageNum = $P.control.untilPageNum;
$P.control.untilPageNum = 0;
}
// checkbox 체크 해제
@ -187,10 +199,10 @@
}
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
scrollDataList${pageName} = () => {
${pageName}Control.tableRenderComplete = false; // dataTables 에 자료 추가 false
$P.scrollDataList = () => {
$P.control.tableRenderComplete = false; // dataTables 에 자료 추가 false
${pageName}Control.load(${pageName}Control.query.pageNum + 1);
$P.control.load($P.control.query.pageNum + 1);
}
/**************************************************************************
@ -202,8 +214,8 @@
* 버튼 clickEvent
**************************************************************************/
// 엑셀 버튼 이벤트
fnExcel${pageName} = () => {
if (${pageName}Control.dataset.empty) {
$P.fnExcel = () => {
if ($P.control.dataset.empty) {
dialog.alert({
content : "검색된 자료가 없습니다."
, onOK : () => { }
@ -212,82 +224,70 @@
return;
}
$P.control.query = $P.formFields.get();
$P.control.query.conKey = $P.control.dataset.getValue("CON_KEY"); // conKey
// DataTables(그리드)
let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th")
, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td"));
$P.control.query.cellDefs = cellDefs;
${pageName}Control.query = ${pageName}Fields.get();
${pageName}Control.query.conKey = ${pageName}Control.dataset.getValue("CON_KEY"); // conKey
${pageName}Control.query.cellDefs = cellDefs;
${pageName}Control.download();
$P.control.download();
}
/**************************************************************************
* 초기 셋팅
**************************************************************************/
// 이벤트 설정
setEvent${pageName} = () => {
$P.setEvent = () => {
// 업무 버튼 이벤트
$("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
}
// 초기 기본 설정
initForm${pageName} = () => {
// 화면 초기화
$("#frmEdit--${pageName}")[0].reset();
// 달력 초기화
initDatepicker("frmEdit--${pageName}");
// 초기 화면 설정
$P.initForm = () => {
if ($P.callPurpose == "view") {
// input 요소들을 disabled
$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
}
// URL 설정
setURL${pageName} = () => {
let taskSeCd = $("#taskSeCd--${pageName}").val();
${pageName}Control.urls.load = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/040/info.do"); // 엑셀(조회)
}
// 기본 데이터 설정
setFormData${pageName} = () => {
// 화면 데이터 설정
$("#sggCd--${pageName}").val("${sggCd}"); // 시군구 코드
$("#taskSeCd--${pageName}").val("${taskSeCd}"); // 업무 구분 코드
// ${pageName}Control 설정
${pageName}Control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
if (${pageName}CallPurpose == "view") {
// input 요소들을 disabled
$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
} else if (${pageName}CallPurpose == "create") {
//
} else if (${pageName}CallPurpose == "update") {
//
$P.initData = () => {
// 시군구 코드
$("#sggCd--${pageName}").val("${sggCd}");
// 업무 구분 코드
$("#taskSeCd--${pageName}").val("${taskSeCd}");
// 업무구분에 따른 URL 변경
$P.setURL("${taskSeCd}");
}
// 업무구분에 따른 URL 설정
$P.setURL = (taskSeCd) => {
$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/040/info.do"); // 엑셀
}
/**************************************************************************
* script 진입
* 최초 실행 함수
**************************************************************************/
$(document).ready(function() {
// 이벤트 설정
setEvent${pageName}();
// 초기 기본 설정
initForm${pageName}();
// 1. 이벤트 설정
$P.setEvent();
// Dataset 설정
${pageName}Control.setData(${epostSndngSttsInfo});
// 2. 초기 화면 설정
$P.initForm();
// 기본 데이터 설정
setFormData${pageName}();
// 3. 기본 데이터 설정
$P.initData();
// URL 설정
setURL${pageName}();
// 4. Dataset 설정
$P.control.setData(${epostSndngSttsInfo});
});
</script>

@ -13,14 +13,14 @@
<div>
<!-- 상단 버튼 -->
<div class="container-page-btn">
<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화" onclick="fnResetAndChangeBiz${pageName}();">
<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화">
초기화
</button>
<span class="container-window-btn-right">
<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색" onclick="fnSearchList${pageName}();">
<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색">
검색
</button>
<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀" onclick="fnExcel${pageName}();">
<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">
엑셀
</button>
</span>
@ -108,7 +108,7 @@
</select>
<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
검색
</button>
</div>
@ -193,11 +193,11 @@
<!-- DataTables(그리드) -->
<div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}${pageDataName2}">
<div class="table-responsive" id="table-responsive--${pageName}${pageDataName2}" style="overflow-x:scroll; height:160px; overflow-y:scroll;">
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}${pageDataName2}" aria-describedby="DataTables_Table_0_info">
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}">
<div class="table-responsive" id="table-responsive-1--${pageName}" style="overflow-x:scroll; height:160px; overflow-y:scroll;">
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
<thead class="sticky-thead">
<tr id="theadTr--${pageName}${pageDataName2}">
<tr id="theadTrSumAmt--${pageName}">
<th class="cmn" style="width: 160px;">취급구분</th>
<th class="cmn" style="width: 160px;">발송건수</th>
<th class="cmn" style="width: 200px;">결제금액</th>
@ -206,9 +206,9 @@
<th class="cmn dummy-th"></th>
</tr>
</thead>
<tbody id="tbody--${pageName}${pageDataName2}">
<tbody id="tbodySumAmt--${pageName}">
</tbody>
<template id="${infoPrefix}Row--${pageName}${pageDataName2}">
<template id="${infoPrefix}SumAmtRow--${pageName}">
<tr data-key="{DIV_KB}">
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DIV_KB_NM}</td>
<td class="cmn text-end" onclick="{onclick}" ondblclick="{ondblclick}">{RCEPT_CNT}</td>
@ -218,7 +218,7 @@
<td class="cmn dummy-td"></td>
</tr>
</template>
<template id="${infoPrefix}NotFound--${pageName}${pageDataName2}">
<template id="${infoPrefix}SumAmtNotFound--${pageName}">
<tr class="odd">
<td valign="top" colspan="6" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
</tr>
@ -244,23 +244,31 @@
/**************************************************************************
* Global Variable
**************************************************************************/
pageObject["${pageName}"] = {};
/**************************************************************************
* script 진입
**************************************************************************/
$(document).ready(function() {
// pageObject
var $P = pageObject["${pageName}"];
// URL
var ${pageName}PrefixUrl = "/epst/epst02";
$P.PrefixUrl = "/epst/epst02";
// FormFields
var ${pageName}Fields = new FimsFormFields("#frmSearch--${pageName}");
$P.formFields = new FimsFormFields("#frmSearch--${pageName}");
/**************************************************************************
* DatasetControl
**************************************************************************/
var ${pageName}Control = new DatasetControl({
$P.control = new DatasetControl({
prefix : "epostRcptRslt"
, prefixName : "전자우편 접수 결과"
, infoSize : "lg"
, keymapper : info => info ? info.RCPT_RSLT_ID : ""
, dataGetter : obj => obj.epostRcptRsltList
, appendData : true
, untilPageNum : 0 // 현재 페이지 번호
, tableRenderComplete : false // dataTables 에 자료 추가 완료 여부
, formats : {
EXTRI_REGYMD : dateFormat
, RCEPT_YMD : dateFormat
@ -271,9 +279,14 @@
, REG_DT : datetimeFormat
}
});
// $P.control 설정
$P.control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
$P.control.untilPageNum = 0; // 현재 페이지 번호
$P.control.tableRenderComplete = false; // dataTables 에 자료 추가 완료 여부
$P.control.beforeCurrent = null;
// 합계 금액 정보 Dataset
var ${pageName}${pageDataName2}Dataset = new Dataset({
$P.sumAmtDataset = new Dataset({
prefix : "sumAmt"
, prefixName : "합계 금액"
, keymapper : info => info ? info.DIV_KB : ""
@ -285,14 +298,14 @@
, TOTPOST_PRC : numberFormat
}
, onDatasetChange : obj => {
renderList${pageName}${pageDataName2}();
$P.renderSumAmtList();
}
, onCurrentChange : item => {
if (!item) return;
let key = item.data.DIV_KB;
$("#tbody--${pageName}${pageDataName2}").setCurrentRow(key);
$("#tbodySumAmt--${pageName}").setCurrentRow(key);
}
});
@ -300,23 +313,23 @@
* DatasetControl 이벤트
**************************************************************************/
// Dataset 변경 이벤트
${pageName}Control.onDatasetChange = obj => {
renderList${pageName}(obj.${infoPrefix}Total);
$P.control.onDatasetChange = obj => {
$P.renderList(obj.${infoPrefix}Total);
$("#paging--${pageName}").setPagingInfo({
list : ${pageName}Control.dataset
list : $P.control.dataset
, prefix : "paging--${pageName}"
, start : obj.${infoPrefix}Start
, totalSize : obj.${infoPrefix}Total
, fetchSize : obj.${infoPrefix}Fetch
, func : "${pageName}Control.load({index})"
, func : "$P.control.load({index})"
});
${pageName}Control.tableRenderComplete = true; // dataTables 에 자료 추가 완료
$P.control.tableRenderComplete = true; // dataTables 에 자료 추가 완료
};
// 현재 선택 자료 변경 이벤트
${pageName}Control.onCurrentChange = item => {
$P.control.onCurrentChange = item => {
if (!item) return;
let key = item.data.RCPT_RSLT_ID;
@ -328,8 +341,8 @@
* DataTables 이벤트
**************************************************************************/
// DataTables에 click, dbclick 이벤트
renderList${pageName} = (totalSize) => {
let ${infoPrefix}List = ${pageName}Control.dataset;
$P.renderList = (totalSize) => {
let ${infoPrefix}List = $P.control.dataset;
let empty = ${infoPrefix}List.empty;
let trs = empty ?
@ -337,18 +350,18 @@
${infoPrefix}List.inStrings(
document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
(str, dataItem) => str
.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("RCPT_RSLT_ID") + "');")
.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("RCPT_RSLT_ID") + "');")
);
let noMore = (totalSize == ${infoPrefix}List.length);
let initScroll = (${pageName}Control.query.pageNum < 2) && (${pageName}Control.untilPageNum == 0);
let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
if (${pageName}Control.untilPageNum != 0) {
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;
${pageName}Control.query.pageNum = ${pageName}Control.untilPageNum;
${pageName}Control.untilPageNum = 0;
if ($P.control.untilPageNum != 0) {
$P.control.query.fetchSize = $P.control.defaultFetchSize;
$P.control.query.pageNum = $P.control.untilPageNum;
$P.control.untilPageNum = 0;
}
// checkbox 체크 해제
@ -359,52 +372,42 @@
}
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
scrollDataList${pageName} = () => {
${pageName}Control.tableRenderComplete = false; // dataTables 에 자료 추가 false
$P.scrollDataList = () => {
$P.control.tableRenderComplete = false; // dataTables 에 자료 추가 false
${pageName}Control.load(${pageName}Control.query.pageNum + 1);
$P.control.load($P.control.query.pageNum + 1);
}
// DataTables에 click, dbclick 이벤트
renderList${pageName}${pageDataName2} = () => {
let ${infoPrefix}List = ${pageName}${pageDataName2}Dataset;
let empty = ${infoPrefix}List.empty;
$P.renderSumAmtList = () => {
let ${infoPrefix}SumAmtList = $P.sumAmtDataset;
let empty = ${infoPrefix}SumAmtList.empty;
let trs = empty ?
[document.getElementById("${infoPrefix}NotFound--${pageName}${pageDataName2}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
${infoPrefix}List.inStrings(
document.getElementById("${infoPrefix}Row--${pageName}${pageDataName2}").innerHTML, <%-- from template#${infoPrefix}Row --%>
[document.getElementById("${infoPrefix}SumAmtNotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
${infoPrefix}SumAmtList.inStrings(
document.getElementById("${infoPrefix}SumAmtRow--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
(str, dataItem) => str
.replace(/{onclick}/gi, "${pageName}${pageDataName2}Dataset.setCurrent('" + dataItem.getValue("DIV_KB") + "');")
.replace(/{onclick}/gi, "pageObject['${pageName}'].sumAmtDataset.setCurrent('" + dataItem.getValue("DIV_KB") + "');")
);
$("#tbody--${pageName}${pageDataName2}").html(trs.join());
$("#tbodySumAmt--${pageName}").html(trs.join());
}
/**************************************************************************
* 사용자 함수(function)
**************************************************************************/
// 합계 금액 조회
getSumAmtInfo${pageName} = (query) => {
ajax.get({
url : wctx.url(query.taskSeCd + ${pageName}PrefixUrl + "/050/sumAmt.do")
, data : query
, success : resp => {
${pageName}${pageDataName2}Dataset.setData(resp.sumAmt);
}
});
}
// callback 사용자 검색
callbackFindUser${pageName} = (userId, userNm) => {
$P.callbackFindUser = (userId, userNm) => {
$("#schRgtrCd--${pageName}").val(userId); // 사용자 ID
$("#schRgtrNm--${pageName}").val(userNm); // 사용자 명
}
// 사용자 검색
getFindUser${pageName} = () => {
$P.getFindUser = () => {
let params = {
callbackFuncName : "callbackFindUser${pageName}"
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
}
ajax.get({
@ -422,50 +425,63 @@
}
// 검색 자료 재조회
refreshList${pageName} = () => {
${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum;
$P.refreshList = () => {
$P.control.untilPageNum = $P.control.query.pageNum;
$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
${pageName}Control.load(1);
$P.control.load(1);
}
// 합계 금액 조회
$P.getSumAmtInfo = (query) => {
ajax.get({
url : wctx.url("/" + query.taskSeCd + $P.PrefixUrl + "/050/sumAmt.do")
, data : query
, success : resp => {
$P.sumAmtDataset.setData(resp.sumAmt);
}
});
}
/**************************************************************************
* 버튼 clickEvent
**************************************************************************/
// 업무 구분 변경
fnResetAndChangeBiz${pageName} = (taskSeCd) => {
// 업무 구분 변경 이벤트
$P.fnResetAndChangeBiz = (taskSeCd) => {
// 업무 구분 코드
if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
}
// 초기 기본 설정
initForm${pageName}();
$P.initForm();
// 기본 데이터 설정
setFormData${pageName}(taskSeCd);
$P.initData(taskSeCd);
// 업무 구분별 설정
$P.setTask(taskSeCd);
// dataset 초기화
$P.control.dataset.clear();
$P.sumAmtDataset.clear();
}
// 검색 버튼 이벤트
fnSearchList${pageName} = () => {
$P.fnSearchList = () => {
// 검색조건
${pageName}Control.query = ${pageName}Fields.get();
$P.control.query = $P.formFields.get();
$P.control.query.fetchSize = $P.control.defaultFetchSize; // 한번에 조회되는 자료 건수
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize; // 한번에 조회되는 자료 건수 FETCH_XS = 30
${pageName}Control.query.sggCd = $("#sggCd--${pageName}").val(); // 시군구 코드
${pageName}Control.query.conOrg = $("#conOrg--${pageName}").val(); // 외부기관구분코드
${pageName}Control.query.relorsectCd = $("#deptCd--${pageName}").val(); // 결제부서코드(부서코드)
$P.control.query.relorsectCd = $("#deptCd--${pageName}").val(); // 결제부서코드(부서코드)
// 검색
${pageName}Control.load(1);
$P.control.load(1);
// 합계금액 검색
getSumAmtInfo${pageName}(${pageName}Control.query);
$P.getSumAmtInfo($P.control.query);
}
// 엑셀 버튼 이벤트
fnExcel${pageName} = () => {
if (${pageName}Control.dataset.empty) {
$P.fnExcel = () => {
if ($P.control.dataset.empty) {
dialog.alert({
content : "검색된 자료가 없습니다."
, onOK : () => { }
@ -477,26 +493,31 @@
// DataTables(그리드)
let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th").not(":eq(0)")
, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
$P.control.query.cellDefs = cellDefs;
${pageName}Control.query.cellDefs = cellDefs;
${pageName}Control.download();
$P.control.download();
}
// 사용자 조회 버튼 이벤트
fnFindUser${pageName} = () => {
getFindUser${pageName}();
$P.fnFindUser = () => {
$P.getFindUser();
}
/**************************************************************************
* 초기 설정
**************************************************************************/
// 이벤트
setEvent${pageName} = () => {
$P.setEvent = () => {
// 기본 버튼 이벤트
$("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화
$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색
$("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀
$("#btnFindUser--${pageName}").on("click", () => $P.fnFindUser()); // 사용자 검색
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").keypress(function(e) {
if (e.keyCode == 13) {
fnSearchList${pageName}();   
$P.fnSearchList();
}    
});
@ -515,18 +536,25 @@
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
$("#DataTables_Table_0--${pageName}${pageDataName2}").find("th").resizable( {handles : "e"} );
$("#DataTables_Table_1--${pageName}").find("th").resizable( {handles : "e"} );
// DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
}
// 화면 초기 설정
initForm${pageName} = () => {
$P.initForm = () => {
// 화면 초기화
$("#frmSearch--${pageName}")[0].reset();
// input, select 초기화
let searchForm = $("#frmSearch--${pageName}");
searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
searchForm.find("input[type='checkbox']").prop("checked", false);
searchForm.find("input[type='text']").val("");
searchForm.find("input[type='hidden']").val("");
searchForm.find("select").each(function() { $(this).find("option:eq(0)").prop("selected", true); });
// 최고 관리자 경우 업무구분을 선택할 수 있도록 하자.
$("#frmSearch--${pageName} input[name='taskSeCd']").each(function(i) {
$(this).prop("disabled", "true");
@ -534,49 +562,54 @@
// 달력 초기화
initDatepicker("frmSearch--${pageName}");
$("#schExtriRegymdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
$("#schExtriRegymdFrom--${pageName}").datepicker("setDate", new Date());
$("#schExtriRegymdTo--${pageName}").datepicker("setDate", new Date());
// 동적 검색
$("#byOutput--${pageName}").val("동적 검색");
// 사용자 이름
$("#schRgtrNm--${pageName}").prop("readonly", true);
// dataset 초기화
${pageName}Control.dataset.clear();
${pageName}${pageDataName2}Dataset.clear();
}
// 기본 데이터 설정
setFormData${pageName} = (taskSeCd) => {
// ${pageName}Control 설정
${pageName}Control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
$P.initData = (taskSeCd) => {
// $P.control 설정
$P.control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
// 화면 데이터 설정
$("#sggCd--${pageName}").val("${sggCd}"); // 시군구 코드
$("#deptCd--${pageName}").val("${deptCd}"); // 부서 코드
$("#conOrg--${pageName}").val("${conOrg}"); // E그린 외부기관구분코드
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true); // 업무 구분
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true); // 업무 구분 코드
// URL 설정
setURL${pageName}(taskSeCd);
// 일자
$("#schExtriRegymdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
$("#schExtriRegymdTo--${pageName}").datepicker("setDate", new Date());
}
// 업무 구분별 설정
$P.setTask = (taskSeCd) => {
// URL 설정
setURL${pageName} = (taskSeCd) => {
${pageName}Control.urls.load = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/050/list.do"); // 검색
$P.setURL(taskSeCd);
}
// 업무구분에 따른 URL 설정
$P.setURL = (taskSeCd) => {
$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/050/list.do"); // 검색
}
/**************************************************************************
* script 진입
* 최초 실행 함수
**************************************************************************/
$(document).ready(function() {
// 이벤트 설정
setEvent${pageName}();
// 1. 이벤트 설정
$P.setEvent();
// 보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
// 2. 화면 초기 설정 및 업무 구분 변경
$P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
// 화면 초기 설정 및 업무 구분 변경
fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val());
// 3. 보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
});
</script>

@ -139,7 +139,7 @@
</select>
<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
검색
</button>
</div>
@ -494,7 +494,8 @@
// 사용자 검색
$P.getFindUser = () => {
let params = {
callbackFuncName : "$P.callbackFindUser"
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
}
ajax.get({
@ -745,6 +746,7 @@
$("#sggCd--${pageName}").val("${sggCd}");
// 업무 구분 코드
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);
// 일자
$("#schLevyExclYmdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
$("#schLevyExclYmdTo--${pageName}").datepicker("setDate", new Date());

@ -163,7 +163,7 @@
</select>
<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
검색
</button>
</div>
@ -539,7 +539,8 @@
// 사용자 검색
$P.getFindUser = () => {
let params = {
callbackFuncName : "$P.callbackFindUser"
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
}
ajax.get({

@ -387,7 +387,8 @@
// 사용자 검색
$P.getFindUser = () => {
let params = {
callbackFuncName : "$P.callbackFindUser"
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
}
ajax.get({

@ -157,7 +157,7 @@
</select>
<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
검색
</button>
</div>
@ -459,7 +459,8 @@
// 사용자 검색
$P.getFindUser = () => {
let params = {
callbackFuncName : "$P.callbackFindUser"
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
}
ajax.get({

@ -167,7 +167,7 @@
</select>
<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
검색
</button>
</div>
@ -522,7 +522,8 @@
// 사용자 검색
$P.getFindUser = () => {
let params = {
callbackFuncName : "$P.callbackFindUser"
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
}
ajax.get({

@ -494,7 +494,8 @@
// 사용자 검색
$P.getFindUser = () => {
let params = {
callbackFuncName : "$P.callbackFindUser"
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
}
ajax.get({

@ -146,7 +146,7 @@
<!-- DataTables(그리드) -->
<div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}">
<div class="table-responsive" id="table-responsive-svbtc--${pageName}" style="overflow-x:scroll; height:200px; overflow-y:scroll;" >
<div class="table-responsive" id="table-responsive-1--${pageName}" style="overflow-x:scroll; height:200px; overflow-y:scroll;" >
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
<thead class="sticky-thead">

@ -200,7 +200,7 @@
<!-- DataTables(그리드) -->
<div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}">
<div class="table-responsive" id="table-responsive-payerHstry--${pageName}" style="overflow-x:scroll; height:320px; overflow-y:scroll;" >
<div class="table-responsive" id="table-responsive-1--${pageName}" style="overflow-x:scroll; height:320px; overflow-y:scroll;" >
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
<thead class="sticky-thead">

Loading…
Cancel
Save