|
|
|
|
@ -1,31 +1,28 @@
|
|
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
|
|
|
|
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
|
|
|
|
|
|
|
|
|
<c:set var="prefixName" scope="request">사용자 검색</c:set>
|
|
|
|
|
|
|
|
|
|
<!-- 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 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-primary w-px-120" id="btnOK--${pageName}" title="확인" onclick="fnOK${pageName}();">
|
|
|
|
|
<button type="button" class="btn btn-primary w-px-120" id="btnOK--${pageName}" title="확인">
|
|
|
|
|
확인
|
|
|
|
|
</button>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- / 상단 버튼 -->
|
|
|
|
|
<!-- 상단 버튼 -->
|
|
|
|
|
|
|
|
|
|
<!-- 검색 조건 영역 -->
|
|
|
|
|
<form id="frmSearch--${pageName}" name="frmSearch">
|
|
|
|
|
@ -47,9 +44,9 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- / 메인 조건 -->
|
|
|
|
|
<!-- 메인 조건 -->
|
|
|
|
|
</form>
|
|
|
|
|
<!-- / 검색 조건 영역 -->
|
|
|
|
|
<!-- 검색 조건 영역 -->
|
|
|
|
|
|
|
|
|
|
<!-- 업무 버튼 및 건수 표시 -->
|
|
|
|
|
<div>
|
|
|
|
|
@ -60,12 +57,12 @@
|
|
|
|
|
<ul class="pagination pagination-primary" id="paging--${pageName}">
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
|
<!-- 업무 버튼 -->
|
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- / 업무 버튼 및 건수 표시 -->
|
|
|
|
|
<!-- 업무 버튼 및 건수 표시 -->
|
|
|
|
|
|
|
|
|
|
<!-- DataTables(그리드) -->
|
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
|
@ -105,13 +102,10 @@
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- / DataTables(그리드) -->
|
|
|
|
|
</div>
|
|
|
|
|
</div> <!-- / Wrapper-list -->
|
|
|
|
|
</div> <!-- / Card -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- / Content -->
|
|
|
|
|
</div> <!-- DataTables(그리드) -->
|
|
|
|
|
</div> <!-- <div class="card"> -->
|
|
|
|
|
</div> <!-- <div class="container flex-grow-1 px-0"> -->
|
|
|
|
|
<!-- Content -->
|
|
|
|
|
|
|
|
|
|
<div class="content-backdrop fade"></div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -121,46 +115,54 @@
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* Global Variable
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// URL
|
|
|
|
|
var ${pageName}PrefixUrl = "/user/user02";
|
|
|
|
|
pageObject["${pageName}"] = {};
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* script 진입
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
// pageObject
|
|
|
|
|
let $P = pageObject["${pageName}"];
|
|
|
|
|
|
|
|
|
|
// 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: "user"
|
|
|
|
|
, prefixName: "사용자"
|
|
|
|
|
, infoSize : "lg"
|
|
|
|
|
, keymapper: info => info ? info.USER_ID : ""
|
|
|
|
|
, dataGetter : obj => obj.userList
|
|
|
|
|
, dataGetter: obj => obj.${infoPrefix}List
|
|
|
|
|
, appendData: true
|
|
|
|
|
, formats: {
|
|
|
|
|
REG_DT: datetimeFormat
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
// $P.control 설정
|
|
|
|
|
$P.control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
|
|
|
|
|
$P.control.beforeCurrent = null;
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* DatasetControl 이벤트
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// Dataset 변경 이벤트
|
|
|
|
|
${pageName}Control.onDatasetChange = (obj, option) => {
|
|
|
|
|
renderList${pageName}(obj.${infoPrefix}Total, option);
|
|
|
|
|
$P.control.onDatasetChange = (obj, option) => {
|
|
|
|
|
$P.renderList(obj.${infoPrefix}Total, option);
|
|
|
|
|
|
|
|
|
|
$("#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.onCurrentChange = item => {
|
|
|
|
|
$P.control.onCurrentChange = (item) => {
|
|
|
|
|
if (!item) return;
|
|
|
|
|
|
|
|
|
|
let key = item.data.USER_ID;
|
|
|
|
|
@ -172,8 +174,8 @@
|
|
|
|
|
* DataTables 이벤트
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// DataTables에 click, dbclick 이벤트
|
|
|
|
|
renderList${pageName} = (totalSize, option) => {
|
|
|
|
|
let ${infoPrefix}List = ${pageName}Control.dataset;
|
|
|
|
|
$P.renderList = (totalSize, option) => {
|
|
|
|
|
let ${infoPrefix}List = $P.control.dataset;
|
|
|
|
|
let empty = ${infoPrefix}List.empty;
|
|
|
|
|
|
|
|
|
|
let trs = empty ?
|
|
|
|
|
@ -181,12 +183,12 @@
|
|
|
|
|
${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") + "');")
|
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("USER_ID") + "');")
|
|
|
|
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].fnOK('" + dataItem.getValue("USER_ID") + "');")
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
let noMore = (${infoPrefix}List.length >= totalSize);
|
|
|
|
|
let initScroll = (${pageName}Control.query.pageNum < 2);
|
|
|
|
|
let initScroll = ($P.control.query.pageNum < 2);
|
|
|
|
|
if (option != null && option.reloaded) {
|
|
|
|
|
initScroll = false;
|
|
|
|
|
}
|
|
|
|
|
@ -198,85 +200,85 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
|
|
|
|
|
scrollDataList${pageName} = () => {
|
|
|
|
|
${pageName}Control.load(${pageName}Control.query.pageNum + 1);
|
|
|
|
|
$P.scrollDataList = () => {
|
|
|
|
|
$P.control.load($P.control.query.pageNum + 1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 사용자 함수(function)
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// 검색 자료 재조회
|
|
|
|
|
refreshList${pageName} = () => {
|
|
|
|
|
${pageName}Control.reload({all : true});
|
|
|
|
|
$P.fnRefreshList = () => {
|
|
|
|
|
$P.control.reload({all : true});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 버튼 clickEvent
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// 업무 구분 변경
|
|
|
|
|
fnResetAndChangeBiz${pageName} = (taskSeCd) => {
|
|
|
|
|
// 업무 구분 변경 이벤트
|
|
|
|
|
$P.fnResetAndChangeBiz = (taskSeCd) => {
|
|
|
|
|
// 업무 구분 코드
|
|
|
|
|
if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
|
|
|
|
|
taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 초기 기본 설정
|
|
|
|
|
initForm${pageName}(taskSeCd);
|
|
|
|
|
|
|
|
|
|
// URL 설정
|
|
|
|
|
setURL${pageName}(taskSeCd);
|
|
|
|
|
$P.initForm(taskSeCd);
|
|
|
|
|
// 업무 구분별 설정
|
|
|
|
|
$P.setTask(taskSeCd);
|
|
|
|
|
|
|
|
|
|
// 기본 데이터 설정
|
|
|
|
|
setFormData${pageName}(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; // 한번에 조회되는 자료 건수
|
|
|
|
|
$P.control.query.useYn = "Y"; // 사용 여부
|
|
|
|
|
|
|
|
|
|
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize; // 한번에 조회되는 자료 건수 FETCH_XS = 30
|
|
|
|
|
${pageName}Control.query.useYn = "Y"; // 사용 여부
|
|
|
|
|
|
|
|
|
|
// 검색
|
|
|
|
|
${pageName}Control.load(1);
|
|
|
|
|
$P.control.load(1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 확인
|
|
|
|
|
fnOK${pageName} = (userId) => {
|
|
|
|
|
$P.fnOK = (userId) => {
|
|
|
|
|
// 사용자 ID
|
|
|
|
|
if (typeof userId == "undefined" || userId == null || userId == "") {
|
|
|
|
|
userId = ${pageName}Control.dataset.getValue("USER_ID");
|
|
|
|
|
userId = $P.control.dataset.getValue("USER_ID");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
let userNm = ${pageName}Control.dataset.getValue("USER_NM");
|
|
|
|
|
|
|
|
|
|
if ("${callbackFuncName}" != "") {
|
|
|
|
|
${callbackFuncName}(userId, userNm);
|
|
|
|
|
${callbackFuncName}(userId, $P.control.dataset.getValue("USER_NM"));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
dialog.close(${pageName}Control.prefix + "Dialog");
|
|
|
|
|
dialog.close($P.control.prefixed("Dialog--${openerPageName}"));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 초기 설정
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
// 이벤트
|
|
|
|
|
setEvent${pageName} = () => {
|
|
|
|
|
$P.setEvent = () => {
|
|
|
|
|
// 기본 버튼 이벤트
|
|
|
|
|
$("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화
|
|
|
|
|
$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색
|
|
|
|
|
$("#btnOK--${pageName}").on("click", () => $P.fnOK()); // 확인
|
|
|
|
|
|
|
|
|
|
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
|
|
|
|
|
$("#term--${pageName}").onEnterPress(function() {
|
|
|
|
|
fnSearchList${pageName}();
|
|
|
|
|
$P.fnSearchList();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// DataTables width 변경 조정
|
|
|
|
|
fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
|
|
|
|
|
|
|
|
|
|
// DataTables 스크롤 이벤트 생성
|
|
|
|
|
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
|
|
|
|
|
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 화면 초기 설정
|
|
|
|
|
initForm${pageName} = (taskSeCd) => {
|
|
|
|
|
$P.initForm = (taskSeCd) => {
|
|
|
|
|
// 화면 초기화
|
|
|
|
|
$("#frmSearch--${pageName}")[0].reset();
|
|
|
|
|
|
|
|
|
|
@ -284,38 +286,29 @@
|
|
|
|
|
$("#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
|
|
|
|
|
// 업무 구분별 설정
|
|
|
|
|
$P.setTask = (taskSeCd) => {
|
|
|
|
|
// 업무구분에 따른 URL 설정
|
|
|
|
|
$P.control.urls.load = wctx.url("/user/list.do"); // 검색
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* script 진입
|
|
|
|
|
* 최초 실행 함수
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
// 이벤트 설정
|
|
|
|
|
setEvent${pageName}();
|
|
|
|
|
// 1. 이벤트 설정
|
|
|
|
|
$P.setEvent();
|
|
|
|
|
|
|
|
|
|
// 보안모드
|
|
|
|
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
|
|
|
|
// 2. 초기 설정 및 업무 구분 변경
|
|
|
|
|
$P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
|
|
|
|
|
|
|
|
|
|
// 화면 초기 설정 및 업무 구분 변경
|
|
|
|
|
fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val());
|
|
|
|
|
// 3. 보안모드
|
|
|
|
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
jjh
4 months ago