1. 고지서 발송현황 수정.

2. 기타 수정.

src/main/java/cokr/xit/fims/sndb/web/Sndb01Controller.java

@@ -583,8 +583,8 @@ public class Sndb01Controller extends ApplicationController {
 				.addObject("infoPrefix", "advntceTrgt")					// prefix
 				.addObject("callPurpose", req.getCallPurpose())			// 호출 용도
 				.addObject("mainQuery", toJson(req))					// 검색 조건
-				.addObject("advntceTrgtList", toJson(mav.getModel().get("advntceTrgtList")))	// 자료
 				.addObject("advntceYmdInfo", toJson(advntceYmdInfo))	// 사전통지 기간 정보
+				.addObject("advntceTrgtList", toJson(mav.getModel().get("advntceTrgtList")))	// 자료
 		;
 	}
 
@@ -711,9 +711,11 @@ public class Sndb01Controller extends ApplicationController {
 		mav.setViewName("fims/sndb/sndb01080-info");
 
 		return mav
-				.addObject("pageName", "sndb01080")
+				.addObject("pageName", "sndb01080")						// View(jsp)에서 사용할 id 뒤에 붙일 suffix
-				.addObject("query", toJson(req))
+				.addObject("infoPrefix", "advntceSndngDtl")				// prefix
-				.addObject("advntceSndngDtlList", toJson(mav.getModel().get("advntceSndngDtlList")))
+				.addObject("callPurpose", req.getCallPurpose())			// 호출 용도
+				.addObject("mainQuery", toJson(req))					// 검색 조건
+                .addObject("advntceSndngDtlList", toJson(mav.getModel().get("advntceSndngDtlList")))	// 자료
 		;
 	}
 
@@ -896,9 +898,11 @@ public class Sndb01Controller extends ApplicationController {
 		mav.setViewName("fims/sndb/sndb01100-info");
 
 		return mav
-				.addObject("pageName", "sndb01100")
+				.addObject("pageName", "sndb01100")						// View(jsp)에서 사용할 id 뒤에 붙일 suffix
-				.addObject("query", toJson(req))
+				.addObject("infoPrefix", "nhtSndngDtl")					// prefix
-				.addObject("nhtSndngDtlList", toJson(mav.getModel().get("nhtSndngDtlList")))
+				.addObject("callPurpose", req.getCallPurpose())			// 호출 용도
+				.addObject("mainQuery", toJson(req))					// 검색 조건
+                .addObject("nhtSndngDtlList", toJson(mav.getModel().get("nhtSndngDtlList")))	// 자료
 		;
 	}
 

src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp

@@ -557,8 +557,8 @@
 			$P.control.load(1);
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {};
 			params[$P.control.prefixed("IDs")] = selected.join(",");	// IDs

src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp

@@ -619,8 +619,8 @@
 			});
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {};
 			params[$P.control.prefixed("IDs")] = selected.join(",");	// IDs

src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp

@@ -505,8 +505,8 @@
 			$P.control.load(1);
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {};
 			params[$P.control.prefixed("IDs")] = selected.join(",");	// IDs

src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp

@@ -547,12 +547,8 @@
 			$P.control.load(1);
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
-			let selected = $P.control.dataset.getKeys("selected");
-
-			if (selected.length < 1) return;
-
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {};
 			params[$P.control.prefixed("IDs")] = selected.join(",");	// IDs

src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp

@@ -5,7 +5,7 @@
 <div class="content-wrapper">
 	<!-- Content -->
 	<div class="container flex-grow-1 px-0">
-		<c:set var="prefixName" scope="request">계고장 발송 대상 정보</c:set>
+		<c:set var="prefixName" scope="request">계고장 발송 대상 상세 정보</c:set>
 
 		<!-- Page Body -->
 		<div class="card">

src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01030-main.jsp

@@ -449,8 +449,8 @@
 			$P.control.load(1);
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {};
 			params.sndngIDs = selected.join(",");		// IDs

src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01040-info.jsp

@@ -5,6 +5,8 @@
 <div class="content-wrapper">
 	<!-- Content -->
 	<div class="container flex-grow-1 px-0">
+		<c:set var="prefixName" scope="request">계고장 발송 현황 상세 정보</c:set>
+
 		<!-- Page Body -->
 		<div class="card">
 			<div class="wrapper-pop">
@@ -27,7 +29,7 @@
 							<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">
 								엑셀
 							</button>
-							<button type="button" class="btn btn-primary w-px-120" id="btnPrint--${pageName}" title="계고장 출력">
+							<button type="button" class="btn btn-primary w-px-120" id="btnPrintWrng--${pageName}" title="계고장 출력">
 								계고장 출력
 							</button>
 			            </span>
@@ -236,9 +238,9 @@
 			let params = {
 				  callControlName : "pageObject['${pageName}'].control"
 				, callPurpose : "view"
-				, sggCd : $("#sggCd--${pageName}").val()
-				, taskSeCd : $("input[name=taskSeCd]:checked").val()
 				, crdnId : crdnId
+				, sggCd : $P.control.dataset.getValue("SGG_CD")
+				, taskSeCd : $P.control.dataset.getValue("TASK_SE_CD")
 			}
 
 			ajax.get({
@@ -275,8 +277,8 @@
 			}
 
 			// DataTables(그리드)
-			let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th").not(":eq(0)")
+			let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th")
-					, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
+					, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td"));
 			$P.control.query.cellDefs = cellDefs;
 
 			$P.control.download();
@@ -304,7 +306,7 @@
 			$("#btnExcel--${pageName}").on("click", () => $P.fnExcel());		// 엑셀
 
 			// 업무 버튼 이벤트
-			$("#btnPrint--${pageName}").on("click", () => $P.fnPrint());		// 출력
+			$("#btnPrintWrng--${pageName}").on("click", () => $P.fnPrint());	// 계고장 출력
 
 			// DataTables width 변경 조정
 			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
@@ -334,9 +336,13 @@
 
 		// 초기 데이터 설정
 		$P.initData = () => {
-			//
+			// SNDNG_ID
 			$("#sndngId--${pageName}").val($P.control.dataset.getValue("SNDNG_ID"));
 
+			// 검색 조건 설정
+			$P.control.defaultFetchSize = $P.mainQuery.fetchSize;
+			$P.control.query = $P.mainQuery;
+
 	 		// URL 설정
 			$P.setURL($P.mainQuery.taskSeCd);
 		}

src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01060-info.jsp

@@ -5,7 +5,7 @@
 <div class="content-wrapper">
 	<!-- Content -->
 	<div class="container flex-grow-1 px-0">
-		<c:set var="prefixName" scope="request">사전통지 발송 대상 정보</c:set>
+		<c:set var="prefixName" scope="request">사전통지 발송 대상 상세 정보</c:set>
 
 		<!-- Page Body -->
 		<div class="card">

src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01070-main.jsp

@@ -242,7 +242,6 @@
 			, prefixName : "사전통지 발송 현황"
 			, infoSize : "xxl"
 			, keymapper : info => info ? info.SNDNG_ID : ""
-//			, dataGetter : obj => obj.advntceSndngList
 			, dataGetter : obj => obj.${infoPrefix}List
 			, appendData : true
 			, formats : {
@@ -451,8 +450,8 @@
 			$P.control.load(1);
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {};
 			params.sndngIDs = selected.join(",");		// IDs
@@ -658,7 +657,7 @@
 
 		// 업무구분에 따른 URL 설정
 		$P.setURL = (taskSeCd) => {
-			$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/070/list.do");		// 조회
+			$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/070/list.do");		// 검색
 			$P.control.urls.remove = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/070/remove.do");	// 삭제
 			$P.control.urls.getInfo = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/080/info.do");		// 사전통지 세부내용
 		}

src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01080-info.jsp

@@ -5,13 +5,14 @@
 <div class="content-wrapper">
 	<!-- Content -->
 	<div class="container flex-grow-1 px-0">
+		<c:set var="prefixName" scope="request">사전통지 발송 현황 상세 정보</c:set>
+
 		<!-- Page Body -->
 		<div class="card">
 			<div class="wrapper-pop">
 				<!-- 입력 영역 -->
 				<form id="frmEdit--${pageName}" name="frmEdit">
-					<input type="hidden" id="sggCd--${pageName}" name="sggCd" />
+					<input type="hidden" id="sndngId--${pageName}" name="sndngId" />
-					<input type="hidden" id="taskSeCd--${pageName}" name="taskSeCd" />
 				</form> <!-- /입력 영역 -->
 
 				<!-- 업무 버튼 및 건수 표시 -->
@@ -25,25 +26,25 @@
 						</div>
 			            <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 type="button" class="btn btn-primary w-px-120" id="btnCreateNxrpLink--${pageName}" title="세외수입 등록" onclick="fnCreateNxrpLink${pageName}();">
+							<button type="button" class="btn btn-primary w-px-120" id="btnCreateNxrpLink--${pageName}" title="세외수입 등록">
 								세외수입 등록
 							</button>
-							<button type="button" class="btn btn-primary w-px-120" id="btnUpdateNxrpMtchg--${pageName}" title="매치정보 등록" onclick="fnUpdateNxrpMtchg${pageName}();">
+							<button type="button" class="btn btn-primary w-px-120" id="btnUpdateNxrpLink--${pageName}" title="매치정보 등록">
 								매치정보 작성
 							</button>
-							<button type="button" class="btn btn-primary w-px-120" id="btnCreateSndngLink--${pageName}" title="우편통합 발송" onclick="fnCreateSndngLink${pageName}();">
+							<button type="button" class="btn btn-primary w-px-120" id="btnCreateSndngLink--${pageName}" title="우편통합 발송">
 								우편통합 발송
 							</button>
-							<button type="button" class="btn btn-primary w-px-120" id="btnPrintAdvntce--${pageName}" title="사전통지 출력" onclick="fnPrintAdvntce${pageName}();">
+							<button type="button" class="btn btn-primary w-px-120" id="btnPrintAdvntce--${pageName}" title="사전통지 출력">
 								사전통지 출력
 							</button>
-							<button type="button" class="btn btn-primary w-px-120" id="btnCreateSndbk--${pageName}" title="반송 등록" onclick="fnCreateSndbk${pageName}();">
+							<button type="button" class="btn btn-primary w-px-120" id="btnCreateSndbk--${pageName}" title="반송 등록">
 								반송 확인
 							</button>
-							<button type="button" class="btn btn-primary w-px-120" id="btnLevyIdnty--${pageName}" title="미부과건 확인" onclick="fnLevyIdnty${pageName}();">
+							<button type="button" class="btn btn-primary w-px-120" id="btnLevyIdnty--${pageName}" title="미부과건 확인">
 								미부과건 확인
 							</button>
 			            </span>
@@ -59,6 +60,7 @@
 								<thead class="sticky-thead">
 									<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: 120px;">발송상태</th>
 										<th class="cmn" style="width: 160px;">등기번호</th>
 										<th class="cmn" style="width: 120px;">발송일자</th>
@@ -83,7 +85,7 @@
 										<th class="cmn" style="width: 120px;">과태료금액</th>
 										<th class="cmn" style="width: 120px;">본세</th>
 										<th class="cmn" style="width: 120px;">가산금</th>
-										<th class="cmn" style="width: 120px;">합계금액</th>
+										<th class="cmn" style="width: 120px;">미납금액</th>
 										<th class="cmn" style="width: 180px;">등록일시</th>
 										<th class="cmn" style="width: 140px;">등록사용자</th>
 										<th class="cmn" style="width: 180px;">수정일시</th>
@@ -95,6 +97,7 @@
 								</tbody>
 								<template id="${infoPrefix}Row--${pageName}">
 									<tr data-key="{SNDNG_DTL_ID}">
+										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
 										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SNDNG_DTL_STTS_NM}</td>
 										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RG_NO}</td>
 										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SNDNG_YMD}</td>
@@ -147,26 +150,33 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
+	pageObject["${pageName}"] = {};
+
+	/**************************************************************************
+	 * script 진입
+	 **************************************************************************/
+	$(document).ready(function() {
+		// pageObject
+		var $P = pageObject["${pageName}"];
+
 		// URL
-	var ${pageName}PrefixUrl = "/sndb/sndb01";
+		$P.PrefixUrl = "/sndb/sndb01";
 	 	// 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}");
 	 	// main 의 검색 조건을 그대로 유지
-	var ${pageName}Query = ${query};
+	 	$P.mainQuery = ${mainQuery};
 
 		/**************************************************************************
 		 * DatasetControl
 		 **************************************************************************/
-	var ${pageName}Control = new DatasetControl({
+		$P.control = new DatasetControl({
 			  prefix : "advntceSndngDtl"
 			, prefixName : "사전통지 발송 상세 정보"
 			, keymapper : info => info ? info.SNDNG_DTL_ID : ""
-		, dataGetter : obj => obj.advntceSndngDtlList
+			, dataGetter : obj => obj.${infoPrefix}List
 			, appendData : true
-		, untilPageNum : 0								// 현재 페이지 번호
-		, tableRenderComplete : false					// dataTables 에 자료 추가 완료 여부
 			, formats : {
 				  SNDNG_YMD : dateFormat
 				, SNDNG_END_YMD : dateFormat
@@ -181,28 +191,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 => {
+		$P.control.onDatasetChange = (obj) => {
-		renderList${pageName}(obj.${infoPrefix}Total);
+			$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 : "pageObject['${pageName}'].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.SNDNG_DTL_ID;
@@ -214,8 +229,8 @@
 		 * DataTables 이벤트
 		 **************************************************************************/
 		// 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 trs = empty ?
@@ -223,19 +238,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("SNDNG_DTL_ID") + "');")
+						.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("SNDNG_DTL_ID") + "');")
-					.replace(/{ondblclick}/gi, "getTotalInfo${pageName}('" + dataItem.getValue("CRDN_ID") + "');")
+						.replace(/{ondblclick}/gi, "pageObject['${pageName}'].getTotalInfo('" + dataItem.getValue("CRDN_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) {
+		    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;
 			}
 
 			//보안모드
@@ -243,25 +258,25 @@
 		}
 
 		// 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);
 		}
 
 		/**************************************************************************
 		 * 사용자 함수(function)
 		 **************************************************************************/
 		// 개별총정보 dialog
-	getTotalInfo${pageName} = (crdnId) => {
+		$P.getTotalInfo = (crdnId) => {
 			if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
 
 			let params = {
-			  callControlName : "${pageName}Control"
+				  callControlName : "pageObject['${pageName}'].control"
 				, callPurpose : "view"
-			, sggCd : $("#sggCd--${pageName}").val()
-			, taskSeCd : $("#taskSeCd--${pageName}").val()
 				, crdnId : crdnId
+				, sggCd : $P.control.dataset.getValue("SGG_CD")
+				, taskSeCd : $P.control.dataset.getValue("TASK_SE_CD")
 			}
 
 			ajax.get({
@@ -279,7 +294,7 @@
 		}
 
 		// 세외수입 등록
-	createNxrpLink${pageName} = (params) => {
+		$P.createNxrpLink = (params) => {
 			if (!params) return;
 
 			ajax.post({
@@ -289,38 +304,47 @@
 					// S 또는 F 를 버튼 title 로 변경하여 메시지 출력
 			  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, $("#btnCreateNxrpLink--${pageName}").attr("title"));
 
-		  		dialog.alert(showMessage);
+					dialog.alert({
+						  content : showMessage
+						, onOK : () => { }
+					});
 				}
 			});
 		}
 
 		// 매칭정보 확인
-	updateNxrpMtchg${pageName} = (params) => {
+		$P.updateNxrpLink = (params) => {
 			// 선택된 자료의 ID 추가
-		let selected = ${pageName}Control.dataset.getKeys("selected");	// 발송 상세 ID
+			let selected = $P.control.dataset.getKeys("selected");		// 발송 상세 ID
 			let crdnKeys = getCrdnKeys("selected");						// 단속 ID
 
 			if (selected.length < 1) return;
 
 			params.sndngDtlIDs = selected.join(",");		// 발송 상세 IDs
 			params.crdnIDs = crdnKeys.join(",");			// 단속 IDs
-		params.delYn = "N";								// 삭제 여부
+			params.delYN = "N";								// 삭제 여부
 
 			ajax.post({
 				  url : wctx.url("/" + params.taskSeCd + "/sndb/nxrp01/010/updateNxrpLink.do")
 				, data : params || {}
-			, success : resp => {}
+				, success : resp => {
+					// S 또는 F 를 버튼 title 로 변경하여 메시지 출력
+			  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, $("#btnUpdateNxrpLink--${pageName}").attr("title"));
+
+					dialog.alert({
+						  content : showMessage
+						, onOK : () => { }
+					});
+				}
 			});
 		}
 
 		// 우편통합 발송
-	createSndngLink${pageName} = (obj) => {
+		$P.callbackDate = (obj) => {
-		let btnTitle = $("#btnCreateSndngLink--${pageName}").attr("title");
-
 			let params = {
-			  sndngId : ${pageName}Control.dataset.getValue("SNDNG_ID")	// 발송 ID
+				  sndngId : $P.control.dataset.getValue("SNDNG_ID")		// 발송 ID
-			, sggCd : $("#sggCd--${pageName}").val()					// 시군구 코드
+				, sggCd : $P.control.dataset.getValue("SGG_CD")			// 시군구 코드
-			, taskSeCd : $("#taskSeCd--${pageName}").val()				// 업무 구분 코드
+				, taskSeCd : $P.control.dataset.getValue("TASK_SE_CD")	// 업무 구분 코드
 				, sndngSeCd : "02"										// 발송 구분 코드
 				, sndngYmd : obj.sndngYmd								// 발송 일자
 				, sndngEndYmd : obj.sndngEndYmd							// 발송 종료 일자
@@ -328,46 +352,55 @@
 			};
 
 			ajax.post({
-			  url : wctx.url("/" + params.taskSeCd + ${pageName}PrefixUrl + "/080/createSndngLink.do")
+				  url : wctx.url("/" + params.taskSeCd + $P.PrefixUrl + "/080/createSndngLink.do")
 				, data : params || {}
 				, success : resp => {
+					let btnTitle = $("#btnCreateSndngLink--${pageName}").attr("title");
+
 					let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
-				dialog.alert(showMessage);
+
+					dialog.alert({
+						  content : showMessage
+						, onOK : () => { }
+					});
 				}
 			});
 		}
 
 		// 사전통지 출력
-	printAdvntce${pageName} = (params) => {
+		$P.print = (params) => {
 			if (!params) return;
 
-// 		ajax.post({
+	// 		ajax.post({
-// 			  url : !create ? ${pageName}Control.urls.update : ${pageName}Control.urls.create
+	// 			  url : !create ? $P.control.urls.update : $P.control.urls.create
-// 			, data : params
+	// 			, data : params
-// 			, success : resp => ${pageName}Control.onSave(resp)
+	// 			, success : resp => $P.control.onSave(resp)
-// 		});
+	// 		});
 		}
 
 		// 종적결과 등록
-	createSndbk${pageName} = (params) => {
+		$P.createSndbk = (params) => {
 			if (!params) return;
 
 			ajax.post({
-			  url : wctx.url("/" + params.taskSeCd + ${pageName}PrefixUrl + "/080/createSndbkList.do")
+				  url : wctx.url("/" + params.taskSeCd + $P.PrefixUrl + "/080/createSndbkList.do")
 				, data : params || {}
 				, success : resp => {
 					// S 또는 F 를 버튼 title 로 변경하여 메시지 출력
 			  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, $("#btnCreateSndbk--${pageName}").attr("title"));
 
-		  		dialog.alert(showMessage);
+					dialog.alert({
+						  content : showMessage
+						, onOK : () => { }
+					});
 				}
 			});
 		}
 
 		// 미부과건 확인
-	levyIdnty${pageName} = (params) => {
+		$P.levyIdnty = (params) => {
 			// 선택된 자료의 발송 상세 ID 추가
-		let selected = ${pageName}Control.dataset.getKeys("selected");
+			let selected = $P.control.dataset.getKeys("selected");
 
 			if (selected.length < 1) return;
 
@@ -375,26 +408,26 @@
 			params.delYN = "N";								// 삭제 여부
 
 			ajax.post({
-			  url : wctx.url("/" + params.taskSeCd + ${pageName}PrefixUrl + "/levyIdnty.do")
+				  url : wctx.url("/" + params.taskSeCd + $P.PrefixUrl + "/levyIdnty.do")
 				, data : params || {}
-			, success : resp => {	}
+				, success : resp => {
+					// S 또는 F 를 버튼 title 로 변경하여 메시지 출력
+			  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, $("#btnCreateSndbk--${pageName}").attr("title"));
+
+					dialog.alert({
+						  content : showMessage
+						, onOK : () => { }
 					});
 				}
-
+			});
-	// 검색 자료 재조회
-	refreshList${pageName} = () => {
-		${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
-		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum;
-
-		${pageName}Control.load(1);
 		}
 
 		/**************************************************************************
 		 * 버튼 clickEvent
 		 **************************************************************************/
 		// 엑셀 버튼 이벤트
-	fnExcel${pageName} = () => {
+		$P.fnExcel = () => {
-		if (${pageName}Control.dataset.empty) {
+			if ($P.control.dataset.empty) {
 				dialog.alert({
 					  content : "검색된 자료가 없습니다."
 					, onOK : () => { }
@@ -406,40 +439,44 @@
 			// DataTables(그리드)
 			let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th")
 					, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td"));
-		${pageName}Control.query.cellDefs = cellDefs;
+			$P.control.query.cellDefs = cellDefs;
 
-		${pageName}Control.download();
+			$P.control.download();
 		}
 
 		// 세외수입등록 버튼 이벤트
-	fnCreateNxrpLink${pageName} = () => {
+		$P.fnCreateNxrpLink = () => {
 			// validate 확인
 			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
 
 			// main에서 받아온 조건(Query)을 파라미터로 넘긴다.
 			dialog.alert({
-			  content : "세외수입시스템의 과태료 대장에 등록하시겠습니까?"
+				  content : "세외수입 과태료 대장에 자료를 전송하시겠습니까?"
 				, onOK : () => {
-				createNxrpLink${pageName}(${pageName}Query);
+					$P.createNxrpLink($P.mainQuery);
 				}
 			});
 		}
 
 		// 매치정보작성 버튼 이벤트
-	fnUpdateNxrpMtchg${pageName} = () => {
+		$P.fnUpdateNxrpLink = () => {
 			// validate 확인
 			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
 
-		updateNxrpMtchg${pageName}(${pageName}Query);
+			// main에서 받아온 조건(Query)을 파라미터로 넘긴다.
+			dialog.alert({
+				  content : "세외수입 과태료 대장의 매치정보 작성하시겠습니까?"
+				, onOK : () => {
+					$P.updateNxrpLink($P.mainQuery);
+				}
+			});
 		}
 
 		// 우편통합발송 버튼 이벤트
-	fnCreateSndngLink${pageName} = () => {
+		$P.fnCreateSndngLink = () => {
 			// validate 확인
 			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
 
-		let callbackFuncName = "createSndngLink${pageName}";
-
 			let popupWidth = 480;
 			let popupHeight = 480;
 
@@ -448,10 +485,11 @@
 
 			window.open(
 				wctx.url("/resources/html/inputDateDialog.html"
-					+ "?callbackFuncName=" + callbackFuncName
+						+ "?openerPageName=${pageName}"
-					+ "&CALL_PURPOSE=" + "post"
+						+ "&prefix=" + "sndngLink"
-					+ "&SNDNG_YMD=" + ${pageName}Control.dataset.getValue("SNDNG_YMD")
+						+ "&usePurpose=" + "create"
-					+ "&SNDNG_END_YMD=" + ${pageName}Control.dataset.getValue("SNDNG_END_YMD")
+						+ "&sndngYmd=" + $P.control.dataset.getValue("SNDNG_YMD")
+						+ "&sndngEndYmd=" + $P.control.dataset.getValue("SNDNG_END_YMD")
 				)
 				, "inputEPostDateDialog"
 				, 'status=no, height=' + popupHeight  + ', width=' + popupWidth  + ', left='+ popupX + ', top='+ popupY
@@ -459,62 +497,60 @@
 		}
 
 		// 사전통지출력 버튼 이벤트
-	fnPrintAdvntce${pageName} = () => {
+		$P.fnPrintAdvntce = () => {
 			// validate 확인
 			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
 
 			dialog.alert({
-			  content : ${pageName}Control.prefixName + " 정보를 출력하시겠습니까?"
+				  content : $P.control.prefixName + " 정보를 출력하시겠습니까?"
 				, onOK : () => {
-				printAdvntce${pageName}(${pageName}Fields.get());
+					$P.print($P.formFields.get());
 				}
 			});
 		}
 
 		// 반송확인 버튼 이벤트
-	fnCreateSndbk${pageName} = () => {
+		$P.fnCreateSndbk = () => {
 			// validate 확인
 			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
 
 			dialog.alert({
 				  content : "종적결과를 확인하시겠습니까?"
 				, onOK : () => {
-				createSndbk${pageName}(${pageName}Query);
+					$P.createSndbk($P.mainQuery);
 				}
 			});
 		}
 
 		// 미부과건확인 버튼 이벤트
-	fnLevyIdnty${pageName} = () => {
+		$P.fnLevyIdnty = () => {
 			// validate 확인
 			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
 
-		levyIdnty${pageName}(${pageName}Fields.get());
+			$P.levyIdnty($P.formFields.get());
 		}
 
 		/**************************************************************************
 		 * 초기 셋팅
 		 **************************************************************************/
-	// 이벤트
+		// 이벤트 설정
-	setEvent${pageName} = () => {
+		$P.setEvent = () => {
-		// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
+			// 기본 버튼 이벤트
-		$("#frmEdit--${pageName}").find(".form-date").each(function() {
+			$("#btnExcel--${pageName}").on("click", () => $P.fnExcel());						// 엑셀
-			$(this).on("input", function() {
+
-				let value = this.value.replaceAll("-", "");
+			// 업무 버튼 이벤트
-
+			$("#btnCreateNxrpLink--${pageName}").on("click", () => $P.fnCreateNxrpLink());		// 세외수입 등록
-				if (value.length > 7) {
+			$("#btnUpdateNxrpLink--${pageName}").on("click", () => $P.fnUpdateNxrpLink());		// 매치정보 등록
-					this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6);
+			$("#btnCreateSndngLink--${pageName}").on("click", () => $P.fnCreateSndngLink());	// 우편통합 발송
-				} else if(value.length > 5) {
+			$("#btnPrintAdvntce--${pageName}").on("click", () => $P.fnPrintAdvntce());			// 사전통지
-					this.value = value.substring(0, 4) + "-" + value.substring(4);
+			$("#btnCreateSndbk--${pageName}").on("click", () => $P.fnCreateSndbk());			// 반송 등록
-				}
+			$("#btnLevyIdnty--${pageName}").on("click", () => $P.fnLevyIdnty());				// 미부과건 확인
-			});
-		});
 
 			// DataTables width 변경 조정
 			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
 
 			// DataTables 스크롤 이벤트 생성
-		fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
+			fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
 
 /* 출처: https://nowonbun.tistory.com/538 [명월 일지:티스토리]
 	show.bs.modal   : 모달이 열릴 때 바로 실행되는 이벤트입니다.
@@ -524,47 +560,51 @@
 */
 			// DataTables 스크롤을 위해서 다이얼로그 화면이 생성된 후 Dataset을 설정한다.
 			$("#${infoPrefix}Dialog").on("shown.bs.modal", function (e) {
-			${pageName}Control.setData({
+				$P.control.setData({
 					  ${infoPrefix}List : ${advntceSndngDtlList}
 					, ${infoPrefix}Start : ${advntceSndngDtlStart}
 					, ${infoPrefix}Fetch : ${advntceSndngDtlFetch}
 					, ${infoPrefix}Total : ${advntceSndngDtlTotal}
 				});
+
+				// 초기 데이터 설정
+				$P.initData();
 			});
 		}
 
-	// 기본 데이터 설정
+		// 초기 화면 설정
-	initData${pageName} = () => {
+		$P.initForm = () => {
-		let sggCd = ${pageName}Query.sggCd;
+			// 화면 초기화
-		let taskSeCd = ${pageName}Query.taskSeCd;
+			$("#frmEdit--${pageName}")[0].reset();
+		}
 
-		$("#sggCd--${pageName}").val(sggCd);			// 시군구 코드
+		// 초기 데이터 설정
-		$("#taskSeCd--${pageName}").val(taskSeCd);		// 업무 구분 코드
+		$P.initData = () => {
+			// SNDNG_ID
+			$("#sndngId--${pageName}").val($P.control.dataset.getValue("SNDNG_ID"));
 
 			// 검색 조건 설정
-		${pageName}Control.defaultFetchSize = ${pageName}Query.fetchSize;
+			$P.control.query = $P.mainQuery;
-		${pageName}Control.query = ${pageName}Query;
 
 	 		// URL 설정
-		setURL${pageName}(taskSeCd);
+			$P.setURL($P.mainQuery.taskSeCd);
 		}
 
-	// 업무구분에 따른 url 설정
+		// 업무구분에 따른 URL 설정
-	setURL${pageName} = (taskSeCd) => {
+		$P.setURL = (taskSeCd) => {
-		${pageName}Control.urls.load = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/080/list.do");	// 조회
+			$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/080/list.do");	// 조회
 		}
 
 		/**************************************************************************
-	 * script 진입
+		 * 최초 실행 함수
 		 **************************************************************************/
-	$(document).ready(function() {
+		// 1. 이벤트 설정
-		// 이벤트 설정
+		$P.setEvent();
-		setEvent${pageName}();
 
-		// 기본 데이터 설정
+		// 2. 초기 화면 설정
-		initData${pageName}();
+		$P.initForm();
 
-		// 보안모드
+		// 3. 보안모드
 		fn_securityModeToggle($("#securityMode--top").is(":checked"));
 	});
 

src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01090-main.jsp

@@ -126,8 +126,11 @@
 							</div>
 				            <span class="container-window-btn-right">
 								<!-- 업무 버튼 -->
-								<button type="button" class="btn btn-primary w-px-120" id="btnNhtSndngInfo--${pageName}" title="신규 발송 등록" onclick="fnNhtSndngInfo${pageName}();">
+								<button type="button" class="btn btn-primary w-px-120" id="btnCreate--${pageName}" title="고지서 발송 등록">
-									신규 발송 등록
+									등록
+								</button>
+								<button type="button" class="btn btn-primary w-px-120" id="btnRemove--${pageName}" title="고지서 발송 삭제">
+									삭제
 								</button>
 				            </span>
 						</span>
@@ -142,7 +145,14 @@
 									<thead class="sticky-thead">
 										<tr id="theadTr--${pageName}"
 											data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
+										</tr>
+									</thead>
+									<tbody id="tbody--${pageName}">
+									</tbody>
+
+									<template id="${infoPrefix}Col--${pageName}">
 										<th class="cmn" style="width: 72px;">No.</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: 160px;" onclick="searchFromGridTitle('TASK_SE_CD', this.innerText, 'codeValue', 'FIM054');">업무구분</th>
 										<th class="cmn" style="width: 100px;" onclick="searchFromGridTitle('SNDNG_REG_SE_CD', this.innerText, 'codeValue', 'FIM067');">등록구분</th>
 										<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('VLTN_ARTCL', this.innerText, 'match', 'part');">위반항목</th>
@@ -157,13 +167,11 @@
 										<th class="cmn" style="width: 180px;">수정일시</th>
 										<th class="cmn" style="width: 140px;">수정사용자</th>
 										<th class="cmn dummy-th"></th>
-										</tr>
+									</template>
-									</thead>
-									<tbody id="tbody--${pageName}">
-									</tbody>
 									<template id="${infoPrefix}Row--${pageName}">
 										<tr data-key="{SNDNG_ID}">
 											<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="{SNDNG_ID}" onchange="pageObject['${pageName}'].control.select('{SNDNG_ID}', this.checked);" /></td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{TASK_SE_NM}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SNDNG_REG_SE_NM}</td>
 											<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{VLTN_ARTCL}</td>
@@ -181,8 +189,20 @@
 										</tr>
 									</template>
 									<template id="${infoPrefix}NotFound--${pageName}">
-										<tr class="odd">
+										<tr class="bpv">
-											<td valign="top" colspan="15" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="16" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+										</tr>
+										<tr class="dpv">
+											<td valign="top" colspan="16" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+										</tr>
+										<tr class="eca">
+											<td valign="top" colspan="16" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+										</tr>
+										<tr class="pvs">
+											<td valign="top" colspan="16" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+										</tr>
+										<tr class="tpv">
+											<td valign="top" colspan="16" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 									</template>
 								</table>
@@ -195,8 +215,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"> -->
@@ -205,23 +223,30 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
+	pageObject["${pageName}"] = {};
+
+	/**************************************************************************
+	 * script 진입
+	 **************************************************************************/
+	$(document).ready(function() {
+		// pageObject
+		var $P = pageObject["${pageName}"];
+
 		// URL
-	var ${pageName}PrefixUrl = "/sndb/sndb01";
+		$P.PrefixUrl = "/sndb/sndb01";
 		// 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 : "nhtSndng"
 			, prefixName : "고지서 발송 현황"
 			, infoSize : "xxl"
 			, keymapper : info => info ? info.SNDNG_ID : ""
-		, dataGetter : obj => obj.nhtSndngList
+			, dataGetter : obj => obj.${infoPrefix}List
 			, appendData : true
-		, untilPageNum : 0								// 현재 페이지 번호
-		, tableRenderComplete : false					// dataTables 에 자료 추가 완료 여부
 			, formats : {
 				  SNDNG_YMD : dateFormat
 				, SNDNG_END_YMD : dateFormat
@@ -231,28 +256,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 => {
+		$P.control.onDatasetChange = (obj) => {
-		renderList${pageName}(obj.${infoPrefix}Total);
+			$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 : "pageObject['${pageName}'].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.SNDNG_ID;
@@ -260,81 +290,145 @@
 			$("#tbody--${pageName}").setCurrentRow(key);
 		};
 
+		// 선택(체크) 변경 이벤트
+		$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() {
+				let checkbox = $(this);
+
+				checkbox.prop("checked", keys.includes(checkbox.val()));
+			});
+
+			// 삭제 버튼
+			$("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
+
+			// DataTables(그리드) 전체 선택(checkbox)
+			if (keys.length < 1) {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			} else if (keys.length == ${infoPrefix}List.length) {
+				$("th input[type='checkbox']").prop("checked", true);	// 체크 설정
+			} else {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			}
+		};
+
 		// 발송 상세
-	${pageName}Control.getInfo = (sndngId) => {
+		$P.control.getInfo = (sndngId) => {
 			if (typeof sndngId == "undefined" || sndngId == null || sndngId == "") return;
 
-		let params = ${pageName}Control.query;
+			let params = $P.control.query;
 			params.callPurpose = "view";			// 호출 용도
 			params.pageNum = 1;						// 페이지 번호
 			params.sndngId = sndngId;				// 발송 ID
 
 			ajax.get({
-			  url : ${pageName}Control.urls.getInfo
+				  url : $P.control.urls.getInfo
 				, data : params
 				, success : resp => {
 					dialog.open({
-					  id : "nhtSndngDtlDialog"
+						  id : $P.control.prefixed("DtlDialog")
-					, title : "고지서 세부 내용"
+						, title : "고지서 발송 상세 내용"
 						, content : resp
-					, size : ${pageName}Control.infoSize
+						, size : $P.control.infoSize
 					});
 				}
 			});
 		}
 
+		// 삭제 callback
+		$P.control.onRemove = (resp) => {
+	  		let btnTitle = $("#btnRemove--${pageName}").attr("title");
+	  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
+
+	  		// 메시지 출력
+			dialog.alert({
+				  content : showMessage
+				, onOK : () => { }
+			});
+
+			if (resp.saved) {
+				$P.refreshList();
+			}
+		}
+
+		// 삭제
+		$P.control.remove = (params) => {
+			if (!params) return;
+
+			ajax.post({
+				  url : $P.control.urls.remove
+				, data : params
+				, success : resp => $P.control.onRemove(resp)
+			});
+		}
+
 		/**************************************************************************
 		 * DataTables 이벤트
 		 **************************************************************************/
 		// 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 clsForTask = $("#frmSearch--${pageName} input[name='taskSeCd']:checked").val().toLowerCase();	// 소문자
 
-		let trs = empty ?
+			// 업무별 그리드 td
-			[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+			let foundContent = document.getElementById("${infoPrefix}Row--${pageName}").content;
-			${infoPrefix}List.inStrings(
+			let foundTr = $(foundContent).find("tr")[0].cloneNode(false);
-				document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
+			let foundTds = $(foundContent).find("." + clsForTask + ",.cmn");
-				(str, dataItem) => str
+
-					.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("SNDNG_ID") + "');")
+			foundTds.each(function() {
-					.replace(/{ondblclick}/gi, "${pageName}Control.getInfo('" + dataItem.getValue("SNDNG_ID") + "');")
+				foundTr.appendChild(this.cloneNode(true));
-			);
+			});
+
+			//
+			let replacer = (str, dataItem) => str
+				.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("SNDNG_ID") + "');")
+				.replace(/{ondblclick}/gi, "pageObject['${pageName}'].control.getInfo('" + dataItem.getValue("SNDNG_ID") + "');");
+
+			let trs = empty ? [document.getElementById("${infoPrefix}NotFound--${pageName}").content.querySelector("." + clsForTask + ",.cmn").outerHTML]
+							: ${infoPrefix}List.inStrings(foundTr.outerHTML, replacer);
 
 			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) {
+		    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 체크 해제
+			$("th input[type='checkbox']").prop("checked", false);
+
 			//보안모드
 		    fn_securityModeToggle($("#securityMode--top").is(":checked"));
 		}
 
 		// 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);
 		}
 
 		/**************************************************************************
 		 * 사용자 함수(function)
 		 **************************************************************************/
 		// 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({
@@ -351,91 +445,79 @@
 			});
 		}
 
-	// 개별총정보 dialog
+		// 검색 자료 재조회
-	getTotalInfo${pageName} = (crdnId) => {
+		$P.refreshList = () => {
-		if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
+			$P.control.untilPageNum = $P.control.query.pageNum;
-
+			$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
-		let params = {
-			  callControlName : "${pageName}Control"
-			, sggCd : $("#sggCd--${pageName}").val()
-			, taskSeCd : $("input[name=taskSeCd]:checked").val()
-			, crdnId : crdnId
-		}
 
-		ajax.get({
+			$P.control.load(1);
-			  url : wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
-			, data : params
-			, success : resp => {
-				dialog.open({
-					  id : "totalInfoMainDialog"
-					, title : "개별총정보"
-					, content : resp
-					, size : "xxl"
-				});
-			}
-		});
 		}
 
 		// 신규 등록 dialog -> callback 추가
-	getNhtSndngInfo${pageName} = (params) => {
+		$P.getNhtSndngInfo = (params) => {
 			if (!params) return;
 
 			ajax.get({
-			  url : wctx.url("/" + params.taskSeCd + ${pageName}PrefixUrl + "/110/info.do")
+				  url : wctx.url("/" + params.taskSeCd + $P.PrefixUrl + "/110/info.do")
 				, data : params || {}
 				, success : resp => {
 					dialog.open({
-					  id : ${pageName}Control.prefixed("Dialog")
+						  id : $P.control.prefixed("Dialog")
 						, title :"고지서 발송 대상"
 						, content : resp
 						, size : "lg"
-					, onClose : () => { ${pageName}Control.load(${pageName}Control.query.pageNum); }	// callback
+						, onClose : () => { $P.refreshList();	}
 					});
 				}
 			});
 		}
 
-	// 검색 자료 재조회
+		// 사유 callback
-	refreshList${pageName} = () => {
+		$P.callbackRsn = (obj) => {
-		${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
+			// 서버에 전송할 data(파라미터) 생성
-		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum;
+			let params = {};
+			params.sndngIDs = selected.join(",");		// IDs
+			params.delRsn = obj.reason;					// 삭제 사유
 
-		${pageName}Control.load(1);
+			$P.control.remove(params);
 		}
 
 		/**************************************************************************
 		 * 버튼 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} = () => {
+		$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;		// 한번에 조회되는 자료 건수
+			$P.control.query.sndngSeCdFrom = "03";		// 발송 구분 코드 - 03 부과고지서
-		${pageName}Control.query.sndngSeCdFrom = "03";			// 발송 구분 코드 - 03 부과고지서
+			$P.control.query.sndngSeCdTo = "08";		// 발송 구분 코드 - 08 체납고지서
-		${pageName}Control.query.sndngSeCdTo = "08";			// 발송 구분 코드 - 08 체납고지서
+	 		$P.control.query.delYN = "N";				// 삭제 여부
-		${pageName}Control.query.delYN = "N";											// 삭제 여부
 
-		${pageName}Control.load(1);
+	 		$P.control.load(1);
 		}
 
 		// 엑셀 버튼 이벤트
-	fnExcel${pageName} = () => {
+		$P.fnExcel = () => {
-		if (${pageName}Control.dataset.empty) {
+			if ($P.control.dataset.empty) {
 				dialog.alert({
 					  content : "검색된 자료가 없습니다."
 					, onOK : () => { }
@@ -447,32 +529,69 @@
 			// 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)"));
-		${pageName}Control.query.cellDefs = cellDefs;
+			$P.control.query.cellDefs = cellDefs;
 
-		${pageName}Control.download();
+			$P.control.download();
 		}
 
 		// 사용자 조회 버튼 이벤트
-	fnFindUser${pageName} = () => {
+		$P.fnFindUser = () => {
-		getFindUser${pageName}();
+			$P.getFindUser();
 		}
 
-	// 신규 등록
+		// 등록 버튼 이벤트
-	fnNhtSndngInfo${pageName} = () => {
+		$P.fnCreate = () => {
 			let params = {
 				  callPurpose : "create"
-			, sggCd			: $("#sggCd--${pageName}").val()					// 시군구 코드
+				, sggCd : $P.control.dataset.getValue("SGG_CD")			// 시군구 코드
-			, taskSeCd		: $(":input:radio[name='taskSeCd']:checked").val()	// 업무 구분 코드
+				, taskSeCd : $P.control.dataset.getValue("TASK_SE_CD")	// 업무 구분 코드
 			};
 
-		getNhtSndngInfo${pageName}(params);
+			$P.getNhtSndngInfo(params);
+		}
+
+		// 삭제 버튼 이벤트
+		$P.fnRemove = () => {
+			// 선택 자료
+			let selected = $P.control.dataset.getKeys("selected");
+
+			if (selected.length < 1) return;
+
+			// 삭제 메세지 확인
+			dialog.alert({
+				  content : "선택하신 " + selected.length + "건의 " + $P.control.prefixName + " 정보를 삭제하시겠습니까?"
+				, onOK : () => {
+					// 삭제 사유 입력
+					let popupWidth = 640;
+					let popupHeight = 240;
+					let popupX = (window.screen.width / 2) - (popupWidth / 2);
+					let popupY = (window.screen.height / 2) - (popupHeight / 2);
+
+					window.open(
+						encodeURI(wctx.url("/resources/html/inputRsnDialog.html"
+								+ "?openerPageName=${pageName}"
+								+ "&prefix=" + $P.control.prefix
+								+ "&usePurpose=" + "remove"
+								+ "&ttlNm=" + "삭제"
+						))
+						, "inputDelRsnDialog"
+						, 'status=no, height=' + popupHeight  + ', width=' + popupWidth  + ', left='+ popupX + ', top='+ popupY
+					);
+				}
+			});
 		}
 
 		/**************************************************************************
 		 * 초기 셋팅
 		 **************************************************************************/
-	// 이벤트
+		// 이벤트 설정
-	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) {
@@ -493,18 +612,30 @@
 				});
 			});
 
+			// 업무 버튼 이벤트
+			$("#btnCreate--${pageName}").on("click", () => $P.fnCreate());		// 고지서 발송 등록
+			$("#btnRemove--${pageName}").on("click", () => $P.fnRemove());		// 고지서 발송 삭제
+
 			// DataTables width 변경 조정
 			$("#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");
@@ -512,49 +643,72 @@
 
 			// 달력 초기화
 			initDatepicker("frmSearch--${pageName}");
-
+			$("#schSndngYmdFrom--${pageName}").datepicker("setDate", new Date());
-		$("#schSndngYmdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
 			$("#schSndngYmdTo--${pageName}").datepicker("setDate", new Date());
 
+			// 동적 검색
+			$("#byOutput--${pageName}").val("동적 검색");
+
 			// 사용자 이름
 			$("#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}");
+			// 업무 구분 코드
+			$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);
+
+			// 일자
+			$("#schSndngYmdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
+			$("#schSndngYmdTo--${pageName}").datepicker("setDate", new Date());
+		}
+
+
+		// 업무 구분별 설정
+		$P.setTask = (taskSeCd) => {
+			let clsForTask = taskSeCd.toLowerCase();
 
-		// 화면 데이터 설정
+			// 업무별 조회조건
-		$("#sggCd--${pageName}").val("${sggCd}");				// 시군구 코드
+			renderForTask("frmSearch--${pageName}", clsForTask);
-		$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);	// 업무 구분
+
+			// 업무별 그리드 th
+			$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
+
+			let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
+			let cols = $(colContent).find("." + clsForTask + ",.cmn");
+			let colsOuterHTML = "";
+
+			cols.each(function() {
+				colsOuterHTML += this.outerHTML;
+			});
+
+			$("#theadTr--${pageName}").html(colsOuterHTML);
+			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
 
 			// URL 설정
-		setURL${pageName}(taskSeCd);
+			$P.setURL(taskSeCd);
 		}
 
-	// URL 설정
+		// 업무구분에 따른 URL 설정
-	setURL${pageName} = (taskSeCd) => {
+		$P.setURL = (taskSeCd) => {
-		${pageName}Control.urls.load = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/090/list.do");	// 조회
+			$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/090/list.do");		// 검색
-		${pageName}Control.urls.getInfo = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/100/info.do");	// 고지서 세부 내용
+			$P.control.urls.remove = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/090/remove.do");	// 삭제
+			$P.control.urls.getInfo = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/100/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());
-
-		// 화면 초기 설정 및 업무 구분 변경
-		fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val());
 
+		// 3. 보안모드
+	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
 	});
 
 </script>

src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01100-info.jsp

@@ -10,8 +10,7 @@
 			<div class="wrapper-pop">
 				<!-- 입력 영역 -->
 				<form id="frmEdit--${pageName}" name="frmEdit">
-					<input type="hidden" id="sggCd--${pageName}" name="sggCd" />
+					<input type="hidden" id="sndngId--${pageName}" name="sndngId" />
-					<input type="hidden" id="taskSeCd--${pageName}" name="taskSeCd" />
 				</form> <!-- /입력 영역 -->
 
 				<!-- 업무 버튼 및 건수 표시 -->
@@ -25,19 +24,19 @@
 						</div>
 			            <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 type="button" class="btn btn-primary w-px-120" id="btnCreateTextFile--${pageName}" title="파일 출력" onclick="fnCreateTextFile${pageName}();">
+							<button type="button" class="btn btn-primary w-px-120" id="btnCreateTextFile--${pageName}" title="파일 출력">
 								파일 출력
 							</button>
-							<button type="button" class="btn btn-primary w-px-120" id="btnPrintNht--${pageName}" title="고지서 출력" onclick="fnPrintNht${pageName}();">
+							<button type="button" class="btn btn-primary w-px-120" id="btnPrintNht--${pageName}" title="고지서 출력">
 								고지서 출력
 							</button>
-							<button type="button" class="btn btn-primary w-px-120" id="btnRemoveDpcnData--${pageName}" title="중복자료 삭제" onclick="fnRemoveDpcnData${pageName}();">
+							<button type="button" class="btn btn-primary w-px-120" id="btnRemoveDpcnData--${pageName}" title="중복자료 삭제">
 								중복자료 삭제
 							</button>
-							<button type="button" class="btn btn-primary w-px-120" id="btnCreateSndbk--${pageName}" title="반송 등록" onclick="fnCreateSndbk${pageName}();">
+							<button type="button" class="btn btn-primary w-px-120" id="btnCreateSndbk--${pageName}" title="반송 등록">
 								반송 확인
 							</button>
 			            </span>
@@ -52,6 +51,7 @@
 								<thead class="sticky-thead">
 									<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: 120px;">발송상태</th>
 										<th class="cmn" style="width: 160px;">등기번호</th>
 										<th class="cmn" style="width: 120px;">발송일자</th>
@@ -76,7 +76,7 @@
 										<th class="cmn" style="width: 120px;">과태료금액</th>
 										<th class="cmn" style="width: 120px;">본세</th>
 										<th class="cmn" style="width: 120px;">가산금</th>
-										<th class="cmn" style="width: 120px;">합계금액</th>
+										<th class="cmn" style="width: 120px;">미납금액</th>
 										<th class="cmn" style="width: 180px;">등록일시</th>
 										<th class="cmn" style="width: 140px;">등록사용자</th>
 										<th class="cmn" style="width: 180px;">수정일시</th>
@@ -88,6 +88,7 @@
 								</tbody>
 								<template id="${infoPrefix}Row--${pageName}">
 									<tr data-key="{SNDNG_DTL_ID}">
+										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
 										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SNDNG_DTL_STTS_NM}</td>
 										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RG_NO}</td>
 										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SNDNG_YMD}</td>
@@ -122,14 +123,14 @@
 								</template>
 								<template id="${infoPrefix}NotFound--${pageName}">
 									<tr class="odd">
-										<td valign="top" colspan="30" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+										<td valign="top" colspan="31" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 									</tr>
 								</template>
 							</table>
 						</div>
 					</div>
-				</div> <!-- / DataTables(그리드) -->
+				</div>
-
+				<!-- / DataTables(그리드) -->
 			</div> <!-- <div class="wrapper-list"> -->
 		</div> <!-- <div class="card"> -->
 	</div> <!-- / Content <div class="container flex-grow-1 px-0"> -->
@@ -140,26 +141,33 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
+	pageObject["${pageName}"] = {};
+
+	/**************************************************************************
+	 * script 진입
+	 **************************************************************************/
+	$(document).ready(function() {
+		// pageObject
+		var $P = pageObject["${pageName}"];
+
 		// URL
-	var ${pageName}PrefixUrl = "/sndb/sndb01";
+		$P.PrefixUrl = "/sndb/sndb01";
 	 	// 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}");
 	 	// main 의 검색 조건을 그대로 유지
-	var ${pageName}Query = ${query};
+	 	$P.mainQuery = ${mainQuery};
 
 		/**************************************************************************
 		 * DatasetControl
 		 **************************************************************************/
-	var ${pageName}Control = new DatasetControl({
+		$P.control = new DatasetControl({
 			  prefix : "nhtSndngDtl"
 			, prefixName : "발송 상세"
 			, keymapper : info => info ? info.SNDNG_DTL_ID : ""
-		, dataGetter : obj => obj.nhtSndngDtlList
+			, dataGetter : obj => obj.${infoPrefix}List
 			, appendData : true
-		, untilPageNum : 0								// 현재 페이지 번호
-		, tableRenderComplete : false					// dataTables 에 자료 추가 완료 여부
 			, formats : {
 				  SNDNG_YMD : dateFormat
 		    	, SNDNG_END_YMD : dateFormat
@@ -172,28 +180,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 => {
+		$P.control.onDatasetChange = (obj) => {
-		renderList${pageName}(obj.${infoPrefix}Total);
+			$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 : "pageObject['${pageName}'].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.SNDNG_DTL_ID;
@@ -205,8 +218,8 @@
 		 * DataTables 이벤트
 		 **************************************************************************/
 		// 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 trs = empty ?
@@ -214,48 +227,45 @@
 				${infoPrefix}List.inStrings(
 					document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
 					(str, dataItem) => str
-					.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("SNDNG_DTL_ID") + "');")
+						.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("SNDNG_DTL_ID") + "');")
-					.replace(/{ondblclick}/gi, "getTotalInfo${pageName}('" + dataItem.getValue("CRDN_ID") + "');")
+						.replace(/{ondblclick}/gi, "pageObject['${pageName}'].getTotalInfo('" + dataItem.getValue("CRDN_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) {
+		    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;
 			}
 
-		//보안모드
-		$("th input[type='checkbox']").prop("checked", false);
-
 			//보안모드
 		    fn_securityModeToggle($("#securityMode--top").is(":checked"));
 		}
 
 		// 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);
 		}
 
 		/**************************************************************************
 		 * 사용자 함수(function)
 		 **************************************************************************/
 		// 개별총정보 dialog
-	getTotalInfo${pageName} = (crdnId) => {
+		$P.getTotalInfo = (crdnId) => {
 			if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
 
 			let params = {
-			  callControlName : "${pageName}Control"
+				  callControlName : "pageObject['${pageName}'].control"
 				, callPurpose : "view"
-			, sggCd : $("#sggCd--${pageName}").val()
-			, taskSeCd : $("#taskSeCd--${pageName}").val()
 				, crdnId : crdnId
+				, sggCd : $P.control.dataset.getValue("SGG_CD")
+				, taskSeCd : $P.control.dataset.getValue("TASK_SE_CD")
 			}
 
 			ajax.get({
@@ -272,18 +282,26 @@
 			});
 		}
 
-	// 종적결과 등록
+		// 고지서 출력
-	createSndbk${pageName} = (params) => {
+		$P.print = (params) => {
+			if (!params) return;
+		}
+
+		// 반송 확인(종적결과 등록)
+		$P.createSndbk = (params) => {
 			if (!params) return;
 
 			ajax.post({
-			  url : wctx.url("/" + params.taskSeCd + ${pageName}PrefixUrl + "/080/createSndbkList.do")
+				  url : wctx.url("/" + params.taskSeCd + $P.PrefixUrl + "/080/createSndbkList.do")
 				, data : params || {}
 				, success : resp => {
 					// S 또는 F 를 버튼 title 로 변경하여 메시지 출력
 			  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, $("#btnCreateSndbk--${pageName}").attr("title"));
 
-		  		dialog.alert(showMessage);
+					dialog.alert({
+						  content : showMessage
+						, onOK : () => { }
+					});
 				}
 			});
 		}
@@ -292,8 +310,8 @@
 		 * 버튼 clickEvent
 		 **************************************************************************/
 		// 엑셀 버튼 이벤트
-	fnExcel${pageName} = () => {
+		$P.fnExcel = () => {
-		if (${pageName}Control.dataset.empty) {
+			if ($P.control.dataset.empty) {
 				dialog.alert({
 					  content : "검색된 자료가 없습니다."
 					, onOK : () => { }
@@ -305,35 +323,35 @@
 			// DataTables(그리드)
 			let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th")
 					, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td"));
-		${pageName}Control.query.cellDefs = cellDefs;
+			$P.control.query.cellDefs = cellDefs;
 
-		${pageName}Control.download();
+			$P.control.download();
 		}
 
 		// 파일 출력
-	fnCreateTextFile${pageName} = () => {
+		$P.fnCreateTextFile = () => {
 
 		}
 
 		// 고지서 출력
-	fnPrintNht${pageName} = () => {
+		$P.fnPrintNht = () => {
 
 		}
 
 		// 중복자료 삭제
-	fnRemoveDpcnData${pageName} = () => {
+		$P.fnRemoveDpcnData = () => {
 
 		}
 
 		// 반송(종적결과) 확인
-	fnCreateSndbk${pageName} = () => {
+		$P.fnCreateSndbk = () => {
 			// validate 확인
 			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
 
 			dialog.alert({
-			  content : "종적결과를 확인하시겠습니까?"
+				  content : "종적 결과를 확인하시겠습니까?"
 				, onOK : () => {
-				createSndbk${pageName}(${pageName}Query);
+					$P.createSndbk($P.mainQuery);
 				}
 			});
 		}
@@ -341,82 +359,70 @@
 		/**************************************************************************
 		 * 초기 셋팅
 		 **************************************************************************/
-	// 이벤트
+		// 이벤트 설정
-	setEvent${pageName} = () => {
+		$P.setEvent = () => {
-		// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
+			// 기본 버튼 이벤트
-		$("#frmEdit--${pageName}").find(".form-date").each(function() {
+			$("#btnExcel--${pageName}").on("click", () => $P.fnExcel());						// 엑셀
-			$(this).on("input", function() {
+
-				let value = this.value.replaceAll("-", "");
+			// 업무 버튼 이벤트
-
+			$("#btnCreateTextFile--${pageName}").on("click", () => $P.fnCreateTextFile());		// 세외수입 등록
-				if (value.length > 7) {
+			$("#btnPrintNht--${pageName}").on("click", () => $P.fnPrintNht());					// 매치정보 등록
-					this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6);
+			$("#btnRemoveDpcnData--${pageName}").on("click", () => $P.fnRemoveDpcnData());		// 우편통합 발송
-				} else if(value.length > 5) {
+			$("#btnCreateSndbk--${pageName}").on("click", () => $P.fnCreateSndbk());			// 반송 등록
-					this.value = value.substring(0, 4) + "-" + value.substring(4);
-				}
-			});
-		});
 
 			// DataTables width 변경 조정
 			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
 
 			// DataTables 스크롤 이벤트 생성
-		fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
+			fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
 
 			// DataTables 스크롤을 위해서 다이얼로그 화면이 생성된 후 Dataset을 설정한다.
 			$("#${infoPrefix}Dialog").on("shown.bs.modal", function (e) {
-			${pageName}Control.setData({
+				$P.control.setData({
 					  ${infoPrefix}List : ${nhtSndngDtlList}
 					, ${infoPrefix}Start : ${nhtSndngDtlStart}
 					, ${infoPrefix}Fetch : ${nhtSndngDtlFetch}
 					, ${infoPrefix}Total : ${nhtSndngDtlTotal}
 				});
+
+				// 초기 데이터 설정
+				$P.initData();
 			});
 		}
 
-	// 화면 초기 설정
+		// 초기 화면 설정
-	initForm${pageName} = () => {
+		$P.initForm = () => {
 			// 화면 초기화
 			$("#frmEdit--${pageName}")[0].reset();
-
-		// dataset 초기화
- 		${pageName}Control.dataset.clear();
 		}
 
-	// 기본 데이터 설정
+		// 초기 데이터 설정
-	setFormData${pageName} = () => {
+		$P.initData = () => {
-		let sggCd = ${pageName}Query.sggCd;
+			// SNDNG_ID
-		let taskSeCd = ${pageName}Query.taskSeCd;
+			$("#sndngId--${pageName}").val($P.control.dataset.getValue("SNDNG_ID"));
-
-		$("#sggCd--${pageName}").val(sggCd);			// 시군구 코드
-		$("#taskSeCd--${pageName}").val(taskSeCd);		// 업무 구분 코드
 
 			// 검색 조건 설정
-		${pageName}Control.defaultFetchSize = ${pageName}Query.fetchSize;
+			$P.control.query = $P.mainQuery;
-		${pageName}Control.query = ${pageName}Query;
 
 	 		// URL 설정
-		setURL${pageName}(taskSeCd);
+			$P.setURL($P.mainQuery.taskSeCd);
 		}
 
-	// 업무구분에 따른 url 설정
+		// 업무구분에 따른 URL 설정
-	setURL${pageName} = (taskSeCd) => {
+		$P.setURL = (taskSeCd) => {
-		${pageName}Control.urls.load = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/100/list.do");	// 조회
+			$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/100/list.do");	// 검색
 		}
 
 		/**************************************************************************
-	 * script 진입
+		 * 최초 실행 함수
 		 **************************************************************************/
-	$(document).ready(function() {
+		// 1. 이벤트 설정
-		// 이벤트 설정
+		$P.setEvent();
-		setEvent${pageName}();
-
-		// 화면 초기화
-		initForm${pageName}();
 
-		// 기본 데이터 설정
+		// 2. 초기 화면 설정
-		setFormData${pageName}();
+		$P.initForm();
 
-		// 보안모드
+		// 3. 보안모드
 		fn_securityModeToggle($("#securityMode--top").is(":checked"));
 	});
 

src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01250-info.jsp

@@ -75,7 +75,7 @@
 										<th class="cmn" style="width: 120px;">과태료금액</th>
 										<th class="cmn" style="width: 120px;">본세</th>
 										<th class="cmn" style="width: 120px;">가산금</th>
-										<th class="cmn" style="width: 120px;">합계금액</th>
+										<th class="cmn" style="width: 120px;">미납금액</th>
 										<th class="cmn" style="width: 180px;">등록일시</th>
 										<th class="cmn" style="width: 140px;">등록사용자</th>
 										<th class="cmn" style="width: 180px;">수정일시</th>

src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp

@@ -469,8 +469,8 @@
 			});
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {
 				  callPurpose : "remove"

src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02030-info.jsp

@@ -336,8 +336,8 @@
 			});
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {
 				  callPurpose : "remove"

src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp

@@ -48,7 +48,7 @@
 											<th class="cmn" style="width: 280px">상세주소</th>
 											<th class="cmn" style="width: 100px">회계연도</th>
 											<th class="cmn" style="width: 120px">부과번호</th>
-											<th class="cmn" style="width: 120px">합계금액</th>
+											<th class="cmn" style="width: 120px">미납금액</th>
 											<th class="cmn" style="width: 120px">배달일자</th>
 											<th class="cmn" style="width: 100px">배달시각</th>
 											<th class="cmn" style="width: 160px">미배달사유</th>

src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02050-info.jsp

@@ -548,13 +548,13 @@
 			});
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {};
 
 			if (obj.prefix == $P.rductControl.prefix) {
-				params.callPurpose = "remove";
+				params.callPurpose = obj.callPurpose;
 				params.sggCd = $P.rductControl.dataset.getValue("SGG_CD");				// 시군구 코드
 				params.taskSeCd = $P.rductControl.dataset.getValue("TASK_SE_CD");		// 업무 구분 코드
 				params.rductId = $P.rductControl.dataset.getValue("RDUCT_ID")			// 감경 ID
@@ -562,7 +562,7 @@
 
 				$P.rductControl.remove(params);
 			} else if (obj.prefix == $P.levyExclControl.prefix) {
-				params.callPurpose = "remove";
+				params.callPurpose = obj.callPurpose;
 				params.sggCd = $P.levyExclControl.dataset.getValue("SGG_CD");			// 시군구 코드
 				params.taskSeCd = $P.levyExclControl.dataset.getValue("TASK_SE_CD");	// 업무 구분 코드
 				params.levyExclId = $P.levyExclControl.dataset.getValue("LEVY_EXCL_ID");// 부과제외 ID

src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02070-info.jsp

@@ -425,11 +425,11 @@
 			$P.control.save(params);
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {
-				  callPurpose : "remove"
+				  callPurpose : obj.callPurpose
 				, rcvmtId : $P.control.dataset.getValue("RCVMT_ID")			// 수납 ID
 				, sggCd : $P.control.dataset.getValue("SGG_CD")				// 시군구 코드
 				, taskSeCd : $P.control.dataset.getValue("TASK_SE_CD")		// 업무 구분 코드

src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02080-info.jsp

@@ -238,11 +238,11 @@
 			});
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {
-				  callPurpose : "remove"
+				  callPurpose : obj.callPurpose
 				, cvlcptDscsnId : $P.control.dataset.getValue("CVLCPT_DSCSN_ID")		// 민원상담 ID
 				, sggCd : $P.control.dataset.getValue("SGG_CD")							// 시군구 코드
 				, taskSeCd : $P.control.dataset.getValue("TASK_SE_CD")					// 업무 구분 코드

src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04010-main.jsp

@@ -439,12 +439,8 @@
 			$P.control.load(1);
 		}
 
-		// 삭제 callback
+		// 사유 callback
-		$P.callbackRemove = (obj) => {
+		$P.callbackRsn = (obj) => {
-			let selected = $P.control.dataset.getKeys("selected");
-
-			if (selected.length < 1) return;
-
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {};
 			params[$P.control.prefixed("IDs")] = selected.join(",");	// IDs

src/main/webapp/resources/html/inputDateDialog.html

@@ -84,10 +84,12 @@
 		<script src="/resources/js/fims/framework/cmm/initAfterPageLoad.js"></script>
 
 		<script language="javascript">
-			var callbackFuncName = location.search.split("&")[0].split("=")[1];
+			// parameter
-			var callPurpose = location.search.split("&")[1].split("=")[1];
+			var openerPageName = location.search.split("&")[0].split("=")[1];
-			var sndngYmd = location.search.split("&")[2].split("=")[1];
+			var prefix = location.search.split("&")[1].split("=")[1];
-			var sndngEndYmd = location.search.split("&")[3].split("=")[1];
+			var callPurpose = location.search.split("&")[2].split("=")[1];
+			var sndngYmd = location.search.split("&")[3].split("=")[1];
+			var sndngEndYmd = location.search.split("&")[4].split("=")[1];
 
 			// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
 			$("#frmInputDate").find(".form-date").each(function() {
@@ -141,15 +143,18 @@
 		    }
 
 			function fnOK() {
-				let inputDate = {};
-
 				// 날짜 확인
 				if (inputDateComparison($("#sndngYmd").val(), $("#sndngEndYmd").val())) {
-					inputDate.sndngYmd = $("#sndngYmd").val();
+					let obj = {
-					inputDate.dudtYmd = $("#sndngEndYmd").val();
+						  prefix : prefix							// 호출 prefix
-					inputDate.postSndngSeCd = $("input[name='postSndngSeCd']:checked").val();
+						, callPurpose : callPurpose					// 호출 용도
+						, sndngYmd : $("#sndngYmd").val()
+						, dudtYmd : $("#sndngEndYmd").val()
+						, postSndngSeCd : $("input[name='postSndngSeCd']:checked").val()
+					};
+
+					window.opener.pageObject[openerPageName].callbackDate(obj);
 
-					window.opener[callbackFuncName](inputDate);
 					window.close();
 				}
 			}
@@ -161,7 +166,7 @@
 				$("#sndngYmd").datepicker("setDate", sndngYmd);
 				$("#sndngEndYmd").datepicker("setDate", sndngEndYmd);
 
-				if (callPurpose == "post") {
+				if (prefix == "sndngLink") {
 					$("#divPostSndng").show();
 				} else {
 					$("#divPostSndng").hide();

src/main/webapp/resources/html/inputRsnDialog.html

@@ -68,24 +68,17 @@
 			// parameter
 			var openerPageName = location.search.split("&")[0].split("=")[1];
 			var prefix = location.search.split("&")[1].split("=")[1];
-			var usePurpose = location.search.split("&")[2].split("=")[1];
+			var callPurpose = location.search.split("&")[2].split("=")[1];
 			var ttlNm = decodeURI(location.search.split("&")[3].split("=")[1]);
 
 			function fnOK() {
 				let obj = {
 					  prefix : prefix							// 호출 prefix
+					, callPurpose : callPurpose					// 호출 용도
 					, reason : $("#reason").val()				// 사유
 				};
 
-				if (usePurpose == "update") {
+				window.opener.pageObject[openerPageName].callbackRsn(obj);
-					window.opener.pageObject[openerPageName].callbackUpdate(obj);
-				} else if (usePurpose == "remove") {
-					window.opener.pageObject[openerPageName].callbackRemove(obj);
-				} else if (usePurpose == "download") {
-					window.opener.pageObject[openerPageName].callbackDownload(obj);
-				} else {
-					window.opener.pageObject[openerPageName].callback(obj);
-				}
 
 				window.close();
 			}