|
|
@ -13,14 +13,14 @@
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<!-- 상단 버튼 -->
|
|
|
|
<!-- 상단 버튼 -->
|
|
|
|
<div class="container-page-btn">
|
|
|
|
<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>
|
|
|
|
</button>
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
<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>
|
|
|
|
<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀" onclick="fnExcel${pageName}();">
|
|
|
|
<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">
|
|
|
|
엑셀
|
|
|
|
엑셀
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
@ -141,7 +141,7 @@
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
|
|
|
|
<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
|
|
|
|
<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
|
|
|
|
<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
|
|
|
|
검색
|
|
|
|
검색
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -175,8 +175,14 @@
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
<tr id="theadTr--${pageName}"
|
|
|
|
<tr id="theadTr--${pageName}"
|
|
|
|
data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
|
|
|
|
data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
<tbody id="tbody--${pageName}">
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template id="${infoPrefix}Col--${pageName}">
|
|
|
|
<th class="cmn" style="width: 72px;">NO.</th>
|
|
|
|
<th class="cmn" style="width: 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 class="cmn" style="width: 160px;">업무구분</th>
|
|
|
|
<th class="cmn" style="width: 160px;">업무구분</th>
|
|
|
|
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_INPT_SE_CD', this.innerText, 'codeValue', 'FIM044');">수납입력구분</th>
|
|
|
|
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_INPT_SE_CD', this.innerText, 'codeValue', 'FIM044');">수납입력구분</th>
|
|
|
|
<th class="cmn" style="width: 100px;" onclick="searchFromGridTitle('RCVMT_RTRCN_YN', this.innerText, 'codeValue', 'CMN005');">수납취소</th>
|
|
|
|
<th class="cmn" style="width: 100px;" onclick="searchFromGridTitle('RCVMT_RTRCN_YN', this.innerText, 'codeValue', 'CMN005');">수납취소</th>
|
|
|
@ -209,24 +215,22 @@
|
|
|
|
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('SZR_RMV_YMD', this.innerText, 'ymd', '');">압류해제일자</th>
|
|
|
|
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('SZR_RMV_YMD', this.innerText, 'ymd', '');">압류해제일자</th>
|
|
|
|
<th class="cmn" style="width: 180px;" onclick="searchFromGridTitle('CRDN_YMD', this.innerText, 'ymd', '');">단속일시</th>
|
|
|
|
<th class="cmn" style="width: 180px;" onclick="searchFromGridTitle('CRDN_YMD', this.innerText, 'ymd', '');">단속일시</th>
|
|
|
|
<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('VHRNO', this.innerText, 'match', 'part');">차량번호</th>
|
|
|
|
<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('VHRNO', this.innerText, 'match', 'part');">차량번호</th>
|
|
|
|
<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('CRDN_STDG_NM', this.innerText, 'match', 'part');">법정동</th>
|
|
|
|
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RTPYR_SE_CD', this.innerText, 'codeValue', 'FIM011');">납부자구분</th>
|
|
|
|
|
|
|
|
<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('RTPYR_NO', this.innerText, 'ymd', '');">납부자번호</th>
|
|
|
|
|
|
|
|
<th class="cmn" style="width: 140px;" onclick="searchFromGridTitle('RTPYR_NM', this.innerText, 'match', 'part');">납부자명</th>
|
|
|
|
|
|
|
|
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('CRDN_STDG_NM', this.innerText, 'match', 'part');">단속법정동</th>
|
|
|
|
<th class="cmn" style="width: 280px;" onclick="searchFromGridTitle('CRDN_PLC', this.innerText, 'match', 'part');">단속장소</th>
|
|
|
|
<th class="cmn" style="width: 280px;" onclick="searchFromGridTitle('CRDN_PLC', this.innerText, 'match', 'part');">단속장소</th>
|
|
|
|
<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('CRDN_STTS_CD', this.innerText, 'codeValue', 'FIM010');">처리상태</th>
|
|
|
|
<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('CRDN_STTS_CD', this.innerText, 'codeValue', 'FIM010');">처리상태</th>
|
|
|
|
<th class="cmn" style="width: 140px;" onclick="searchFromGridTitle('RTPYR_NM', this.innerText, 'match', 'part');">납부자명</th>
|
|
|
|
|
|
|
|
<th class="cmn" style="width: 140px;" onclick="searchFromGridTitle('RTPYR_BRDT', this.innerText, 'ymd', '');">납부자생일</th>
|
|
|
|
|
|
|
|
<th class="cmn" style="width: 180px;">등록일시</th>
|
|
|
|
<th class="cmn" style="width: 180px;">등록일시</th>
|
|
|
|
<th class="cmn" style="width: 140px;">등록사용자</th>
|
|
|
|
<th class="cmn" style="width: 140px;">등록사용자</th>
|
|
|
|
<th class="cmn" style="width: 180px;">수정일시</th>
|
|
|
|
<th class="cmn" style="width: 180px;">수정일시</th>
|
|
|
|
<th class="cmn" style="width: 140px;">수정사용자</th>
|
|
|
|
<th class="cmn" style="width: 140px;">수정사용자</th>
|
|
|
|
<th class="cmn dummy-th"></th>
|
|
|
|
<th class="cmn dummy-th"></th>
|
|
|
|
</tr>
|
|
|
|
</template>
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
<tbody id="tbody--${pageName}">
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
|
|
<template id="${infoPrefix}Row--${pageName}">
|
|
|
|
<template id="${infoPrefix}Row--${pageName}">
|
|
|
|
<tr data-key="{RCVMT_ID}">
|
|
|
|
<tr data-key="{RCVMT_ID}">
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
|
|
|
|
<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="{RCVMT_ID}" onchange="${pageName}Control.select('{RCVMT_ID}', this.checked);"></td>
|
|
|
|
<td class="cmn text-center"><input type="checkbox" class="form-check-input" value="{RCVMT_ID}" onchange="pageObject['${pageName}'].control.select('{RCVMT_ID}', this.checked);"></td>
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{TASK_SE_NM}</td>
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{TASK_SE_NM}</td>
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RCVMT_INPT_SE_NM}</td>
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RCVMT_INPT_SE_NM}</td>
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RCVMT_RTRCN_NM}</td>
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RCVMT_RTRCN_NM}</td>
|
|
|
@ -259,11 +263,12 @@
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SZR_RMV_YMD}</td>
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SZR_RMV_YMD}</td>
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_YMD_TM}</td>
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_YMD_TM}</td>
|
|
|
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{VHRNO}</td>
|
|
|
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{VHRNO}</td>
|
|
|
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_SE_NM}</td>
|
|
|
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_NO}</td>
|
|
|
|
|
|
|
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_NM}</td>
|
|
|
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STDG_NM}</td>
|
|
|
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STDG_NM}</td>
|
|
|
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_PLC}</td>
|
|
|
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_PLC}</td>
|
|
|
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STTS_NM}</td>
|
|
|
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STTS_NM}</td>
|
|
|
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_NM}</td>
|
|
|
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_BRDT_MASK}</td>
|
|
|
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{REG_DT}</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}">{RGTR_NM}</td>
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFCN_DT}</td>
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFCN_DT}</td>
|
|
|
@ -272,8 +277,20 @@
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template id="${infoPrefix}NotFound--${pageName}">
|
|
|
|
<template id="${infoPrefix}NotFound--${pageName}">
|
|
|
|
<tr class="odd">
|
|
|
|
<tr class="bpv">
|
|
|
|
<td valign="top" colspan="44" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
<td valign="top" colspan="45" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
<tr class="dpv">
|
|
|
|
|
|
|
|
<td valign="top" colspan="45" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
<tr class="eca">
|
|
|
|
|
|
|
|
<td valign="top" colspan="45" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
<tr class="pvs">
|
|
|
|
|
|
|
|
<td valign="top" colspan="45" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
<tr class="tpv">
|
|
|
|
|
|
|
|
<td valign="top" colspan="45" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
@ -286,8 +303,6 @@
|
|
|
|
</div> <!-- <div class="card"> -->
|
|
|
|
</div> <!-- <div class="card"> -->
|
|
|
|
</div> <!-- <div class="container-xxl flex-grow-1 px-0"> -->
|
|
|
|
</div> <!-- <div class="container-xxl flex-grow-1 px-0"> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="content-backdrop fade"></div>
|
|
|
|
<div class="content-backdrop fade"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- / inner page html <div class="content-wrapper"> -->
|
|
|
|
<!-- / inner page html <div class="content-wrapper"> -->
|
|
|
@ -296,23 +311,30 @@
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* Global Variable
|
|
|
|
* Global Variable
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
|
|
|
|
pageObject["${pageName}"] = {};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
|
|
|
* script 진입
|
|
|
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
|
|
|
// pageObject
|
|
|
|
|
|
|
|
var $P = pageObject["${pageName}"];
|
|
|
|
|
|
|
|
|
|
|
|
// URL
|
|
|
|
// URL
|
|
|
|
var ${pageName}PrefixUrl = "/rcvm/rcvm01";
|
|
|
|
$P.PrefixUrl = "/rcvm/rcvm01";
|
|
|
|
// FormFields
|
|
|
|
// FormFields
|
|
|
|
var ${pageName}Fields = new FimsFormFields("#frmSearch--${pageName}");
|
|
|
|
$P.formFields = new FimsFormFields("#frmSearch--${pageName}");
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* DatasetControl
|
|
|
|
* DatasetControl
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
var ${pageName}Control = new DatasetControl({
|
|
|
|
$P.control = new DatasetControl({
|
|
|
|
prefix : "rcvmt"
|
|
|
|
prefix : "rcvmt"
|
|
|
|
, prefixName : "수납"
|
|
|
|
, prefixName : "수납"
|
|
|
|
, infoSize : "lg"
|
|
|
|
, infoSize : "lg"
|
|
|
|
, keymapper : info => info ? info.RCVMT_ID : ""
|
|
|
|
, keymapper : info => info ? info.RCVMT_ID : ""
|
|
|
|
, dataGetter : obj => obj.rcvmtList
|
|
|
|
, dataGetter : obj => obj.rcvmtList
|
|
|
|
, appendData : true
|
|
|
|
, appendData : true
|
|
|
|
, untilPageNum : 0 // 현재 페이지 번호
|
|
|
|
|
|
|
|
, tableRenderComplete : false // dataTables 에 자료 추가 완료 여부
|
|
|
|
|
|
|
|
, formats : {
|
|
|
|
, formats : {
|
|
|
|
RCVMT_YMD : dateFormat
|
|
|
|
RCVMT_YMD : dateFormat
|
|
|
|
, ACNTG_YMD : dateFormat
|
|
|
|
, ACNTG_YMD : dateFormat
|
|
|
@ -333,28 +355,33 @@
|
|
|
|
, MDFCN_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 이벤트
|
|
|
|
* DatasetControl 이벤트
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
// Dataset 변경 이벤트
|
|
|
|
// Dataset 변경 이벤트
|
|
|
|
${pageName}Control.onDatasetChange = obj => {
|
|
|
|
$P.control.onDatasetChange = obj => {
|
|
|
|
renderList${pageName}(obj.${infoPrefix}Total);
|
|
|
|
$P.renderList(obj.${infoPrefix}Total);
|
|
|
|
|
|
|
|
|
|
|
|
$("#paging--${pageName}").setPagingInfo({
|
|
|
|
$("#paging--${pageName}").setPagingInfo({
|
|
|
|
list : ${pageName}Control.dataset
|
|
|
|
list : $P.control.dataset
|
|
|
|
, prefix : "paging--${pageName}"
|
|
|
|
, prefix : "paging--${pageName}"
|
|
|
|
, start : obj.${infoPrefix}Start
|
|
|
|
, start : obj.${infoPrefix}Start
|
|
|
|
, totalSize : obj.${infoPrefix}Total
|
|
|
|
, totalSize : obj.${infoPrefix}Total
|
|
|
|
, fetchSize : obj.${infoPrefix}Fetch
|
|
|
|
, fetchSize : obj.${infoPrefix}Fetch
|
|
|
|
, func : "${pageName}Control.load({index})"
|
|
|
|
, func : "$P.control.load({index})"
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
${pageName}Control.tableRenderComplete = true; // dataTables 에 자료 추가 완료
|
|
|
|
$P.control.tableRenderComplete = true; // dataTables 에 자료 추가 완료
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// 현재 선택 자료 변경 이벤트
|
|
|
|
// 현재 선택 자료 변경 이벤트
|
|
|
|
${pageName}Control.onCurrentChange = item => {
|
|
|
|
$P.control.onCurrentChange = item => {
|
|
|
|
if (!item) return;
|
|
|
|
if (!item) return;
|
|
|
|
|
|
|
|
|
|
|
|
let key = item.data.RCVMT_ID;
|
|
|
|
let key = item.data.RCVMT_ID;
|
|
|
@ -363,8 +390,8 @@
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// 선택(체크) 변경 이벤트
|
|
|
|
// 선택(체크) 변경 이벤트
|
|
|
|
${pageName}Control.onSelectionChange = selected => {
|
|
|
|
$P.control.onSelectionChange = selected => {
|
|
|
|
let ${infoPrefix}List = ${pageName}Control.dataset;
|
|
|
|
let ${infoPrefix}List = $P.control.dataset;
|
|
|
|
let keys = selected.map(e => ${infoPrefix}List.getKey(e));
|
|
|
|
let keys = selected.map(e => ${infoPrefix}List.getKey(e));
|
|
|
|
|
|
|
|
|
|
|
|
$("#tbody--${pageName} input[type='checkbox']").each(function() {
|
|
|
|
$("#tbody--${pageName} input[type='checkbox']").each(function() {
|
|
|
@ -380,28 +407,37 @@
|
|
|
|
* DataTables 이벤트
|
|
|
|
* DataTables 이벤트
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
// DataTables에 click, dbclick 이벤트
|
|
|
|
// DataTables에 click, dbclick 이벤트
|
|
|
|
renderList${pageName} = (totalSize) => {
|
|
|
|
$P.renderList = (totalSize) => {
|
|
|
|
let ${infoPrefix}List = ${pageName}Control.dataset;
|
|
|
|
let ${infoPrefix}List = $P.control.dataset;
|
|
|
|
let empty = ${infoPrefix}List.empty;
|
|
|
|
let empty = ${infoPrefix}List.empty;
|
|
|
|
|
|
|
|
let clsForTask = $("#frmSearch--${pageName} input[name='taskSeCd']:checked").val().toLowerCase(); // 소문자
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 업무별 DataTables(그리드) tr, td
|
|
|
|
|
|
|
|
let foundContent = document.getElementById("${infoPrefix}Row--${pageName}").content;
|
|
|
|
|
|
|
|
let foundTr = $(foundContent).find("tr")[0].cloneNode(false);
|
|
|
|
|
|
|
|
let foundTds = $(foundContent).find("." + clsForTask + ",.cmn");
|
|
|
|
|
|
|
|
|
|
|
|
let trs = empty ?
|
|
|
|
foundTds.each(function() {
|
|
|
|
[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
|
|
|
|
foundTr.appendChild(this.cloneNode(true));
|
|
|
|
${infoPrefix}List.inStrings(
|
|
|
|
});
|
|
|
|
document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
|
|
|
|
|
|
|
|
(str, dataItem) => str
|
|
|
|
//
|
|
|
|
.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("RCVMT_ID") + "');")
|
|
|
|
let replacer = (str, dataItem) => str
|
|
|
|
.replace(/{ondblclick}/gi, "getTotalInfo${pageName}('" + dataItem.getValue("CRDN_ID") + "');")
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("LEVY_EXCL_ID") + "');")
|
|
|
|
);
|
|
|
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].getTotalInfo('" + dataItem.getValue("CRDN_ID") + "');");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let trs = empty ? [document.getElementById("${infoPrefix}NotFound--${pageName}").content.querySelector("." + clsForTask + ",.cmn").outerHTML]
|
|
|
|
|
|
|
|
: ${infoPrefix}List.inStrings(foundTr.outerHTML, replacer);
|
|
|
|
|
|
|
|
|
|
|
|
let noMore = (totalSize == ${infoPrefix}List.length);
|
|
|
|
let noMore = (totalSize == ${infoPrefix}List.length);
|
|
|
|
let initScroll = (${pageName}Control.query.pageNum < 2) && (${pageName}Control.untilPageNum == 0);
|
|
|
|
let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
|
|
|
|
|
|
|
|
|
|
|
|
$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
|
|
|
|
$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
|
|
|
|
|
|
|
|
|
|
|
|
if (${pageName}Control.untilPageNum != 0) {
|
|
|
|
if ($P.control.untilPageNum != 0) {
|
|
|
|
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;
|
|
|
|
$P.control.query.fetchSize = $P.control.defaultFetchSize;
|
|
|
|
${pageName}Control.query.pageNum = ${pageName}Control.untilPageNum;
|
|
|
|
$P.control.query.pageNum = $P.control.untilPageNum;
|
|
|
|
${pageName}Control.untilPageNum = 0;
|
|
|
|
$P.control.untilPageNum = 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// checkbox 체크 해제
|
|
|
|
// checkbox 체크 해제
|
|
|
@ -412,25 +448,26 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
|
|
|
|
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
|
|
|
|
scrollDataList${pageName} = () => {
|
|
|
|
$P.scrollDataList = () => {
|
|
|
|
${pageName}Control.tableRenderComplete = false; // dataTables 에 자료 추가 false
|
|
|
|
$P.control.tableRenderComplete = false; // dataTables 에 자료 추가 false
|
|
|
|
|
|
|
|
|
|
|
|
${pageName}Control.load(${pageName}Control.query.pageNum + 1);
|
|
|
|
$P.control.load($P.control.query.pageNum + 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* 사용자 함수(function)
|
|
|
|
* 사용자 함수(function)
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
// callback 사용자 검색
|
|
|
|
// callback 사용자 검색
|
|
|
|
callbackFindUser${pageName} = (userId, userNm) => {
|
|
|
|
$P.callbackFindUser = (userId, userNm) => {
|
|
|
|
$("#schRgtrCd--${pageName}").val(userId); // 사용자 ID
|
|
|
|
$("#schRgtrCd--${pageName}").val(userId); // 사용자 ID
|
|
|
|
$("#schRgtrNm--${pageName}").val(userNm); // 사용자 명
|
|
|
|
$("#schRgtrNm--${pageName}").val(userNm); // 사용자 명
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 사용자 검색
|
|
|
|
// 사용자 검색
|
|
|
|
getFindUser${pageName} = () => {
|
|
|
|
$P.getFindUser = () => {
|
|
|
|
let params = {
|
|
|
|
let params = {
|
|
|
|
callbackFuncName : "callbackFindUser${pageName}"
|
|
|
|
openerPageName : "${pageName}"
|
|
|
|
|
|
|
|
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ajax.get({
|
|
|
|
ajax.get({
|
|
|
@ -448,18 +485,18 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 개별총정보 dialog
|
|
|
|
// 개별총정보 dialog
|
|
|
|
getTotalInfo${pageName} = (crdnId) => {
|
|
|
|
$P.getTotalInfo = (crdnId) => {
|
|
|
|
if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
|
|
|
|
if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
|
|
|
|
|
|
|
|
|
|
|
|
let params = {
|
|
|
|
let params = {
|
|
|
|
callControlName : "${pageName}Control"
|
|
|
|
callControlName : "pageObject['${pageName}'].control"
|
|
|
|
, sggCd : $("#sggCd--${pageName}").val()
|
|
|
|
, sggCd : $("#sggCd--${pageName}").val()
|
|
|
|
, taskSeCd : $("input[name=taskSeCd]:checked").val()
|
|
|
|
, taskSeCd : $("input[name=taskSeCd]:checked").val()
|
|
|
|
, crdnId : crdnId
|
|
|
|
, crdnId : crdnId
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ajax.get({
|
|
|
|
ajax.get({
|
|
|
|
url : wctx.url(params.taskSeCd + "/sprt/sprt02/010/main.do")
|
|
|
|
url : wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
|
|
|
|
, data : params
|
|
|
|
, data : params
|
|
|
|
, success : resp => {
|
|
|
|
, success : resp => {
|
|
|
|
dialog.open({
|
|
|
|
dialog.open({
|
|
|
@ -473,45 +510,47 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 검색 자료 재조회
|
|
|
|
// 검색 자료 재조회
|
|
|
|
refreshList${pageName} = () => {
|
|
|
|
$P.refreshList = () => {
|
|
|
|
${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
|
|
|
|
$P.control.untilPageNum = $P.control.query.pageNum;
|
|
|
|
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum;
|
|
|
|
$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
|
|
|
|
|
|
|
|
|
|
|
|
${pageName}Control.load(1);
|
|
|
|
$P.control.load(1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* 버튼 clickEvent
|
|
|
|
* 버튼 clickEvent
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
// 업무 구분 변경
|
|
|
|
// 업무 구분 변경 이벤트
|
|
|
|
fnResetAndChangeBiz${pageName} = (taskSeCd) => {
|
|
|
|
$P.fnResetAndChangeBiz = (taskSeCd) => {
|
|
|
|
// 업무 구분 코드
|
|
|
|
// 업무 구분 코드
|
|
|
|
if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
|
|
|
|
if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
|
|
|
|
taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
|
|
|
|
taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 초기 기본 설정
|
|
|
|
// 초기 기본 설정
|
|
|
|
initForm${pageName}(taskSeCd);
|
|
|
|
$P.initForm();
|
|
|
|
|
|
|
|
|
|
|
|
// 기본 데이터 설정
|
|
|
|
// 기본 데이터 설정
|
|
|
|
setFormData${pageName}(taskSeCd);
|
|
|
|
$P.initData(taskSeCd);
|
|
|
|
|
|
|
|
// 업무 구분별 설정
|
|
|
|
|
|
|
|
$P.setTask(taskSeCd);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// dataset 초기화
|
|
|
|
|
|
|
|
$P.control.dataset.clear();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 검색 버튼 이벤트
|
|
|
|
// 검색 버튼 이벤트
|
|
|
|
fnSearchList${pageName} = () => {
|
|
|
|
$P.fnSearchList = () => {
|
|
|
|
// 검색조건
|
|
|
|
// 검색조건
|
|
|
|
${pageName}Control.query = ${pageName}Fields.get();
|
|
|
|
$P.control.query = $P.formFields.get();
|
|
|
|
|
|
|
|
$P.control.query.fetchSize = $P.control.defaultFetchSize; // 한번에 조회되는 자료 건수
|
|
|
|
|
|
|
|
$P.control.query.delYN = "N"; // 삭제 여부
|
|
|
|
|
|
|
|
|
|
|
|
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize; // 1 페이지당 조회되는 자료 건수
|
|
|
|
$P.control.load(1);
|
|
|
|
${pageName}Control.query.delYN = "N"; // 삭제 여부
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 검색
|
|
|
|
|
|
|
|
${pageName}Control.load(1);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 엑셀 버튼 이벤트
|
|
|
|
// 엑셀 버튼 이벤트
|
|
|
|
fnExcel${pageName} = () => {
|
|
|
|
$P.fnExcel = () => {
|
|
|
|
if (${pageName}Control.dataset.empty) {
|
|
|
|
if ($P.control.dataset.empty) {
|
|
|
|
dialog.alert({
|
|
|
|
dialog.alert({
|
|
|
|
content : "검색된 자료가 없습니다."
|
|
|
|
content : "검색된 자료가 없습니다."
|
|
|
|
, onOK : () => { }
|
|
|
|
, onOK : () => { }
|
|
|
@ -523,21 +562,27 @@
|
|
|
|
// DataTables(그리드)
|
|
|
|
// DataTables(그리드)
|
|
|
|
let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th").not(":eq(0)")
|
|
|
|
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)"));
|
|
|
|
, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
|
|
|
|
${pageName}Control.query.cellDefs = cellDefs;
|
|
|
|
$P.control.query.cellDefs = cellDefs;
|
|
|
|
|
|
|
|
|
|
|
|
${pageName}Control.download();
|
|
|
|
$P.control.download();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 사용자 검색 버튼 이벤트
|
|
|
|
// 사용자 조회 버튼 이벤트
|
|
|
|
fnFindUser${pageName} = () => {
|
|
|
|
$P.fnFindUser = () => {
|
|
|
|
getFindUser${pageName}();
|
|
|
|
$P.getFindUser();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* 초기 설정
|
|
|
|
* 초기 설정
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
// 이벤트
|
|
|
|
// 이벤트 설정
|
|
|
|
setEvent${pageName} = () => {
|
|
|
|
$P.setEvent = () => {
|
|
|
|
|
|
|
|
// 기본 버튼 이벤트
|
|
|
|
|
|
|
|
$("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화
|
|
|
|
|
|
|
|
$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색
|
|
|
|
|
|
|
|
$("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀
|
|
|
|
|
|
|
|
$("#btnFindUser--${pageName}").on("click", () => $P.fnFindUser()); // 사용자 검색
|
|
|
|
|
|
|
|
|
|
|
|
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
|
|
|
|
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
|
|
|
|
$("#term--${pageName}").keypress(function(e) {
|
|
|
|
$("#term--${pageName}").keypress(function(e) {
|
|
|
|
if (e.keyCode == 13) {
|
|
|
|
if (e.keyCode == 13) {
|
|
|
@ -562,11 +607,11 @@
|
|
|
|
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
|
|
|
|
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
|
|
|
|
|
|
|
|
|
|
|
|
// DataTables 스크롤 이벤트 생성
|
|
|
|
// DataTables 스크롤 이벤트 생성
|
|
|
|
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
|
|
|
|
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 화면 초기 설정
|
|
|
|
// 초기 화면 설정
|
|
|
|
initForm${pageName} = (taskSeCd) => {
|
|
|
|
$P.initForm = () => {
|
|
|
|
// 화면 초기화
|
|
|
|
// 화면 초기화
|
|
|
|
$("#frmSearch--${pageName}")[0].reset();
|
|
|
|
$("#frmSearch--${pageName}")[0].reset();
|
|
|
|
|
|
|
|
|
|
|
@ -585,7 +630,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
// 달력 초기화
|
|
|
|
// 달력 초기화
|
|
|
|
initDatepicker("frmSearch--${pageName}");
|
|
|
|
initDatepicker("frmSearch--${pageName}");
|
|
|
|
$("#schPstmrkYmdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
|
|
|
|
$("#schPstmrkYmdFrom--${pageName}").datepicker("setDate", new Date());
|
|
|
|
$("#schPstmrkYmdTo--${pageName}").datepicker("setDate", new Date());
|
|
|
|
$("#schPstmrkYmdTo--${pageName}").datepicker("setDate", new Date());
|
|
|
|
|
|
|
|
|
|
|
|
// 동적 검색
|
|
|
|
// 동적 검색
|
|
|
@ -596,35 +641,58 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 기본 데이터 설정
|
|
|
|
// 기본 데이터 설정
|
|
|
|
setFormData${pageName} = (taskSeCd) => {
|
|
|
|
$P.initData = (taskSeCd) => {
|
|
|
|
// ${pageName}Control 설정
|
|
|
|
// 시군구 코드
|
|
|
|
${pageName}Control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
|
|
|
|
$("#sggCd--${pageName}").val("${sggCd}");
|
|
|
|
|
|
|
|
// 업무 구분 코드
|
|
|
|
|
|
|
|
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 일자
|
|
|
|
|
|
|
|
$("#schPstmrkYmdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
|
|
|
|
|
|
|
|
$("#schPstmrkYmdTo--${pageName}").datepicker("setDate", new Date());
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 업무 구분별 설정
|
|
|
|
|
|
|
|
$P.setTask = (taskSeCd) => {
|
|
|
|
|
|
|
|
let clsForTask = taskSeCd.toLowerCase();
|
|
|
|
|
|
|
|
|
|
|
|
// 화면 데이터 설정
|
|
|
|
// 업무별 조회조건
|
|
|
|
$("#sggCd--${pageName}").val("${sggCd}"); // 시군구 코드
|
|
|
|
renderForTask("frmSearch--${pageName}", clsForTask);
|
|
|
|
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true); // 업무 구분
|
|
|
|
|
|
|
|
|
|
|
|
// 업무별 그리드 th
|
|
|
|
|
|
|
|
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
|
|
|
|
|
|
|
|
let cols = $(colContent).find("." + clsForTask + ",.cmn");
|
|
|
|
|
|
|
|
let colsOuterHTML = "";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
cols.each(function() {
|
|
|
|
|
|
|
|
colsOuterHTML += this.outerHTML;
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#theadTr--${pageName}").html(colsOuterHTML);
|
|
|
|
|
|
|
|
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
|
|
|
|
|
|
|
|
|
|
|
|
// URL 설정
|
|
|
|
// URL 설정
|
|
|
|
setURL${pageName}(taskSeCd);
|
|
|
|
$P.setURL(taskSeCd);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// URL 설정
|
|
|
|
// 업무구분에 따른 URL 설정
|
|
|
|
setURL${pageName} = (taskSeCd) => {
|
|
|
|
$P.setURL = (taskSeCd) => {
|
|
|
|
${pageName}Control.urls.load = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/010/list.do"); // 조회
|
|
|
|
$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/010/list.do"); // 조회
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* script 진입
|
|
|
|
* 최초 실행 함수
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
$(document).ready(function() {
|
|
|
|
// 1. 이벤트 설정
|
|
|
|
// 이벤트 설정
|
|
|
|
$P.setEvent();
|
|
|
|
setEvent${pageName}();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 보안모드
|
|
|
|
// 2. 화면 초기 설정 및 업무 구분 변경
|
|
|
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
|
|
|
$P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
|
|
|
|
|
|
|
|
|
|
|
|
// 화면 초기 설정 및 업무 구분 변경
|
|
|
|
// 3. 보안모드
|
|
|
|
fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val());
|
|
|
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|