From 55d56348c8ab49d2cf8978725741c49c710b6e3b Mon Sep 17 00:00:00 2001
From: jjh <jaehyun81@xit.co.kr>
Date: Thu, 14 Dec 2023 17:42:44 +0900
Subject: [PATCH] =?UTF-8?q?=EC=82=AC=EC=9A=A9=EC=9E=90=20=EA=B2=80?=
 =?UTF-8?q?=EC=83=89=20=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cokr/xit/fims/base/UserController.java    |  20 +-
 .../java/cokr/xit/fims/epst/EpostQuery.java   |   2 +-
 .../xit/fims/epst/web/Epst02Controller.java   |  15 +-
 .../resources/sql/mapper/base/user-mapper.xml |   1 +
 .../WEB-INF/jsp/fims/epst/epst02050-main.jsp  |  61 +++-
 .../WEB-INF/jsp/fims/excl/excl01010-main.jsp  |  21 +-
 .../WEB-INF/jsp/fims/user/user02010-main.jsp  | 337 ++++++++++++++++++
 7 files changed, 418 insertions(+), 39 deletions(-)
 create mode 100644 src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp

diff --git a/src/main/java/cokr/xit/fims/base/UserController.java b/src/main/java/cokr/xit/fims/base/UserController.java
index 31005b13..1c7e22c7 100644
--- a/src/main/java/cokr/xit/fims/base/UserController.java
+++ b/src/main/java/cokr/xit/fims/base/UserController.java
@@ -254,4 +254,22 @@ public class UserController extends cokr.xit.base.user.web.UserController<Manage
 		mav.addObject("fileCn", fileCn);
 		return mav;
 	}
-}
\ No newline at end of file
+
+	@RequestMapping(name="사용자 검색",value="/user02/010/main.do")
+	public ModelAndView findUserMain(String callbackFuncName) {
+		ModelAndView mav = new ModelAndView("fims/user/user02010-main");
+
+		// 사용자 정보
+		ManagedUser managedUser = (ManagedUser)currentUser().getUser();
+
+		return mav
+				.addObject("pageName", "user02010")						// View(jsp)에서 사용할 id 뒤에 붙일 suffix
+				.addObject("infoPrefix", "user")						// prefix
+				.addObject("callbackFuncName", callbackFuncName)		// 콜백함수(callbackFuncName)
+				.addObject("sggCd", managedUser.getOrgID())				// 시군구 코드(SGG_CD)
+				.addObject("deptCd", managedUser.getDeptCode())			// 부서 코드(DEPT_CD)
+				.addObject("userAcnt", managedUser.getAccount())		// 사용자 계정(USER_ACNT)
+		;
+	}
+
+}
diff --git a/src/main/java/cokr/xit/fims/epst/EpostQuery.java b/src/main/java/cokr/xit/fims/epst/EpostQuery.java
index b205a0f4..653e2a5a 100644
--- a/src/main/java/cokr/xit/fims/epst/EpostQuery.java
+++ b/src/main/java/cokr/xit/fims/epst/EpostQuery.java
@@ -374,7 +374,7 @@ public class EpostQuery extends CmmnQuery {
 		return ifEmpty(schDetailRgtrCd, () -> null);
 	}
 
-	public <T extends EpostQuery> T setSchDetailRgtr(String schDetailRgtrCd) {
+	public <T extends EpostQuery> T setSchDetailRgtrCd(String schDetailRgtrCd) {
 		this.schDetailRgtrCd = schDetailRgtrCd;
 		return self();
 	}
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 e210a6e9..b2a9c050 100644
--- a/src/main/java/cokr/xit/fims/epst/web/Epst02Controller.java
+++ b/src/main/java/cokr/xit/fims/epst/web/Epst02Controller.java
@@ -370,17 +370,18 @@ public class Epst02Controller extends ApplicationController {
 					.setFilename("우편통합 접수결과 목록.xlsx")
 					.worksheet(0);
 
-			CellStyle header = xlsx.cellStyle(new XLSWriter.Styler()
-					.width(32)
+			XLSWriter.Styler header = new XLSWriter.Styler()
+					.width(16)
 					.foregroundColor(HSSFColor.HSSFColorPredefined.LIGHT_BLUE.getIndex())
 					.configure(styler -> {
 						Font font = xlsx.workbook().createFont();
 						font.setColor(HSSFColor.HSSFColorPredefined.WHITE.getIndex());
 						styler.font(font);
 						styler.alignment(HorizontalAlignment.CENTER);
-					})
-				)
-				, numeric = xlsx.n_nn0();
+					});
+
+			CellStyle numeric = xlsx.n_nn0()
+					, dateYmd = xlsx.yyyy_mm_dd();
 
 			xlsx.cell(0, 0)
 				.value("우편통합 접수결과 목록", XLSWriter.Styler.CENTER)
@@ -396,8 +397,8 @@ public class Epst02Controller extends ApplicationController {
 						, xlsx.style("RELETCDATA", XLSWriter.Styler.CENTER)
 						, xlsx.style("JOB_CD", XLSWriter.Styler.CENTER)
 						, xlsx.style("JOB_CD3_NM", XLSWriter.Styler.CENTER)
-						, xlsx.format(r -> xlsx.str2date(r.get("EXTRI_REGYMD")))
-						, xlsx.format(r -> xlsx.str2date(r.get("RCEPT_YMD")))
+						, xlsx.format(r -> xlsx.str2date(r.get("EXTRI_REGYMD"))).style(dateYmd)
+						, xlsx.format(r -> xlsx.str2date(r.get("RCEPT_YMD"))).style(dateYmd)
 						, xlsx.style("DIV_KB_NM", XLSWriter.Styler.CENTER)
 						, xlsx.style("RCEPT_CNT", numeric)
 						, xlsx.style("RCEPT_AMT", numeric)
diff --git a/src/main/resources/sql/mapper/base/user-mapper.xml b/src/main/resources/sql/mapper/base/user-mapper.xml
index 4fd7e735..87cb34f0 100644
--- a/src/main/resources/sql/mapper/base/user-mapper.xml
+++ b/src/main/resources/sql/mapper/base/user-mapper.xml
@@ -80,6 +80,7 @@ SELECT USER_ID
      , LOCK_DT
      , REG_DT
      , STTS
+     , (SELECT GET_CODE_NM('CMM004', STTS) FROM DUAL) AS STTS_NM
   FROM TB_USER A
 <where><if test="by != null and term != null">AND ${by} LIKE CONCAT('%', #{term}, '%')</if>
 	<if test="userIDs != null">USER_ID IN (<foreach collection="userIDs" item="userID" separator=",">#{userID}</foreach>)</if>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
index f3b0440e..363645ae 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
@@ -30,8 +30,8 @@
 					<!-- 검색 조건 영역 -->
 					<form id="frmSearch--${pageName}" name="frmSearch">
 						<!-- hidden -->
-						<input type="hidden" id="sggCd--${pageName}" name="sggCd" data-map="SGG_CD" />
-						<input type="hidden" id="deptCd--${pageName}" name="deptCd" data-map="DEPT_CD" />
+						<input type="hidden" id="sggCd--${pageName}" name="sggCd" />
+						<input type="hidden" id="deptCd--${pageName}" name="deptCd" />
 
 						<!-- 메인 조건 -->
 						<div class="container-search">
@@ -106,6 +106,7 @@
 										<option value="rgtr">등록자</option>
 										<option value="mdfr">수정자</option>
 									</select>
+									<input type="hidden" id="schDetailRgtrCd--${pageName}" name="schDetailRgtrCd" />
 									<input type="text" class="form-control" id="schDetailRgtrNm--${pageName}" name="schDetailRgtrNm" />
 									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
 										검색
@@ -409,6 +410,32 @@
 		});
 	}
 
+	//
+	callbackFindUser${pageName} = (userId, userNm) => {
+		$("#schDetailRgtrCd--${pageName}").val(userId);			//
+		$("#schDetailRgtrNm--${pageName}").val(userNm);			//
+	}
+
+	// 사용자 검색
+	getFindUser${pageName} = () => {
+		let params = {
+			callbackFuncName : "callbackFindUser${pageName}"
+		}
+
+		ajax.get({
+			  url : wctx.url("/user/user02/010/main.do")
+			, data : params || {}
+			, success : resp => {
+				dialog.open({
+					  id : "userDialog"
+					, title : "사용자 검색"
+					, content : resp
+					, size : "lg"
+				});
+			}
+		});
+	}
+
 	// 검색 자료 재조회
 	refreshList${pageName} = () => {
 		${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
@@ -434,7 +461,7 @@
 		setURL${pageName}(taskSeCd);
 
 		// 기본 데이터 설정
-		setFormData${pageName}();
+		setFormData${pageName}(taskSeCd);
 	}
 
 	// 검색 버튼 이벤트
@@ -460,7 +487,7 @@
 
 	// 사용자 조회 버튼 이벤트
 	fnFindUser${pageName} = () => {
-
+		getFindUser${pageName}();
 	}
 
 	/**************************************************************************
@@ -514,6 +541,8 @@
 		$("#schExtriRegymdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-365).date);
 		$("#schExtriRegymdTo--${pageName}").datepicker("setDate", new Date());
 
+		$("#schDetailRgtrNm--${pageName}").prop("readonly", true);		// 사용자이름
+
 		// dataset 초기화
  		${pageName}Control.dataset.clear();
 	}
@@ -524,7 +553,12 @@
 	}
 
 	// 기본 데이터 설정
-	setFormData${pageName} = () => {
+	setFormData${pageName} = (taskSeCd) => {
+ 		// 화면 데이터 설정
+		$("#sggCd--${pageName}").val("${sggCd}");				// 시군구 코드
+		$("#deptCd--${pageName}").val("${deptCd}");				// 부서 코드
+		$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);	// 업무 구분
+
 		// ${pageName}Control 설정
 		${pageName}Control.defaultFetchSize = FETCH_XS;		// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
 	}
@@ -536,23 +570,14 @@
 		// 이벤트 설정
 		setEvent${pageName}();
 
-		// 시군구 코드 설정
-		$("#sggCd--${pageName}").val("${sggCd}");
-		// 부서 코드 설정
-		$("#deptCd--${pageName}").val("${deptCd}");
-
-	 	// 업무 구분 설정
-	    let defaultBizValue = $("#layout-navbar input[name='taskSeCd']:checked").val();
-		$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + defaultBizValue + "']").prop("checked", true);
-
-		// 부서 정보
-		${pageName}${pageDataName2}Dataset.setData([${deptInfo}]);
-
 		// 보안모드
 	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
 
 		// 화면 초기 설정 및 업무 구분 변경
-		fnResetAndChangeBiz${pageName}(defaultBizValue);
+		fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val());
+
+		// 부서 정보
+		${pageName}${pageDataName2}Dataset.setData([${deptInfo}]);
 	});
 
 </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 fb36ecbe..114b1e87 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
@@ -30,7 +30,7 @@
 					<!-- 검색 조건 영역 -->
 					<form id="frmSearch--${pageName}" name="frmSearch">
 						<!-- hidden -->
-						<input type="hidden" id="sggCd--${pageName}" name="sggCd" data-map="SGG_CD" />
+						<input type="hidden" id="sggCd--${pageName}" name="sggCd" />
 
 						<!-- 메인 조건 -->
 						<div class="container-search">
@@ -518,7 +518,7 @@
 		setURL${pageName}(taskSeCd);
 
 		// 기본 데이터 설정
-		setFormData${pageName}();
+		setFormData${pageName}(taskSeCd);
 	}
 
 	// 검색 버튼 이벤트
@@ -645,9 +645,13 @@
 	}
 
 	// 기본 데이터 설정
-	setFormData${pageName} = () => {
+	setFormData${pageName} = (taskSeCd) => {
+ 		// 화면 데이터 설정
+		$("#sggCd--${pageName}").val("${sggCd}");				// 시군구 코드
+		$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);	// 업무 구분
+
 		// ${pageName}Control 설정
-		${pageName}Control.defaultFetchSize = FETCH_XS;		// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+		${pageName}Control.defaultFetchSize = FETCH_XS;			// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
 	}
 
 	/**************************************************************************
@@ -657,18 +661,11 @@
 		// 이벤트 설정
 		setEvent${pageName}();
 
- 		// 시군구 코드 설정
-		$("#sggCd--${pageName}").val("${sggCd}");
-
-		// 업무 구분 설정
-	    let defaultBizValue = $("#layout-navbar input[name='taskSeCd']:checked").val();
-		$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + defaultBizValue + "']").prop("checked", true);
-
 		// 보안모드
 	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
 
 		// 화면 초기 설정 및 업무 구분 변경
-		fnResetAndChangeBiz${pageName}(defaultBizValue);
+		fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val());
 	});
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp
new file mode 100644
index 00000000..43f90afc
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp
@@ -0,0 +1,337 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+
+<!-- inner page html -->
+<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">
+				<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>
+						<span class="container-window-btn-right">
+							<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색" onclick="fnSearchList${pageName}();">
+								검색
+							</button>
+							<button type="button" class="btn btn-search w-px-120" id="btnOK--${pageName}" title="검색" onclick="fnOK${pageName}();">
+								확인
+							</button>
+						</span>
+					</div>
+					<!-- / 상단 버튼 -->
+
+					<!-- 검색 조건 영역 -->
+					<form id="frmSearch--${pageName}" name="frmSearch">
+						<!-- hidden -->
+						<input type="text" id="sggCd--${pageName}" name="sggCd" />
+						<input type="text" id="deptCd--${pageName}" name="deptCd" />
+
+						<!-- 메인 조건 -->
+						<div class="container-search">
+							<div class="row g-1">
+								<div class="col-6">
+									<select class="form-select" id="by--${pageName}" name="by" onchange='$("#term--${pageName}").focus();'>
+										<option value="${infoPrefix}Name">이름</option>
+										<option value="${infoPrefix}Account">계정</option>
+									</select>
+									<input type="text" class="form-control" id="term--${pageName}" name="term" autofocus placeholder="조회 조건을 입력하십시오.">
+								</div>
+								<div class="col-6">
+								</div>
+							</div>
+						</div>
+						<!-- / 메인 조건 -->
+				    </form>
+				    <!-- / 검색 조건 영역 -->
+
+					<!-- 업무 버튼 및 건수 표시 -->
+					<div>
+						<span class="container-page-btn">
+			            	<!-- 건수, 페이지 표시 -->
+							<div class="d-flex flex-row justify-content-between">
+								<label class="dataTables_info" id="paging--${pageName}PagingInfo" role="status" aria-live="polite"></label>
+								<ul class="pagination pagination-primary" id="paging--${pageName}">
+								</ul>
+							</div>
+				            <span class="container-window-btn-right">
+								<!-- 업무 버튼 -->
+				            </span>
+						</span>
+					</div>
+					<!-- / 업무 버튼 및 건수 표시 -->
+
+					<!-- DataTables(그리드) -->
+					<div class="card-datatable text-nowrap">
+						<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
+							<div class="table-responsive" id="table-responsive--${pageName}" style="overflow-x:scroll; height:400px; overflow-y:scroll;">
+								<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
+									<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: 200px;">부서명</th>
+											<th class="cmn" style="width: 160px;">사용자계정</th>
+											<th class="cmn" style="width: 160px;">사용자이름</th>
+											<th class="cmn" style="width: 120px;">상태</th>
+											<th class="cmn" style="width: 180px;">등록일시</th>
+											<th class="cmn dummy-th"></th>
+										</tr>
+									</thead>
+									<tbody id="tbody--${pageName}">
+									</tbody>
+									<template id="${infoPrefix}Row--${pageName}">
+										<tr data-key="{USER_ID}">
+											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
+											<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{DEPT_NM}</td>
+											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{USER_ACNT}</td>
+											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{USER_NM}</td>
+											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{STTS_NM}</td>
+											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{REG_DT}</td>
+											<td class="cmn dummy-td"></td>
+										</tr>
+									</template>
+									<template id="${infoPrefix}NotFound--${pageName}">
+										<tr class="odd">
+											<td valign="top" colspan="8" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+										</tr>
+									</template>
+								</table>
+							</div>
+						</div>
+					</div>
+					<!-- / DataTables(그리드) -->
+				</div>
+			</div> <!-- / Wrapper-list -->
+		</div> <!-- / Card -->
+	</div>
+	<!-- / Content -->
+
+  	<div class="content-backdrop fade"></div>
+</div>
+<!-- / inner page html <div class="content-wrapper"> -->
+
+<script>
+	/**************************************************************************
+	 * Global Variable
+	 **************************************************************************/
+	// URL
+	var ${pageName}PrefixUrl = "/user/user02";
+	// FormFields
+ 	var ${pageName}Fields = new FimsFormFields("#frmSearch--${pageName}");
+
+	/**************************************************************************
+	 * DatasetControl
+	 **************************************************************************/
+	var ${pageName}Control = new DatasetControl({
+		  prefix : "user"
+		, prefixName : "사용자"
+		, infoSize : "lg"
+		, keymapper : info => info ? info.USER_ID : ""
+		, dataGetter : obj => obj.userList
+		, appendData : true
+		, untilPageNum : 0										// 현재 페이지 번호
+		, tableRenderComplete : false							// dataTables 에 자료 추가 완료 여부
+		, formats : {
+	    	REG_DT : datetimeFormat
+		}
+	});
+
+	/**************************************************************************
+	 * DatasetControl 이벤트
+	 **************************************************************************/
+	// 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})"
+		});
+
+		${pageName}Control.tableRenderComplete = true;			// dataTables 에 자료 추가 완료
+	};
+
+	// 현재 선택 자료 변경 이벤트
+	${pageName}Control.onCurrentChange = item => {
+		if (!item) return;
+
+		let key = item.data.USER_ID;
+
+		$("#tbody--${pageName}").setCurrentRow(key);
+	};
+
+	/**************************************************************************
+	 * 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("USER_ID") + "');")
+					.replace(/{ondblclick}/gi, "fnOK${pageName}('" + dataItem.getValue("USER_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;
+		}
+
+	    // checkbox 체크 해제
+		$("th input[type='checkbox']").prop("checked", false);
+
+		//보안모드
+	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
+	}
+
+	// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
+	scrollDataList${pageName} = () => {
+		${pageName}Control.tableRenderComplete = false;			// dataTables 에 자료 추가 false
+
+		${pageName}Control.load(${pageName}Control.query.pageNum + 1);
+	}
+
+	/**************************************************************************
+	 * 사용자 함수(function)
+	 **************************************************************************/
+	// 검색 자료 재조회
+	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
+	 **************************************************************************/
+	// 업무 구분 변경
+	fnResetAndChangeBiz${pageName} = (taskSeCd) => {
+		// 업무 구분 코드
+		if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
+			taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
+		}
+
+		// 초기 기본 설정
+		initForm${pageName}(taskSeCd);
+
+		// URL 설정
+		setURL${pageName}(taskSeCd);
+
+		// 기본 데이터 설정
+		setFormData${pageName}(taskSeCd);
+	}
+
+	// 검색 버튼 이벤트
+	fnSearchList${pageName} = () => {
+		// 검색조건
+		${pageName}Control.query = ${pageName}Fields.get();
+
+		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;		// 한번에 조회되는 자료 건수 FETCH_XS = 30
+		${pageName}Control.query.useYn = "Y";					// 사용 여부
+
+		// 검색
+		${pageName}Control.load(1);
+	}
+
+	// 확인
+	fnOK${pageName} = (userId) => {
+		// 사용자 ID
+		if (typeof userId == "undefined" || userId == null || userId == "") {
+			userId = ${pageName}Control.dataset.getValue("USER_ID");
+		}
+
+		let userNm = ${pageName}Control.dataset.getValue("USER_NM");
+
+		if ("${callbackFuncName}" != "") {
+			${callbackFuncName}(userId, userNm);
+		}
+
+		dialog.close(${pageName}Control.prefix + "Dialog");
+	}
+
+	/**************************************************************************
+	 * 초기 설정
+	 **************************************************************************/
+	// 이벤트
+	setEvent${pageName} = () => {
+		// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
+		$("#term--${pageName}").keypress(function(e) {
+			if (e.keyCode == 13) {
+				fnSearchList${pageName}();   
+			}    
+		});
+
+		// DataTables width 변경 조정
+		$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
+
+		// DataTables 스크롤 이벤트 생성
+		fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
+	}
+
+	// 화면 초기 설정
+	initForm${pageName} = (taskSeCd) => {
+		// 화면 초기화
+ 		$("#frmSearch--${pageName}")[0].reset();
+
+		// input 이 1개밖에 없으면 submit 으로 동작하기 때문에 text 로 지정하고 hide 처리하였다.
+		$("#sggCd--${pageName}").hide();
+		$("#deptCd--${pageName}").hide();
+
+		// dataset 초기화
+ 		${pageName}Control.dataset.clear();
+	}
+
+	// URL 설정
+	setURL${pageName} = (taskSeCd) => {
+		${pageName}Control.urls.load = wctx.url("/user/list.do");
+	}
+
+	// 기본 데이터 설정
+	setFormData${pageName} = (taskSeCd) => {
+		// 화면 데이터 설정
+		$("#sggCd--${pageName}").val("${sggCd}");				// 시군구 코드
+		$("#deptCd--${pageName}").val("${deptCd}");				// 부서 코드
+		$("#userAcnt--${pageName}").val("${userAcnt}");			// 사용자 계정
+
+		// ${pageName}Control 설정
+		${pageName}Control.defaultFetchSize = FETCH_XS;			// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+	}
+
+	/**************************************************************************
+	 * script 진입
+	 **************************************************************************/
+	$(document).ready(function() {
+		// 이벤트 설정
+		setEvent${pageName}();
+
+		// 보안모드
+	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
+
+		// 화면 초기 설정 및 업무 구분 변경
+		fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val());
+	});
+
+</script>