|
|
|
|
@ -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>
|
jjh
11 months ago