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

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

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

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

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

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

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

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

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

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

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

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

@ -146,7 +146,7 @@
<!-- DataTables(그리드) --> <!-- DataTables(그리드) -->
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}"> <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" <table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info"> id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
<thead class="sticky-thead"> <thead class="sticky-thead">

@ -200,7 +200,7 @@
<!-- DataTables(그리드) --> <!-- DataTables(그리드) -->
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}"> <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" <table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info"> id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
<thead class="sticky-thead"> <thead class="sticky-thead">

Loading…
Cancel
Save