From 7b59259e3f3be72010305da66fee3399e047eeba Mon Sep 17 00:00:00 2001
From: jjh <jaehyun81@xit.co.kr>
Date: Fri, 2 Feb 2024 18:15:38 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9A=B0=ED=8E=B8=20=ED=86=B5=ED=95=A9=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../xit/fims/epst/web/Epst02Controller.java   |   7 +
 .../WEB-INF/jsp/fims/epst/epst02010-main.jsp  | 682 +++++++++---------
 .../WEB-INF/jsp/fims/epst/epst02020-info.jsp  | 236 +++---
 .../WEB-INF/jsp/fims/excl/excl01010-main.jsp  |  14 +-
 .../WEB-INF/jsp/fims/excl/excl01020-info.jsp  |   3 +-
 .../WEB-INF/jsp/fims/excl/excl02010-main.jsp  |   6 +-
 .../WEB-INF/jsp/fims/excl/excl02020-info.jsp  |   1 +
 .../WEB-INF/jsp/fims/excl/excl02030-info.jsp  |   1 +
 .../WEB-INF/jsp/fims/excl/excl03010-main.jsp  |   4 +-
 .../WEB-INF/jsp/fims/levy/levy01010-main.jsp  |  10 +-
 .../WEB-INF/jsp/fims/levy/levy01050-main.jsp  |   2 +-
 .../WEB-INF/jsp/fims/rdca/rdca01010-main.jsp  |   2 +-
 .../WEB-INF/jsp/fims/sprt/sprt02010-main.jsp  |   7 +-
 13 files changed, 519 insertions(+), 456 deletions(-)

diff --git a/src/main/java/cokr/xit/fims/epst/web/Epst02Controller.java b/src/main/java/cokr/xit/fims/epst/web/Epst02Controller.java
index ecf3db13..b7753600 100644
--- a/src/main/java/cokr/xit/fims/epst/web/Epst02Controller.java
+++ b/src/main/java/cokr/xit/fims/epst/web/Epst02Controller.java
@@ -20,6 +20,7 @@ import cokr.xit.base.user.ManagedUser;
 import cokr.xit.base.web.ApplicationController;
 import cokr.xit.fims.cmmn.CmmnQuery;
 import cokr.xit.fims.cmmn.CmmnUtil;
+import cokr.xit.fims.cmmn.service.bean.StngBean;
 import cokr.xit.fims.epst.EpostGdcc;
 import cokr.xit.fims.epst.EpostQuery;
 import cokr.xit.fims.epst.EpostRcptReg;
@@ -83,6 +84,9 @@ public class Epst02Controller extends ApplicationController {
 	@Resource(name = "deptService")
 	private DeptService deptService;
 
+	@Resource(name = "stngBean")
+	private StngBean stngBean;
+
 	/**전자우편 안내문 관리 메인화면(epostGdcc/epostGdcc-main)을 연다.
 	 * 조건없는 {@link #getEpostGdccList(EpostGdccQuery) 전자우편 안내문 조회 결과}를 포함시킨다.
 	 * @return /epostGdcc/epostGdcc-main
@@ -100,6 +104,7 @@ public class Epst02Controller extends ApplicationController {
 				.addObject("pageName", "epst02010")						// View(jsp)에서 사용할 id 뒤에 붙일 suffix
 				.addObject("infoPrefix", "epostGdcc")					// prefix
 				.addObject("sggCd", managedUser.getOrgID())				// 시군구 코드(SGG_CD)
+				.addObject("taskListForSgg", stngBean.filterTaskSectionCodeForSgg(commonCodes.get("FIM054")))
 				.addObject("FIM047List", commonCodes.get("FIM047"))		// 발송 구분 코드(SNDNG_SE_CD)
 				.addObject("FIM054List", commonCodes.get("FIM054"))		// 업무 구분 코드(TASK_SE_CD)
 		;
@@ -278,6 +283,7 @@ public class Epst02Controller extends ApplicationController {
 				.addObject("pageName", "epst02030")						// View(jsp)에서 사용할 id 뒤에 붙일 suffix
 				.addObject("infoPrefix", "epostRcptReg")				// prefix
 				.addObject("sggCd", managedUser.getOrgID())				// 시군구 코드(SGG_CD)
+				.addObject("taskListForSgg", stngBean.filterTaskSectionCodeForSgg(commonCodes.get("FIM054")))
 				.addObject("deptCd", deptInfo.string("DEPT_CD"))		// 부서 코드 7자리
 				.addObject("conOrg", deptInfo.string("EGP_CON_ORG"))	// E그린 외부기관구분코드
 				.addObject("FIM054List", commonCodes.get("FIM054"))		// 업무 구분 코드(TASK_SE_CD)
@@ -484,6 +490,7 @@ public class Epst02Controller extends ApplicationController {
 				.addObject("pageName", "epst02050")								// View(jsp)에서 사용할 id 뒤에 붙일 suffix
 				.addObject("infoPrefix", "epostRcptRslt")						// prefix
 				.addObject("sggCd", managedUser.getOrgID())						// 시군구 코드(SGG_CD)
+				.addObject("taskListForSgg", stngBean.filterTaskSectionCodeForSgg(commonCodes.get("FIM054")))
 				.addObject("deptCd", deptInfo.string("DEPT_CD"))				// 부서 코드 7자리
 				.addObject("conOrg", deptInfo.string("EGP_CON_ORG"))			// E그린 외부기관구분코드
 				.addObject("EGP002List", commonCodes.get("EGP002"))				// 취급 구분(DIV_KB)
diff --git a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02010-main.jsp
index 5e501693..9f9268da 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02010-main.jsp
@@ -13,14 +13,14 @@
 				<div>
 					<!-- 상단 버튼 -->
 					<div class="container-page-btn">
-						<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화" onclick="fnResetAndChangeBiz${pageName}();">
+						<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화">
 							초기화
 						</button>
 						<span class="container-window-btn-right">
-							<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색" onclick="fnSearchList${pageName}();">
+							<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색">
 								검색
 							</button>
-							<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀" onclick="fnExcel${pageName}();">
+							<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">
 								엑셀
 							</button>
 						</span>
@@ -39,10 +39,10 @@
 								<div class="col-12">
 									<label class="form-label fw-bold form-search-title text-end">업무구분</label>
 									<span class="form-search-linebox">
-										<c:forEach items="${FIM054List}" var="item">
+										<c:forEach items="${taskListForSgg}" var="item">
 											<label>
 												<input type="radio" class="form-check-input" name="taskSeCd" alt="업무구분"
-													value="${item.code}" onchange="fnResetAndChangeBiz${pageName}(this.value);">
+													value="${item.code}" onchange="pageObject['${pageName}'].fnResetAndChangeBiz(this.value);">
 												${item.value}
 											</label>
 										</c:forEach>
@@ -124,14 +124,14 @@
 							</div>
 				            <span class="container-window-btn-right">
 								<!-- 업무 버튼 -->
-								<button type="button" class="btn btn-primary w-px-120" id="btnCreate--${pageName}" title="안내문 등록" onclick="fnCreate${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="btnUpdate--${pageName}" title="안내문 수정" onclick="fnUpdate${pageName}();">
-									안내문 수정
+								<button type="button" class="btn btn-primary w-px-120" id="btnUpdate--${pageName}" title="안내문 수정">
+									수정
 								</button>
-								<button type="button" class="btn btn-primary w-px-120" id="btnRemove--${pageName}" title="안내문 삭제" onclick="fnRemove${pageName}();">
-									안내문 삭제
+								<button type="button" class="btn btn-primary w-px-120" id="btnRemove--${pageName}" title="안내문 삭제">
+									삭제
 								</button>
 				            </span>
 						</span>
@@ -147,13 +147,13 @@
 										<tr id="theadTr--${pageName}"
 											data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
 											<th class="cmn" style="width: 72px;">NO.</th>
-											<th class="cmn" style="width: 56px;"><input type="checkbox" class="form-check-input" onchange="${pageName}Control.select(this.checked);"></th>
+											<th class="cmn" style="width: 56px;"><input type="checkbox" class="form-check-input" onchange="pageObject['${pageName}'].control.select(this.checked);"></th>
 											<th class="cmn" style="width: 160px;">업무구분</th>
 											<th class="cmn" style="width: 140px;">발송구분</th>
-											<th class="cmn" style="width: 100px;">사용여부</th>
 											<th class="cmn" style="width: 180px;">최종사용일시</th>
-											<th class="cmn" style="width: 300px;" onclick="searchFromGridTitle('TTL_NM', this.innerText, 'match', 'part');">제목</th>
-											<th class="cmn" style="width: 300px;">문구내용</th>
+											<th class="cmn" style="width: 320px;" onclick="searchFromGridTitle('TTL_NM', this.innerText, 'match', 'part');">제목</th>
+											<th class="cmn" style="width: 400px;">문구내용</th>
+											<th class="cmn" style="width: 100px;">사용여부</th>
 											<th class="cmn" style="width: 180px;">등록일시</th>
 											<th class="cmn" style="width: 140px;">등록사용자</th>
 											<th class="cmn" style="width: 180px;">수정일시</th>
@@ -166,13 +166,13 @@
 									<template id="${infoPrefix}Row--${pageName}">
 										<tr data-key="{GDCC_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="{GDCC_ID}" onchange="${pageName}Control.select('{GDCC_ID}', this.checked);"></td>
+											<td class="cmn text-center"><input type="checkbox" class="form-check-input" value="{GDCC_ID}" onchange="pageObject['${pageName}'].control.select('{GDCC_ID}', this.checked);"></td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{TASK_SE_NM}</td>
 											<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{SNDNG_SE_NM}</td>
-											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{USE_YN_NM}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LAST_USE_DT}</td>
 											<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{TTL_NM}</td>
 											<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{WORDS_CN}</td>
+											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{USE_YN_NM}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{REG_DT}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RGTR_NM}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFCN_DT}</td>
@@ -195,8 +195,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,380 +203,412 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
-	// URL
-	var ${pageName}PrefixUrl = "/epst/epst02";
-	// FormFields
- 	var ${pageName}Fields = new FimsFormFields("#frmSearch--${pageName}");
+	pageObject["${pageName}"] = {};
 
 	/**************************************************************************
-	 * DatasetControl
-	 **************************************************************************/
-	var ${pageName}Control = new DatasetControl({
-		  prefix : "epostGdcc"
-		, prefixName : "전자우편 안내문"
-		, infoSize : "md"
-		, keymapper : info => info ? info.GDCC_ID : ""
-		, dataGetter : obj => obj.epostGdccList
-		, appendData : true
-		, untilPageNum : 0								// 현재 페이지 번호
-		, tableRenderComplete : false					// dataTables 에 자료 추가 완료 여부
-		, formats : {
-	    	  LAST_USE_DT : datetimeFormat
-	    	, REG_DT : datetimeFormat
-	    	, MDFCN_DT : datetimeFormat
-		}
-	});
-
-	/**************************************************************************
-	 * DatasetControl 이벤트
+	 * script 진입
 	 **************************************************************************/
-	// Dataset 변경 이벤트
-	${pageName}Control.onDatasetChange = obj => {
-		renderList${pageName}(obj.${infoPrefix}Total);
-
-		$("#paging--${pageName}").setPagingInfo({
-			  list : ${pageName}Control.dataset
-			, prefix : "paging--${pageName}"
-			, start : obj.${infoPrefix}Start
-			, totalSize : obj.${infoPrefix}Total
-			, fetchSize : obj.${infoPrefix}Fetch
-			, func : "${pageName}Control.load({index})"
+	$(document).ready(function() {
+		// pageObject
+		var $P = pageObject["${pageName}"];
+
+		// URL
+		$P.PrefixUrl = "/epst/epst02";
+		// FormFields
+		$P.formFields = new FimsFormFields("#frmSearch--${pageName}");
+
+		/**************************************************************************
+		 * DatasetControl
+		 **************************************************************************/
+		$P.control = new DatasetControl({
+			  prefix : "epostGdcc"
+			, prefixName : "전자우편 안내문"
+			, infoSize : "md"
+			, keymapper : info => info ? info.GDCC_ID : ""
+			, dataGetter : obj => obj.epostGdccList
+			, appendData : true
+			, formats : {
+		    	  LAST_USE_DT : datetimeFormat
+		    	, REG_DT : datetimeFormat
+		    	, MDFCN_DT : datetimeFormat
+			}
 		});
+		// $P.control 설정
+		$P.control.defaultFetchSize = FETCH_XS;			// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+		$P.control.untilPageNum = 0;					// 현재 페이지 번호
+		$P.control.tableRenderComplete = false;			// dataTables 에 자료 추가 완료 여부
+		$P.control.beforeCurrent = null;
+
+		/**************************************************************************
+		 * DatasetControl 이벤트
+		 **************************************************************************/
+		// Dataset 변경 이벤트
+		$P.control.onDatasetChange = obj => {
+			$P.renderList(obj.${infoPrefix}Total);
+
+			$("#paging--${pageName}").setPagingInfo({
+				  list : $P.control.dataset
+				, prefix : "paging--${pageName}"
+				, start : obj.${infoPrefix}Start
+				, totalSize : obj.${infoPrefix}Total
+				, fetchSize : obj.${infoPrefix}Fetch
+				, func : "$P.control.load({index})"
+			});
 
-		${pageName}Control.tableRenderComplete = true;	// dataTables 에 자료 추가 완료
-	};
-
-	// 현재 선택 자료 변경 이벤트
-	${pageName}Control.onCurrentChange = item => {
-		if (!item) return;
+			$P.control.tableRenderComplete = true;		// dataTables 에 자료 추가 완료
+		};
 
-		let key = item.data.GDCC_ID;
+		// 현재 선택 자료 변경 이벤트
+		$P.control.onCurrentChange = item => {
+			if (!item) return;
 
-		$("#tbody--${pageName}").setCurrentRow(key);
-	};
+			let key = item.data.GDCC_ID;
 
-	// 선택(체크) 변경 이벤트
-	${pageName}Control.onSelectionChange = selected => {
-		let ${infoPrefix}List = ${pageName}Control.dataset;
-		let keys = selected.map(e => ${infoPrefix}List.getKey(e));
+			$("#tbody--${pageName}").setCurrentRow(key);
+		};
 
-		$("#tbody--${pageName} input[type='checkbox']").each(function() {
-			let checkbox = $(this);
+		// 선택(체크) 변경 이벤트
+		$P.control.onSelectionChange = selected => {
+			let ${infoPrefix}List = $P.control.dataset;
+			let keys = selected.map(e => ${infoPrefix}List.getKey(e));
 
-			checkbox.prop("checked", keys.includes(checkbox.val()));
-		});
+			$("#tbody--${pageName} input[type='checkbox']").each(function() {
+				let checkbox = $(this);
 
-		$("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
-	};
-
-	// 전자우편 안내문 dialog
-	${pageName}Control.getInfo = (gdccId) => {
-		//
-		let dialogTitle = ${pageName}Control.prefixName + " 정보";
-		let params = {};
-
-		if (typeof gdccId == "undefined" || gdccId == null || gdccId == "") {	// 등록
-			dialogTitle = ${pageName}Control.prefixName + " 등록";
-
-			params = {
-				  callPurpose : "create"
-				, sggCd : $("#sggCd--${pageName}").val()						// 시군구 코드
-				, taskSeCd : $("input[name=taskSeCd]:checked").val()			// 업무 구분 코드
-			};
-		} else {																// 수정
-			dialogTitle = ${pageName}Control.prefixName + " 수정";
-
-			params = {
-				  callPurpose : "update"
-				, sggCd : ${pageName}Control.dataset.getValue("SGG_CD")			// 시군구 코드
-				, taskSeCd : ${pageName}Control.dataset.getValue("TASK_SE_CD")	// 업무 구분 코드
-				, gdccId : gdccId												// 안내문 ID
-			};
-		}
+				checkbox.prop("checked", keys.includes(checkbox.val()));
+			});
 
-		ajax.get({
-			  url : ${pageName}Control.urls.getInfo
-			, data : params || {}
-			, success : resp => {
-				dialog.open({
-					  id : ${pageName}Control.prefixed("Dialog")
-					, title : dialogTitle
-					, content : resp
-					, size : ${pageName}Control.infoSize
-					, onClose : () => { refreshList${pageName}();	}	// 자료 재조회
-				});
-			}
-		});
-	}
+			$("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
+		};
 
-	// 삭제 callback
-	${pageName}Control.onRemove = (selected, resp) => {
-  		let btnTitle = $("#btnRemove--${pageName}").attr("title");
-  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
+		// 전자우편 안내문 정보 dialog
+		$P.control.getInfo = (gdccId) => {
+			let dialogTitle = "";
+			let params = {};
 
-		dialog.alert(showMessage);
+			if (typeof gdccId == "undefined" || gdccId == null || gdccId == "") {
+				dialogTitle = $P.control.prefixName + " 등록";
 
-		if (resp.saved) {
-			refreshList${pageName}();			// 자료 재조회
-		}
-	}
+				params.callPurpose = "create";
+				params.sggCd = $("#sggCd--${pageName}").val();					// 시군구 코드
+				params.taskSeCd = $("input[name=taskSeCd]:checked").val();		// 업무 구분 코드
+			} else {
+				dialogTitle = $P.control.prefixName + " 수정";
 
-	// 삭제
-	${pageName}Control.remove = (params) => {
-		let selected = ${pageName}Control.dataset.getKeys("selected");
+				params.callPurpose = "update";
+				params.sggCd = $("#sggCd--${pageName}").val();					// 시군구 코드
+				params.taskSeCd = $("input[name=taskSeCd]:checked").val();		// 업무 구분 코드
+				params.gdccId  = gdccId;
+			}
 
-		if (selected.length < 1) return;
+			ajax.get({
+				  url : $P.control.urls.getInfo
+				, data : params || {}
+				, success : resp => {
+					dialog.open({
+						  id : $P.control.prefixed("Dialog")
+						, title : dialogTitle
+						, content : resp
+						, size : $P.control.infoSize
+						, onClose : () => { $P.refreshList();	}
+					});
+				}
+			});
+		}
 
- 		if (!params) {
- 			params = {};
-			params["GdccIDs"] = selected.join(",");				// params[${pageName}Control.prefixed("IDs")] = selected.join(",");
- 		}
+		// 삭제 callback
+		$P.control.onRemove = (selected, resp) => {
+	  		let btnTitle = $("#btnRemove--${pageName}").attr("title");
+	  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
 
-		ajax.post({
-			  url : ${pageName}Control.urls.remove
-			, data : params || {}
-			, success : resp => ${pageName}Control.onRemove(selected, resp)
-		});
-	}
+	  		// 메시지 출력
+			dialog.alert({
+				  content : showMessage
+				, onOK : () => { }
+			});
 
-	/**************************************************************************
-	 * DataTables 이벤트
-	 **************************************************************************/
-	// DataTables에 click, dbclick 이벤트
-	renderList${pageName} = (totalSize) => {
-		let ${infoPrefix}List = ${pageName}Control.dataset;
-		let empty = ${infoPrefix}List.empty;
-
-		let trs = empty ?
-			[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
-			${infoPrefix}List.inStrings(
-				document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
-				(str, dataItem) => str
-					.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("GDCC_ID") + "');")
-					.replace(/{ondblclick}/gi, "${pageName}Control.getInfo('" + dataItem.getValue("GDCC_ID") + "');")
-			);
-
-		let noMore = (totalSize == ${infoPrefix}List.length);
-		let initScroll = (${pageName}Control.query.pageNum < 2) && (${pageName}Control.untilPageNum == 0);
-
-		$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
-
-	    if (${pageName}Control.untilPageNum != 0) {
-	    	${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;
-	    	${pageName}Control.query.pageNum = ${pageName}Control.untilPageNum;
-	    	${pageName}Control.untilPageNum = 0;
+			if (resp.saved) {
+				$P.refreshList();
+			}
 		}
 
-	    // checkbox 체크 해제
-		$("th input[type='checkbox']").prop("checked", false);
+		// 삭제
+		$P.control.remove = (params) => {
+			let selected = $P.control.dataset.getKeys("selected");
 
-		//보안모드
-	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
-	}
-
-	// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
-	scrollDataList${pageName} = () => {
-		${pageName}Control.tableRenderComplete = false;			// dataTables 에 자료 추가 false
+			if (selected.length < 1) return;
 
-		${pageName}Control.load(${pageName}Control.query.pageNum + 1);
-	}
+	 		if (!params) {
+	 			params = {};
+				params["GdccIDs"] = selected.join(",");				// params[$P.control.prefixed("IDs")] = selected.join(",");
+	 		}
 
-	/**************************************************************************
-	 * 사용자 함수(function)
-	 **************************************************************************/
-	// callback 사용자 검색
-	callbackFindUser${pageName} = (userId, userNm) => {
-		$("#schRgtrCd--${pageName}").val(userId);		// 사용자 ID
-		$("#schRgtrNm--${pageName}").val(userNm);		// 사용자 명
-	}
-
-	// 사용자 검색
-	getFindUser${pageName} = () => {
-		let params = {
-			callbackFuncName : "callbackFindUser${pageName}"
+			ajax.post({
+				  url : $P.control.urls.remove
+				, data : params || {}
+				, success : resp => $P.control.onRemove(selected, resp)
+			});
 		}
 
-		ajax.get({
-			  url : wctx.url("/user/user02/010/main.do")
-			, data : params || {}
-			, success : resp => {
-				dialog.open({
-					  id : "userDialog"
-					, title : "사용자 검색"
-					, content : resp
-					, size : "lg"
-				});
+		/**************************************************************************
+		 * DataTables 이벤트
+		 **************************************************************************/
+		// DataTables에 click, dbclick 이벤트
+		$P.renderList = (totalSize) => {
+			let ${infoPrefix}List = $P.control.dataset;
+			let empty = ${infoPrefix}List.empty;
+
+			let trs = empty ?
+				[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+				${infoPrefix}List.inStrings(
+					document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
+					(str, dataItem) => str
+						.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("GDCC_ID") + "');")
+						.replace(/{ondblclick}/gi, "pageObject['${pageName}'].control.getInfo('" + dataItem.getValue("GDCC_ID") + "');")
+				);
+
+			let noMore = (totalSize == ${infoPrefix}List.length);
+			let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
+
+			$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
+
+		    if ($P.control.untilPageNum != 0) {
+		    	$P.control.query.fetchSize = $P.control.defaultFetchSize;
+		    	$P.control.query.pageNum = $P.control.untilPageNum;
+		    	$P.control.untilPageNum = 0;
 			}
-		});
-	}
 
-	// 검색 자료 재조회
-	refreshList${pageName} = () => {
-		${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
-		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum;
+		    // checkbox 체크 해제
+			$("th input[type='checkbox']").prop("checked", false);
 
-		${pageName}Control.load(1);
-	}
+			//보안모드
+		    fn_securityModeToggle($("#securityMode--top").is(":checked"));
+		}
 
-	/**************************************************************************
-	 * 버튼 clickEvent
-	 **************************************************************************/
-	// 업무 구분 변경
-	fnResetAndChangeBiz${pageName} = (taskSeCd) => {
-		// 업무 구분 코드
-		if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
-			taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
+		// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
+		$P.scrollDataList = () => {
+			$P.control.tableRenderComplete = false;		// dataTables 에 자료 추가 false
+
+			$P.control.load($P.control.query.pageNum + 1);
 		}
 
-		// 초기 기본 설정
-		initForm${pageName}();
+		/**************************************************************************
+		 * 사용자 함수(function)
+		 **************************************************************************/
+		// callback 사용자 검색
+		$P.callbackFindUser = (userId, userNm) => {
+			$("#schRgtrCd--${pageName}").val(userId);	// 사용자 ID
+			$("#schRgtrNm--${pageName}").val(userNm);	// 사용자 명
+		}
 
-		// 기본 데이터 설정
-		setFormData${pageName}(taskSeCd);
-	}
+		// 사용자 검색
+		$P.getFindUser = () => {
+			let params = {
+				callbackFuncName : "$P.callbackFindUser"
+			}
 
-	// 검색 버튼 이벤트
-	fnSearchList${pageName} = () => {
-		// 검색조건
-		${pageName}Control.query = ${pageName}Fields.get();
+			ajax.get({
+				  url : wctx.url("/user/user02/010/main.do")
+				, data : params || {}
+				, success : resp => {
+					dialog.open({
+						  id : "userDialog"
+						, title : "사용자 검색"
+						, content : resp
+						, size : "lg"
+					});
+				}
+			});
+		}
 
-		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;		// 1 페이지당 조회되는 자료 건수
-		${pageName}Control.query.useYN = "Y";											// 사용 여부 - Y
+		// 검색 자료 재조회
+		$P.refreshList = () => {
+			$P.control.untilPageNum = $P.control.query.pageNum;
+			$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
 
-		${pageName}Control.load(1);
-	}
+			$P.control.load(1);
+		}
 
-	// 엑셀 버튼 이벤트
-	fnExcel${pageName} = () => {
-		if (${pageName}Control.dataset.empty) {
-			dialog.alert({
-				  content : "검색된 자료가 없습니다."
-				, onOK : () => { }
-			});
+		/**************************************************************************
+		 * 버튼 clickEvent
+		 **************************************************************************/
+		// 업무 구분 변경 이벤트
+		$P.fnResetAndChangeBiz = (taskSeCd) => {
+			// 업무 구분 코드
+			if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
+				taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
+			}
 
-			return;
+			// 초기 기본 설정
+			$P.initForm();
+			// 기본 데이터 설정
+			$P.initData(taskSeCd);
+			// 업무 구분별 설정
+			$P.setTask(taskSeCd);
+
+			// dataset 초기화
+	 		$P.control.dataset.clear();
 		}
 
-		// DataTables(그리드)
-		let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th").not(":eq(0)")
-				, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
+		// 검색 버튼 이벤트
+		$P.fnSearchList = () => {
+			// 검색조건
+			$P.control.query = $P.formFields.get();
+			$P.control.query.fetchSize = $P.control.defaultFetchSize;	// 한번에 조회되는 자료 건수
+			$P.control.query.delYN = "N";								// 삭제 여부
 
-		${pageName}Control.query.cellDefs = cellDefs;
+			$P.control.load(1);
+		}
 
-		${pageName}Control.download();
-	}
+		// 엑셀 버튼 이벤트
+		$P.fnExcel = () => {
+			if ($P.control.dataset.empty) {
+				dialog.alert({
+					  content : "검색된 자료가 없습니다."
+					, onOK : () => { }
+				});
 
-	// 사용자 조회 버튼 이벤트
-	fnFindUser${pageName} = () => {
-		getFindUser${pageName}();
-	}
+				return;
+			}
 
-	// 전자우편 안내문 등록 버튼 이벤트
-	fnCreate${pageName} = () => {
-		${pageName}Control.getInfo();
-	}
+			// DataTables(그리드)
+			let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th").not(":eq(0)")
+					, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
+			$P.control.query.cellDefs = cellDefs;
 
-	// 전자우편 안내문 수정 버튼 이벤트
-	fnUpdate${pageName} = () => {
-		let gdccId = ${pageName}Control.dataset.getValue("GDCC_ID");
+			$P.control.download();
+		}
 
-		${pageName}Control.getInfo(gdccId);
-	}
+		// 사용자 조회 버튼 이벤트
+		$P.fnFindUser = () => {
+			$P.getFindUser();
+		}
 
-	// 전자우편 안내문 삭제 버튼 이벤트
-	fnRemove${pageName} = () => {
-		dialog.alert({
-			  content : "선택한 " + ${pageName}Control.prefixName + " 정보를 삭제하시겠습니까?"
-			, onOK : () => {
-				${pageName}Control.remove();
-			}
-		});
-	}
+		// 전자우편 안내문 등록 버튼 이벤트
+		$P.fnCreate = () => {
+			$P.control.getInfo();
+		}
 
-	/**************************************************************************
-	 * 초기 설정
-	 **************************************************************************/
-	// 이벤트
-	setEvent${pageName} = () => {
- 		// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
-		$("#term--${pageName}").keypress(function(e) {
-			if (e.keyCode == 13) {
-				fnSearchList${pageName}();   
-			}    
-		});
+		// 전자우편 안내문 수정 버튼 이벤트
+		$P.fnUpdate = () => {
+			// 부과제외 ID
+			let gdccId = $P.control.dataset.getValue("GDCC_ID");
+			// 부과제외 ID 가 없다면.. return
+			if (typeof gdccId == "undefined" || gdccId == null || gdccId == "") return;
 
-		// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
-		$("#frmSearch--${pageName}").find(".form-date").each(function() {
-			$(this).on("input", function() {
-				let value = this.value.replaceAll("-", "");
+			$P.control.getInfo(gdccId);
+		}
 
-				if (value.length > 7) {
-					this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6);
-				} else if(value.length > 5) {
-					this.value = value.substring(0, 4) + "-" + value.substring(4);
+		// 삭제 버튼 이벤트
+		$P.fnRemove = () => {
+			dialog.alert({
+				  content : "선택한 " + $P.control.prefixName + " 정보를 삭제하시겠습니까?"
+				, onOK : () => {
+					$P.control.remove();
 				}
 			});
-		});
+		}
 
-		// DataTables width 변경 조정	업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
-		$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
+		/**************************************************************************
+		 * 초기 설정
+		 **************************************************************************/
+		// 이벤트 설정
+		$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) {
+					$P.fnSearchList();
+				}    
+			});
 
-		// DataTables 스크롤 이벤트 생성
-		fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
-	}
+			// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
+			$("#frmSearch--${pageName}").find(".form-date").each(function() {
+				$(this).on("input", function() {
+					let value = this.value.replaceAll("-", "");
 
-	// 화면 초기 설정
-	initForm${pageName} = () => {
-		// 화면 초기화
- 		$("#frmSearch--${pageName}")[0].reset();
+					if (value.length > 7) {
+						this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6);
+					} else if(value.length > 5) {
+						this.value = value.substring(0, 4) + "-" + value.substring(4);
+					}
+				});
+			});
 
-		// 최고 관리자 경우 업무구분을 선택할 수 있도록 하자.
-		$("#frmSearch--${pageName} input[name='taskSeCd']").each(function(i) {
-			$(this).prop("disabled", "true");
-		});
+			//업무 버튼 이벤트
+			$("#btnCreate--${pageName}").on("click", () => $P.fnCreate());		// 안내문 등록
+			$("#btnUpdate--${pageName}").on("click", () => $P.fnUpdate());		// 안내문 수정
+			$("#btnRemove--${pageName}").on("click", () => $P.fnRemove());		// 안내문 삭제
 
-		// 달력 초기화
-		initDatepicker("frmSearch--${pageName}");
+			// DataTables width 변경 조정	업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
+			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
 
-		// 사용자 이름
-		$("#schRgtrNm--${pageName}").prop("readonly", true);
+			// DataTables 스크롤 이벤트 생성
+			fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
+		}
 
-		// dataset 초기화
- 		${pageName}Control.dataset.clear();
-	}
+		// 초기 화면 설정
+		$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");
+	 		});
+
+			// 동적 검색
+			$("#byOutput--${pageName}").val("동적 검색");
+
+			// 사용자 이름
+			$("#schRgtrNm--${pageName}").prop("readonly", true);
+		}
 
-	// 기본 데이터 설정
-	setFormData${pageName} = (taskSeCd) => {
-		// ${pageName}Control 설정
-		${pageName}Control.defaultFetchSize = FETCH_XS;			// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+		// 기본 데이터 설정
+		$P.initData = (taskSeCd) => {
+			// 시군구 코드
+			$("#sggCd--${pageName}").val("${sggCd}");
+			// 업무 구분 코드
+			$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);
+		}
 
-		// 화면 데이터 설정
-		$("#sggCd--${pageName}").val("${sggCd}");				// 시군구 코드
-		$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);	// 업무 구분
+		// 업무 구분별 설정
+		$P.setTask = (taskSeCd) => {
+			// URL 설정
+			$P.setURL(taskSeCd);
+		}
 
-		// URL 설정
-		setURL${pageName}(taskSeCd);
-	}
+		// 업무구분에 따른 URL 설정
+		$P.setURL = (taskSeCd) => {
+			$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/010/list.do");		// 조회
+			$P.control.urls.remove = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/010/remove.do");	// 삭제
+			$P.control.urls.getInfo = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/info.do");		// 정보
+		}
 
-	// URL 설정
-	setURL${pageName} = (taskSeCd) => {
-		${pageName}Control.urls.load = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/010/list.do");		// 조회
-		${pageName}Control.urls.remove = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/010/remove.do");	// 삭제
-		${pageName}Control.urls.getInfo = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/020/info.do");	// 정보
-	}
+		/**************************************************************************
+		 * 최초 실행 함수
+		 **************************************************************************/
+		// 1. 이벤트 설정
+		$P.setEvent();
 
-	/**************************************************************************
-	 * script 진입
-	 **************************************************************************/
-	$(document).ready(function() {
-		// 이벤트 설정
-		setEvent${pageName}();
+		// 2. 화면 초기 설정 및 업무 구분 변경
+		$P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
 
-		// 보안모드
+		// 3. 보안모드
 	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
-
-		// 화면 초기 설정 및 업무 구분 변경
-		fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val());
 	});
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02020-info.jsp
index 62beef78..aa1e3d76 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02020-info.jsp
@@ -48,7 +48,9 @@
 			<span class="container-page-btn">
 				<span class="container-window-btn-right">
 					<!-- 업무 버튼 -->
-					<button type="button" class="btn btn-primary w-px-80" id="btnSave--${pageName}" title="저장" onclick="fnSave${pageName}()">저장</button>
+					<button type="button" class="btn btn-primary w-px-80" id="btnSave--${pageName}" title="저장">
+						저장
+					</button>
 				</span>
 			</span>
 		</div>
@@ -61,140 +63,156 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
-	// URL
-	var ${pageName}PrefixUrl = "/epst/epst02";
- 	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
- 	var ${pageName}CallPurpose = "${callPurpose}";
-	// FormFields
- 	var ${pageName}Fields = new FimsFormFields("#frmEdit--${pageName}");
+	pageObject["${pageName}"] = {};
 
 	/**************************************************************************
-	 * DatasetControl
+	 * script 진입
 	 **************************************************************************/
-	var ${pageName}Control = new DatasetControl({
-		  prefix : "epostGdcc"
-		, prefixName : "안내문 정보"
-		, keymapper : info => info ? info.GDCC_ID : ""
-		, dataGetter : obj => obj.epostGdccInfo
-	});
+	$(document).ready(function() {
+		// pageObject
+		var $P = pageObject["${pageName}"];
+
+		// URL
+		$P.PrefixUrl = "/epst/epst02";
+	 	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
+	 	$P.callPurpose = "${callPurpose}";
+		// FormFields
+	 	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+
+		/**************************************************************************
+		 * DatasetControl
+		 **************************************************************************/
+		$P.control = new DatasetControl({
+			  prefix : "epostGdcc"
+			, prefixName : "안내문 정보"
+			, keymapper : info => info ? info.GDCC_ID : ""
+			, dataGetter : obj => obj.epostGdccInfo
+		});
 
-	${pageName}Control.onCurrentChange = item => {
-		if (!item) return;
+		/**************************************************************************
+		 * DatasetControl 이벤트
+		 **************************************************************************/
+		// 현재 선택 자료 변경 이벤트
+		$P.control.onCurrentChange = item => {
+			if (!item) return;
 
-		// Dataset 셋팅
-		${pageName}Fields.set(item);
+			// Dataset 셋팅
+			$P.formFields.set(item);
 
-		// 업무구분에 따른 url 변경
-		${pageName}Control.urls.create = wctx.url(item.data.TASK_SE_CD + ${pageName}PrefixUrl + "/020/create.do");
-		${pageName}Control.urls.update = wctx.url(item.data.TASK_SE_CD + ${pageName}PrefixUrl + "/020/update.do");
-	}
+			// 업무구분에 따른 URL 변경
+			$P.setURL(item.data.TASK_SE_CD);
+		}
 
-	/**************************************************************************
-	 * DatasetControl 이벤트
-	 **************************************************************************/
-	// 저장 callback
-	${pageName}Control.onSave = (resp) => {
-  		let dialogTitle = $("#" + ${pageName}Control.prefix + "Dialog").find("h5.modal-title").html();
-  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
+		// 저장 callback
+		$P.control.onSave = (resp) => {
+	  		let dialogTitle = $("#" + $P.control.prefix + "Dialog").find("h5.modal-title").html();
+	  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
 
-		dialog.alert(showMessage);
+			// 메시지 출력
+			dialog.alert({
+				  content : showMessage
+				, onOK : () => { }
+			});
 
-		if (resp.saved) {
-			dialog.close(${pageName}Control.prefix + "Dialog");
+			if (resp.saved) {
+				dialog.close($P.control.prefix + "Dialog");
+			}
 		}
-	}
 
-	// 저장
-	${pageName}Control.save = (info) => {
-		if (!info) return;
+		// 저장
+		$P.control.save = (info) => {
+			if (!info) return;
 
-		let create = (${pageName}CallPurpose == "create");
+			let create = ($P.callPurpose == "create");
 
-		ajax.post({
-			  url : !create ? ${pageName}Control.urls.update : ${pageName}Control.urls.create
-			, data : info
-			, success : resp => ${pageName}Control.onSave(resp)
-		});
-	}
+			ajax.post({
+				  url : !create ? $P.control.urls.update : $P.control.urls.create
+				, data : info
+				, success : resp => $P.control.onSave(resp)
+			});
+		}
 
-	/**************************************************************************
-	 * 사용자 함수(function)
-	 **************************************************************************/
+		/**************************************************************************
+		 * 사용자 함수(function)
+		 **************************************************************************/
 
 
-	/**************************************************************************
-	 * 버튼 clickEvent
-	 **************************************************************************/
-	// 저장
-	fnSave${pageName} = () => {
-		// validate 확인
-		if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
-
-		dialog.alert({
-			  content : "현재 " + ${pageName}Control.prefixName + " 정보를 저장하시겠습니까?"
-			, onOK : () => {
-				${pageName}Control.save(${pageName}Fields.get());
-			}
-		});
-	}
+		/**************************************************************************
+		 * 버튼 clickEvent
+		 **************************************************************************/
+		// 저장
+		$P.fnSave = () => {
+			// validate 확인
+			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
 
-	/**************************************************************************
-	 * 초기 셋팅
-	 **************************************************************************/
-	// 이벤트 설정
-	setEvent${pageName} = () => {
-		// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
-		$("#frmEdit--${pageName}").find(".form-date").each(function() {
-			$(this).on("input",function() {
-				let value = this.value.replaceAll("-", "");
-
-				if (value.length > 7) {
-					this.value = value.substring(0,4) + "-" + value.substring(4,6) + "-" + value.substring(6);
-				} else if(value.length > 5) {
-					this.value = value.substring(0,4) + "-" + value.substring(4);
+			dialog.alert({
+				  content : "현재 " + $P.control.prefixName + " 정보를 저장하시겠습니까?"
+				, onOK : () => {
+					$P.control.save($P.formFields.get());
 				}
 			});
-		});
-	}
-
-	// 초기 기본 설정
-	initForm${pageName} = () => {
-		// 화면 초기화
-		$("#frmEdit--${pageName}")[0].reset();
-
-		// 달력 초기화
-	    initDatepicker("frmEdit--${pageName}");
-	}
-
-	// 기본 데이터 설정
-	setFormData${pageName} = () => {
-		if (${pageName}CallPurpose == "view") {
-			// input 요소들을 disabled
-			$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
-			// button 요소들을 disabled
-			$("#btnSave--${pageName}").prop("disabled", true);					// 저장 버튼
-		} else if (${pageName}CallPurpose == "create") {
-			//
-		} else if (${pageName}CallPurpose == "update") {
-			//
 		}
-	}
 
-	/**************************************************************************
-	 * script 진입
-	 **************************************************************************/
-	$(document).ready(function() {
+		/**************************************************************************
+		 * 초기 셋팅
+		 **************************************************************************/
 		// 이벤트 설정
-		setEvent${pageName}();
+		$P.setEvent = () => {
+			// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
+			$("#frmEdit--${pageName}").find(".form-date").each(function() {
+				$(this).on("input", function() {
+					let value = this.value.replaceAll("-","");
+
+					if (value.length > 7) {
+						this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6);
+					} else if(value.length > 5) {
+						this.value = value.substring(0, 4) + "-" + value.substring(4);
+					}
+				});
+			});
 
-		// 초기 기본 설정
-		initForm${pageName}();
+			// 업무 버튼 이벤트
+			$("#btnSave--${pageName}").on("click", () => $P.fnSave());		// 저장
+		}
 
-		// Dataset 설정
-		${pageName}Control.setData([${epostGdccInfo}]);
+		// 초기 화면 설정
+		$P.initForm = () => {
+			// 달력 초기화
+		    initDatepicker("frmEdit--${pageName}");
+
+			if ($P.callPurpose == "view") {
+				// input 요소들을 disabled
+				$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
+				// button 요소들을 disabled
+				$("#btnSave--${pageName}").prop("disabled", true);		// 저장 버튼
+			}
+		}
 
 		// 기본 데이터 설정
-		setFormData${pageName}();
+		$P.initData = () => {
+
+		}
+
+		// 업무구분에 따른 URL 설정
+		$P.setURL = (taskSeCd) => {
+			$P.control.urls.create = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/create.do");		// 등록
+			$P.control.urls.update = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/update.do");		// 수정
+		}
+
+		/**************************************************************************
+		 * 최초 실행 함수
+		 **************************************************************************/
+		// 1. 이벤트 설정
+		$P.setEvent();
+
+		// 2. 초기 화면 설정
+		$P.initForm();
+
+		// 3. 기본 데이터 설정
+		$P.initData();
+
+		// 4. Dataset 설정
+		$P.control.setData([${epostGdccInfo}]);
 	});
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
index e05db155..22b6eb36 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
@@ -42,7 +42,7 @@
 										<c:forEach items="${taskListForSgg}" var="item">
 											<label>
 												<input type="radio" class="form-check-input" name="taskSeCd" alt="업무구분"
-													value="${item.code}" onchange="fnResetAndChangeBiz${pageName}(this.value);">
+													value="${item.code}" onchange="pageObject['${pageName}'].fnResetAndChangeBiz(this.value);">
 												${item.value}
 											</label>
 										</c:forEach>
@@ -487,8 +487,8 @@
 		 **************************************************************************/
 		// callback 사용자 검색
 		$P.callbackFindUser = (userId, userNm) => {
-			$("#schRgtrCd--${pageName}").val(userId);		// 사용자 ID
-			$("#schRgtrNm--${pageName}").val(userNm);		// 사용자 명
+			$("#schRgtrCd--${pageName}").val(userId);	// 사용자 ID
+			$("#schRgtrNm--${pageName}").val(userNm);	// 사용자 명
 		}
 
 		// 사용자 검색
@@ -617,12 +617,14 @@
 
 		// 수정 버튼 이벤트
 		$P.fnUpdate = () => {
+			// 부과제외 ID
 			let levyExclId = $P.control.dataset.getValue("LEVY_EXCL_ID");
-			let levyExclSeCd = $P.control.dataset.getValue("LEVY_EXCL_SE_CD");
-
 			// 부과제외 ID 가 없다면.. return
 			if (typeof levyExclId == "undefined" || levyExclId == null || levyExclId == "") return;
 
+			// 부과제외 구분 코드
+			let levyExclSeCd = $P.control.dataset.getValue("LEVY_EXCL_SE_CD");
+
 			let params = {
 				  callPurpose : "update"
 				, sggCd : $P.control.dataset.getValue("SGG_CD")			// 시군구 코드
@@ -679,7 +681,7 @@
 			// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 			$("#term--${pageName}").keypress(function(e) {
 				if (e.keyCode == 13) {
-					fnSearchList${pageName}();   
+					$P.fnSearchList();
 				}    
 			});
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp
index bed5e523..d0e639ed 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp
@@ -117,7 +117,8 @@
 		/**************************************************************************
 		 * DatasetControl 이벤트
 		 **************************************************************************/
-		 $P.control.onCurrentChange = item => {
+		// 현재 선택 자료 변경 이벤트
+		$P.control.onCurrentChange = item => {
 			if (!item) return;
 
 			// Dataset 셋팅
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
index 7a8e72bd..3a6b1736 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
@@ -42,7 +42,7 @@
 										<c:forEach items="${taskListForSgg}" var="item">
 											<label>
 												<input type="radio" class="form-check-input" name="taskSeCd" alt="업무구분"
-													value="${item.code}" onchange="fnResetAndChangeBiz${pageName}(this.value);">
+													value="${item.code}" onchange="pageObject['${pageName}'].fnResetAndChangeBiz(this.value);">
 												${item.value}
 											</label>
 										</c:forEach>
@@ -756,8 +756,8 @@
 			// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 			$("#term--${pageName}").keypress(function(e) {
 				if (e.keyCode == 13) {
-					fnSearchList${pageName}();   
-				}
+					$P.fnSearchList();
+				}    
 			});
 
 			// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
index 7b5267ce..9174701e 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
@@ -209,6 +209,7 @@
 		/**************************************************************************
 		 * DatasetControl 이벤트
 		 **************************************************************************/
+		// 현재 선택 자료 변경 이벤트
 		$P.control.onCurrentChange = item => {
 			if (!item) return;
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp
index a6aac151..3b73a116 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp
@@ -152,6 +152,7 @@
 		/**************************************************************************
 		 * DatasetControl 이벤트
 		 **************************************************************************/
+		// 현재 선택 자료 변경 이벤트
 		$P.control.onCurrentChange = item => {
 			if (!item) return;
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
index ba85fd20..5401d5a0 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
@@ -42,7 +42,7 @@
 										<c:forEach items="${taskListForSgg}" var="item">
 											<label>
 												<input type="radio" class="form-check-input" name="taskSeCd" alt="업무구분"
-													value="${item.code}" onchange="fnResetAndChangeBiz${pageName}(this.value);">
+													value="${item.code}" onchange="pageObject['${pageName}'].fnResetAndChangeBiz(this.value);">
 												${item.value}
 											</label>
 										</c:forEach>
@@ -524,7 +524,7 @@
 			// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 			$("#term--${pageName}").keypress(function(e) {
 				if (e.keyCode == 13) {
-					fnSearchList${pageName}();   
+					$P.fnSearchList();
 				}    
 			});
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
index 7e4c02c7..42d5f2cc 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
@@ -42,7 +42,7 @@
 										<c:forEach items="${taskListForSgg}" var="item">
 											<label>
 												<input type="radio" class="form-check-input" name="taskSeCd" alt="업무구분"
-													value="${item.code}" onchange="fnResetAndChangeBiz${pageName}(this.value);">
+													value="${item.code}" onchange="pageObject['${pageName}'].fnResetAndChangeBiz(this.value);">
 												${item.value}
 											</label>
 										</c:forEach>
@@ -292,8 +292,6 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
-	pageObject["${pageName}"] = {};
-
  	// 공통 코드
  	var FIM004 = new CommonCodes(${FIM004}, true);		// 주정차위반 내역 코드
  	var FIM005 = new CommonCodes(${FIM005}, true);		// 전용차로위반 내역 코드
@@ -301,6 +299,8 @@
  	var FIM061 = new CommonCodes(${FIM061}, true);		// 전기차 충전구역 및 충전방해 위반 코드
  	var FIM064 = new CommonCodes(${FIM064}, true);		// 화물자동차 밤샘주차 위반 코드
 
+	pageObject["${pageName}"] = {};
+
 	/**************************************************************************
 	 * script 진입
 	 **************************************************************************/
@@ -316,7 +316,7 @@
 		/**************************************************************************
 		 * DatasetControl
 		 **************************************************************************/
-			$P.control = new DatasetControl({
+		$P.control = new DatasetControl({
 			  prefix : "rductLevyTrgt"
 			, prefixName : "감경부과 대상"
 			, infoSize : "md"
@@ -589,7 +589,7 @@
 			// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 			$("#term--${pageName}").keypress(function(e) {
 				if (e.keyCode == 13) {
-					fnSearchList${pageName}();   
+					$P.fnSearchList();
 				}    
 			});
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
index eef68258..3efbd4d2 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
@@ -643,7 +643,7 @@
 			// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 			$("#term--${pageName}").keypress(function(e) {
 				if (e.keyCode == 13) {
-					fnSearchList${pageName}();   
+					$P.fnSearchList();
 				}    
 			});
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp
index c28fc9cd..2d0fa065 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp
@@ -679,7 +679,7 @@
 			// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
 			$("#term--${pageName}").keypress(function(e) {
 				if (e.keyCode == 13) {
-					fnSearchList${pageName}();   
+					$P.fnSearchList();
 				}    
 			});
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02010-main.jsp
index 4c4de651..929c369c 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02010-main.jsp
@@ -104,11 +104,14 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
-	pageObject["${pageName}"] = {};
-
  	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
  	var ${pageName}CallPurpose = "${callPurpose}";
 
+	pageObject["${pageName}"] = {};
+
+	/**************************************************************************
+	 * script 진입
+	 **************************************************************************/
 	$(document).ready(function() {
 		// pageObject
 		var $P = pageObject["${pageName}"];