xit-app
/
fims-java-all
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

업무지원 - 민원상담 수정.

Browse Source
main
jjh 9 months ago
parent 5acd841978
commit 79c52b7c83
5 changed files with 911 additions and 790 deletions
Show Stats Download Patch File Download Diff File

9
src/main/java/cokr/xit/fims/rcvm/web/Rcvm01Controller.java
Unescape Escape View File

@ -124,8 +124,8 @@ public class Rcvm01Controller extends ApplicationController {
, Map.entry("세목명", "TXITM_NM") , Map.entry("세목명", "TXITM_NM")
, Map.entry("부과번호", xlsx.style("LEVY_NO", center)) , Map.entry("부과번호", xlsx.style("LEVY_NO", center))
, Map.entry("수납일련번호", xlsx.style("RCVMT_SN", center)) , Map.entry("수납일련번호", xlsx.style("RCVMT_SN", center))
, Map.entry("소인일자", xlsx.format(o -> xlsx.str2date(o.get("PSTMRK_YMD"))).style(dateYMD))
, Map.entry("회계일자", xlsx.format(o -> xlsx.str2date(o.get("ACNTG_YMD"))).style(dateYMD)) , Map.entry("회계일자", xlsx.format(o -> xlsx.str2date(o.get("ACNTG_YMD"))).style(dateYMD))
, Map.entry("소인일자", xlsx.format(o -> xlsx.str2date(o.get("PSTMRK_YMD"))).style(dateYMD))
, Map.entry("수납일자", xlsx.format(o -> xlsx.str2date(o.get("RCVMT_YMD"))).style(dateYMD)) , Map.entry("수납일자", xlsx.format(o -> xlsx.str2date(o.get("RCVMT_YMD"))).style(dateYMD))
, Map.entry("수납금액", xlsx.style("RCVMT_AMT", numeric)) , Map.entry("수납금액", xlsx.style("RCVMT_AMT", numeric))
, Map.entry("수납본세", xlsx.style("RCVMT_PCPTAX", numeric)) , Map.entry("수납본세", xlsx.style("RCVMT_PCPTAX", numeric))
@ -147,11 +147,12 @@ public class Rcvm01Controller extends ApplicationController {
, Map.entry("압류해제일자", xlsx.format(o -> xlsx.str2date(o.get("SZR_RMV_YMD"))).style(dateYMD)) , Map.entry("압류해제일자", xlsx.format(o -> xlsx.str2date(o.get("SZR_RMV_YMD"))).style(dateYMD))
, Map.entry("단속일시", xlsx.format(o -> xlsx.str2datetime(o.get("CRDN_YMD_TM"))).style(dateDT)) , Map.entry("단속일시", xlsx.format(o -> xlsx.str2datetime(o.get("CRDN_YMD_TM"))).style(dateDT))
, Map.entry("차량번호", "VHRNO") , Map.entry("차량번호", "VHRNO")
, Map.entry("법정동", "CRDN_STDG_NM") , Map.entry("납부자구분", xlsx.style("RTPYR_SE_NM", center))
, Map.entry("납부자번호", xlsx.style("RTPYR_NO", center))
, Map.entry("납부자명", "RTPYR_NM")
, Map.entry("단속법정동", "CRDN_STDG_NM")
, Map.entry("단속장소", "CRDN_PLC") , Map.entry("단속장소", "CRDN_PLC")
, Map.entry("처리상태", "CRDN_STTS_NM") , Map.entry("처리상태", "CRDN_STTS_NM")
, Map.entry("납부자명", "RTPYR_NM")
, Map.entry("납부자생일", xlsx.style("RTPYR_BRDT_MASK", center))
, Map.entry("등록일시", xlsx.format(o -> xlsx.str2datetime(o.get("REG_DT"))).style(dateDT)) , Map.entry("등록일시", xlsx.format(o -> xlsx.str2datetime(o.get("REG_DT"))).style(dateDT))
, Map.entry("등록사용자", xlsx.style("RGTR_NM", center)) , Map.entry("등록사용자", xlsx.style("RGTR_NM", center))
, Map.entry("수정일시", xlsx.format(o -> xlsx.str2datetime(o.get("MDFCN_DT"))).style(dateDT)) , Map.entry("수정일시", xlsx.format(o -> xlsx.str2datetime(o.get("MDFCN_DT"))).style(dateDT))

4
src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp
Unescape Escape View File

@ -227,7 +227,7 @@
}); });
// 업무 버튼 이벤트 // 업무 버튼 이벤트
$("#btnSave--${pageName}").on("click", () => $P.fnSave()); // 저장 $("#btnSave--${pageName}").on("click", () => $P.fnSave()); // 저장
} }
// 초기 화면 설정 // 초기 화면 설정
@ -241,7 +241,7 @@
$("#vhrno--${pageName}").prop("readonly", true); // 차량번호 $("#vhrno--${pageName}").prop("readonly", true); // 차량번호
$("#levyExclSeNm--${pageName}").prop("readonly", true); // 부과 제외 구분 $("#levyExclSeNm--${pageName}").prop("readonly", true); // 부과 제외 구분
if ($P.callPurpose == "view") { if ($P.callPurpose == "view") { // view
// input 요소들을 disabled // input 요소들을 disabled
$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true); $("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
// button 요소들을 disabled // button 요소들을 disabled

728
src/main/webapp/WEB-INF/jsp/fims/rcvm/rcvm01010-main.jsp
Unescape Escape View File

@ -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,58 +175,62 @@
<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}">
<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: 160px;">업무구분</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('FYR', this.innerText, 'match', 'part');">회계연도</th>
<th class="cmn" style="width: 100px;" onclick="searchFromGridTitle('ACNTG_SE_CD', this.innerText, 'codeValue', 'FIM074');">회계구분</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('TXITM_CD', this.innerText, 'codeValue', 'FIM075');">세목코드</th>
<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('TXITM_CD', this.innerText, 'codeValue', 'FIM075');">세목명</th>
<th class="cmn" style="width: 100px;" onclick="searchFromGridTitle('LEVY_NO', this.innerText, 'match', 'part');">부과번호</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_SN', this.innerText, 'match', 'part');">수납일련번호</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('ACNTG_YMD', this.innerText, 'ymd', '');">회계일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('PSTMRK_YMD', this.innerText, 'ymd', '');">소인일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_YMD', this.innerText, 'ymd', '');">수납일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_AMT', this.innerText, 'match', 'part');">수납금액</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_PCPTAX', this.innerText, 'match', 'part');">수납본세</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_ADAMT', this.innerText, 'match', 'part');">수납가산금</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_INT', this.innerText, 'match', 'part');">수납이자</th>
<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('RCVMT_BANK_NM', this.innerText, 'match', 'part');">수납은행</th>
<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('PAY_MTHD_SE_CD', this.innerText, 'codeValue', 'FIM045');">납부방법</th>
<th class="cmn" style="width: 100px;" onclick="searchFromGridTitle('RCVMT_SE_CD', this.innerText, 'codeValue', 'FIM041');">수납구분</th>
<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('RCVMT_STTS_CD', this.innerText, 'codeValue', 'FIM020');">수납상태</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('LEVY_YMD', this.innerText, 'ymd', '');">부과일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('FRST_DUDT_YMD', this.innerText, 'ymd', '');">최초납기일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('DUDT_YMD', this.innerText, 'ymd', '');">납기일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('LEVY_PCPTAX', this.innerText, 'match', 'part');">부과본세</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('LEVY_ADAMT', this.innerText, 'match', 'part');">부과가산금</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('INSPY_INT', this.innerText, 'match', 'part');">분납이자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('SZR_YMD', this.innerText, 'ymd', '');">압류일자</th>
<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('SZR_THING', this.innerText, 'match', 'part');">압류물건</th>
<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('RPM_SZR_VHRNO', this.innerText, 'match', 'part');">대체압류차량</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: 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: 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: 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: 140px;">등록사용자</th>
<th class="cmn" style="width: 180px;">수정일시</th>
<th class="cmn" style="width: 140px;">수정사용자</th>
<th class="cmn dummy-th"></th>
</tr> </tr>
</thead> </thead>
<tbody id="tbody--${pageName}"> <tbody id="tbody--${pageName}">
</tbody> </tbody>
<template id="${infoPrefix}Col--${pageName}">
<th class="cmn" style="width: 72px;">NO.</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: 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('FYR', this.innerText, 'match', 'part');">회계연도</th>
<th class="cmn" style="width: 100px;" onclick="searchFromGridTitle('ACNTG_SE_CD', this.innerText, 'codeValue', 'FIM074');">회계구분</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('TXITM_CD', this.innerText, 'codeValue', 'FIM075');">세목코드</th>
<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('TXITM_CD', this.innerText, 'codeValue', 'FIM075');">세목명</th>
<th class="cmn" style="width: 100px;" onclick="searchFromGridTitle('LEVY_NO', this.innerText, 'match', 'part');">부과번호</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_SN', this.innerText, 'match', 'part');">수납일련번호</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('ACNTG_YMD', this.innerText, 'ymd', '');">회계일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('PSTMRK_YMD', this.innerText, 'ymd', '');">소인일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_YMD', this.innerText, 'ymd', '');">수납일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_AMT', this.innerText, 'match', 'part');">수납금액</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_PCPTAX', this.innerText, 'match', 'part');">수납본세</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_ADAMT', this.innerText, 'match', 'part');">수납가산금</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RCVMT_INT', this.innerText, 'match', 'part');">수납이자</th>
<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('RCVMT_BANK_NM', this.innerText, 'match', 'part');">수납은행</th>
<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('PAY_MTHD_SE_CD', this.innerText, 'codeValue', 'FIM045');">납부방법</th>
<th class="cmn" style="width: 100px;" onclick="searchFromGridTitle('RCVMT_SE_CD', this.innerText, 'codeValue', 'FIM041');">수납구분</th>
<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('RCVMT_STTS_CD', this.innerText, 'codeValue', 'FIM020');">수납상태</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('LEVY_YMD', this.innerText, 'ymd', '');">부과일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('FRST_DUDT_YMD', this.innerText, 'ymd', '');">최초납기일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('DUDT_YMD', this.innerText, 'ymd', '');">납기일자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('LEVY_PCPTAX', this.innerText, 'match', 'part');">부과본세</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('LEVY_ADAMT', this.innerText, 'match', 'part');">부과가산금</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('INSPY_INT', this.innerText, 'match', 'part');">분납이자</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('SZR_YMD', this.innerText, 'ymd', '');">압류일자</th>
<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('SZR_THING', this.innerText, 'match', 'part');">압류물건</th>
<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('RPM_SZR_VHRNO', this.innerText, 'match', 'part');">대체압류차량</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: 160px;" onclick="searchFromGridTitle('VHRNO', 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: 160px;" onclick="searchFromGridTitle('CRDN_STTS_CD', this.innerText, 'codeValue', 'FIM010');">처리상태</th>
<th class="cmn" style="width: 180px;">등록일시</th>
<th class="cmn" style="width: 140px;">등록사용자</th>
<th class="cmn" style="width: 180px;">수정일시</th>
<th class="cmn" style="width: 140px;">수정사용자</th>
<th class="cmn dummy-th"></th>
</template>
<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,335 +311,388 @@
/************************************************************************** /**************************************************************************
* Global Variable * Global Variable
**************************************************************************/ **************************************************************************/
// URL pageObject["${pageName}"] = {};
var ${pageName}PrefixUrl = "/rcvm/rcvm01";
// FormFields
var ${pageName}Fields = new FimsFormFields("#frmSearch--${pageName}");
/**************************************************************************
* DatasetControl
**************************************************************************/
var ${pageName}Control = new DatasetControl({
prefix : "rcvmt"
, prefixName : "수납"
, infoSize : "lg"
, keymapper : info => info ? info.RCVMT_ID : ""
, dataGetter : obj => obj.rcvmtList
, appendData : true
, untilPageNum : 0 // 현재 페이지 번호
, tableRenderComplete : false // dataTables 에 자료 추가 완료 여부
, formats : {
RCVMT_YMD : dateFormat
, ACNTG_YMD : dateFormat
, PSTMRK_YMD : dateFormat
, RCVMT_AMT : numberFormat
, RCVMT_PCPTAX : numberFormat
, RCVMT_ADAMT : numberFormat
, RCVMT_INT : numberFormat
, LEVY_YMD : dateFormat
, FRST_DUDT_YMD : dateFormat
, DUDT_YMD : dateFormat
, FFNLG_AMT : numberFormat
, LEVY_PCPTAX : numberFormat
, LEVY_ADAMT : numberFormat
, SZR_YMD : dateFormat
, CRDN_YMD_TM : datetimeFormat
, REG_DT : datetimeFormat
, MDFCN_DT : datetimeFormat
}
});
/************************************************************************** /**************************************************************************
* DatasetControl 이벤트 * script 진입
**************************************************************************/ **************************************************************************/
// Dataset 변경 이벤트 $(document).ready(function() {
${pageName}Control.onDatasetChange = obj => { // pageObject
renderList${pageName}(obj.${infoPrefix}Total); var $P = pageObject["${pageName}"];
$("#paging--${pageName}").setPagingInfo({ // URL
list : ${pageName}Control.dataset $P.PrefixUrl = "/rcvm/rcvm01";
, prefix : "paging--${pageName}" // FormFields
, start : obj.${infoPrefix}Start $P.formFields = new FimsFormFields("#frmSearch--${pageName}");
, totalSize : obj.${infoPrefix}Total
, fetchSize : obj.${infoPrefix}Fetch /**************************************************************************
, func : "${pageName}Control.load({index})" * DatasetControl
**************************************************************************/
$P.control = new DatasetControl({
prefix : "rcvmt"
, prefixName : "수납"
, infoSize : "lg"
, keymapper : info => info ? info.RCVMT_ID : ""
, dataGetter : obj => obj.rcvmtList
, appendData : true
, formats : {
RCVMT_YMD : dateFormat
, ACNTG_YMD : dateFormat
, PSTMRK_YMD : dateFormat
, RCVMT_AMT : numberFormat
, RCVMT_PCPTAX : numberFormat
, RCVMT_ADAMT : numberFormat
, RCVMT_INT : numberFormat
, LEVY_YMD : dateFormat
, FRST_DUDT_YMD : dateFormat
, DUDT_YMD : dateFormat
, FFNLG_AMT : numberFormat
, LEVY_PCPTAX : numberFormat
, LEVY_ADAMT : numberFormat
, SZR_YMD : dateFormat
, CRDN_YMD_TM : 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 에 자료 추가 완료 $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;
$("#tbody--${pageName}").setCurrentRow(key); $("#tbody--${pageName}").setCurrentRow(key);
}; };
// 선택(체크) 변경 이벤트 // 선택(체크) 변경 이벤트
${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() {
let checkbox = $(this); let checkbox = $(this);
checkbox.prop("checked", keys.includes(checkbox.val())); checkbox.prop("checked", keys.includes(checkbox.val()));
}); });
$("#btnRemove--${pageName}").prop("disabled", keys.length < 1); $("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
}; };
/**************************************************************************
* DataTables 이벤트
**************************************************************************/
// DataTables에 click, dbclick 이벤트
$P.renderList = (totalSize) => {
let ${infoPrefix}List = $P.control.dataset;
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");
foundTds.each(function() {
foundTr.appendChild(this.cloneNode(true));
});
/************************************************************************** //
* DataTables 이벤트 let replacer = (str, dataItem) => str
**************************************************************************/ .replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("LEVY_EXCL_ID") + "');")
// DataTables에 click, dbclick 이벤트 .replace(/{ondblclick}/gi, "pageObject['${pageName}'].getTotalInfo('" + dataItem.getValue("CRDN_ID") + "');");
renderList${pageName} = (totalSize) => {
let ${infoPrefix}List = ${pageName}Control.dataset; let trs = empty ? [document.getElementById("${infoPrefix}NotFound--${pageName}").content.querySelector("." + clsForTask + ",.cmn").outerHTML]
let empty = ${infoPrefix}List.empty; : ${infoPrefix}List.inStrings(foundTr.outerHTML, replacer);
let trs = empty ? let noMore = (totalSize == ${infoPrefix}List.length);
[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%> let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
${infoPrefix}List.inStrings(
document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%> $("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
(str, dataItem) => str
.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("RCVMT_ID") + "');") if ($P.control.untilPageNum != 0) {
.replace(/{ondblclick}/gi, "getTotalInfo${pageName}('" + dataItem.getValue("CRDN_ID") + "');") $P.control.query.fetchSize = $P.control.defaultFetchSize;
); $P.control.query.pageNum = $P.control.untilPageNum;
$P.control.untilPageNum = 0;
let noMore = (totalSize == ${infoPrefix}List.length); }
let initScroll = (${pageName}Control.query.pageNum < 2) && (${pageName}Control.untilPageNum == 0);
// checkbox 체크 해제
$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore); $("th input[type='checkbox']").prop("checked", false);
if (${pageName}Control.untilPageNum != 0) { // 보안모드
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize; fn_securityModeToggle($("#securityMode--top").is(":checked"));
${pageName}Control.query.pageNum = ${pageName}Control.untilPageNum;
${pageName}Control.untilPageNum = 0;
} }
// checkbox 체크 해제 // DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
$("th input[type='checkbox']").prop("checked", false); $P.scrollDataList = () => {
$P.control.tableRenderComplete = false; // dataTables 에 자료 추가 false
// 보안모드 $P.control.load($P.control.query.pageNum + 1);
fn_securityModeToggle($("#securityMode--top").is(":checked")); }
}
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트 /**************************************************************************
scrollDataList${pageName} = () => { * 사용자 함수(function)
${pageName}Control.tableRenderComplete = false; // dataTables 에 자료 추가 false **************************************************************************/
// callback 사용자 검색
$P.callbackFindUser = (userId, userNm) => {
$("#schRgtrCd--${pageName}").val(userId); // 사용자 ID
$("#schRgtrNm--${pageName}").val(userNm); // 사용자 명
}
${pageName}Control.load(${pageName}Control.query.pageNum + 1); // 사용자 검색
} $P.getFindUser = () => {
let params = {
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
}
/************************************************************************** ajax.get({
* 사용자 함수(function) url : wctx.url("/user/user02/010/main.do")
**************************************************************************/ , data : params || {}
// callback 사용자 검색 , success : resp => {
callbackFindUser${pageName} = (userId, userNm) => { dialog.open({
$("#schRgtrCd--${pageName}").val(userId); // 사용자 ID id : "userDialog"
$("#schRgtrNm--${pageName}").val(userNm); // 사용자 명 , title : "사용자 검색"
} , content : resp
, size : "lg"
// 사용자 검색 });
getFindUser${pageName} = () => { }
let params = { });
callbackFuncName : "callbackFindUser${pageName}"
} }
ajax.get({ // 개별총정보 dialog
url : wctx.url("/user/user02/010/main.do") $P.getTotalInfo = (crdnId) => {
, data : params || {} if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
, success : resp => {
dialog.open({ let params = {
id : "userDialog" callControlName : "pageObject['${pageName}'].control"
, title : "사용자 검색" , sggCd : $("#sggCd--${pageName}").val()
, content : resp , taskSeCd : $("input[name=taskSeCd]:checked").val()
, size : "lg" , crdnId : crdnId
});
} }
});
}
// 개별총정보 dialog ajax.get({
getTotalInfo${pageName} = (crdnId) => { url : wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return; , data : params
, success : resp => {
dialog.open({
id : "totalInfoMainDialog"
, title : "개별총정보"
, content : resp
, size : "xxl"
});
}
});
}
// 검색 자료 재조회
$P.refreshList = () => {
$P.control.untilPageNum = $P.control.query.pageNum;
$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
$P.control.load(1);
}
/**************************************************************************
* 버튼 clickEvent
**************************************************************************/
// 업무 구분 변경 이벤트
$P.fnResetAndChangeBiz = (taskSeCd) => {
// 업무 구분 코드
if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
}
// 초기 기본 설정
$P.initForm();
// 기본 데이터 설정
$P.initData(taskSeCd);
// 업무 구분별 설정
$P.setTask(taskSeCd);
// dataset 초기화
$P.control.dataset.clear();
}
// 검색 버튼 이벤트
$P.fnSearchList = () => {
// 검색조건
$P.control.query = $P.formFields.get();
$P.control.query.fetchSize = $P.control.defaultFetchSize; // 한번에 조회되는 자료 건수
$P.control.query.delYN = "N"; // 삭제 여부
let params = { $P.control.load(1);
callControlName : "${pageName}Control"
, sggCd : $("#sggCd--${pageName}").val()
, taskSeCd : $("input[name=taskSeCd]:checked").val()
, crdnId : crdnId
} }
ajax.get({ // 엑셀 버튼 이벤트
url : wctx.url(params.taskSeCd + "/sprt/sprt02/010/main.do") $P.fnExcel = () => {
, data : params if ($P.control.dataset.empty) {
, success : resp => { dialog.alert({
dialog.open({ content : "검색된 자료가 없습니다."
id : "totalInfoMainDialog" , onOK : () => { }
, title : "개별총정보"
, content : resp
, size : "xxl"
}); });
return;
} }
});
}
// 검색 자료 재조회 // DataTables(그리드)
refreshList${pageName} = () => { let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th").not(":eq(0)")
${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum; , $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum; $P.control.query.cellDefs = cellDefs;
${pageName}Control.load(1); $P.control.download();
} }
/************************************************************************** // 사용자 조회 버튼 이벤트
* 버튼 clickEvent $P.fnFindUser = () => {
**************************************************************************/ $P.getFindUser();
// 업무 구분 변경
fnResetAndChangeBiz${pageName} = (taskSeCd) => {
// 업무 구분 코드
if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
} }
// 초기 기본 설정 /**************************************************************************
initForm${pageName}(taskSeCd); * 초기 설정
**************************************************************************/
// 이벤트 설정
$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) {
fnSearchList${pageName}();   
}    
});
// 기본 데이터 설정 // form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
setFormData${pageName}(taskSeCd); $("#frmSearch--${pageName}").find(".form-date").each(function() {
} $(this).on("input", function() {
let value = this.value.replaceAll("-", "");
// 검색 버튼 이벤트
fnSearchList${pageName} = () => { if (value.length > 7) {
// 검색조건 this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6);
${pageName}Control.query = ${pageName}Fields.get(); } else if(value.length > 5) {
this.value = value.substring(0, 4) + "-" + value.substring(4);
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize; // 1 페이지당 조회되는 자료 건수 }
${pageName}Control.query.delYN = "N"; // 삭제 여부 });
// 검색
${pageName}Control.load(1);
}
// 엑셀 버튼 이벤트
fnExcel${pageName} = () => {
if (${pageName}Control.dataset.empty) {
dialog.alert({
content : "검색된 자료가 없습니다."
, onOK : () => { }
}); });
return; // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
} }
// DataTables(그리드) // 초기 화면 설정
let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th").not(":eq(0)") $P.initForm = () => {
, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)")); // 화면 초기화
${pageName}Control.query.cellDefs = cellDefs; $("#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");
});
${pageName}Control.download(); // 달력 초기화
} initDatepicker("frmSearch--${pageName}");
$("#schPstmrkYmdFrom--${pageName}").datepicker("setDate", new Date());
$("#schPstmrkYmdTo--${pageName}").datepicker("setDate", new Date());
// 사용자 검색 버튼 이벤트 // 동적 검색
fnFindUser${pageName} = () => { $("#byOutput--${pageName}").val("동적 검색");
getFindUser${pageName}();
}
/************************************************************************** // 사용자 이름
* 초기 설정 $("#schRgtrNm--${pageName}").prop("readonly", true);
**************************************************************************/ }
// 이벤트
setEvent${pageName} = () => {
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").keypress(function(e) {
if (e.keyCode == 13) {
fnSearchList${pageName}();   
}    
});
// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용 // 기본 데이터 설정
$("#frmSearch--${pageName}").find(".form-date").each(function() { $P.initData = (taskSeCd) => {
$(this).on("input", function() { // 시군구 코드
let value = this.value.replaceAll("-", ""); $("#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());
}
if (value.length > 7) { // 업무 구분별 설정
this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6); $P.setTask = (taskSeCd) => {
} else if(value.length > 5) { let clsForTask = taskSeCd.toLowerCase();
this.value = value.substring(0, 4) + "-" + value.substring(4);
}
});
});
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // 업무별 조회조건
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); renderForTask("frmSearch--${pageName}", clsForTask);
// DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
}
// 화면 초기 설정
initForm${pageName} = (taskSeCd) => {
// 화면 초기화
$("#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");
});
// 달력 초기화 // 업무별 그리드 th
initDatepicker("frmSearch--${pageName}"); $("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
$("#schPstmrkYmdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
$("#schPstmrkYmdTo--${pageName}").datepicker("setDate", new Date());
// 동적 검색 let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
$("#byOutput--${pageName}").val("동적 검색"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = "";
// 사용자 이름 cols.each(function() {
$("#schRgtrNm--${pageName}").prop("readonly", true); colsOuterHTML += this.outerHTML;
} });
// 기본 데이터 설정 $("#theadTr--${pageName}").html(colsOuterHTML);
setFormData${pageName} = (taskSeCd) => { $("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// ${pageName}Control 설정
${pageName}Control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
// 화면 데이터 설정 // URL 설정
$("#sggCd--${pageName}").val("${sggCd}"); // 시군구 코드 $P.setURL(taskSeCd);
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true); // 업무 구분 }
// URL 설정 // 업무구분에 따른 URL 설정
setURL${pageName}(taskSeCd); $P.setURL = (taskSeCd) => {
} $P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/010/list.do"); // 조회
}
// URL 설정 /**************************************************************************
setURL${pageName} = (taskSeCd) => { * 최초 실행 함수
${pageName}Control.urls.load = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/010/list.do"); // 조회 **************************************************************************/
} // 1. 이벤트 설정
$P.setEvent();
/************************************************************************** // 2. 화면 초기 설정 및 업무 구분 변경
* script 진입 $P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
**************************************************************************/
$(document).ready(function() {
// 이벤트 설정
setEvent${pageName}();
// 보안모드 // 3. 보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked")); fn_securityModeToggle($("#securityMode--top").is(":checked"));
// 화면 초기 설정 및 업무 구분 변경
fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val());
}); });
</script> </script>

720
src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04010-main.jsp
Unescape Escape View File

@ -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>
@ -145,10 +145,10 @@
</div> </div>
<span class="container-window-btn-right"> <span class="container-window-btn-right">
<!-- 업무 버튼 --> <!-- 업무 버튼 -->
<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>
<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> </button>
</span> </span>
@ -165,7 +165,7 @@
<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}">
<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>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('CVLCPT_RCPT_SE_CD', this.innerText, 'codeValue', 'FIM065');">민원접수구분</th> <th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('CVLCPT_RCPT_SE_CD', this.innerText, 'codeValue', 'FIM065');">민원접수구분</th>
<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('DSCSN_YMD', this.innerText, 'ymd', '');">상담일자</th> <th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('DSCSN_YMD', this.innerText, 'ymd', '');">상담일자</th>
<th class="cmn" style="width: 80px;" onclick="searchFromGridTitle('WEEK_NM', this.innerText, 'match', 'part');">요일</th> <th class="cmn" style="width: 80px;" onclick="searchFromGridTitle('WEEK_NM', this.innerText, 'match', 'part');">요일</th>
@ -186,7 +186,7 @@
<template id="${infoPrefix}Row--${pageName}"> <template id="${infoPrefix}Row--${pageName}">
<tr data-key="{CVLCPT_DSCSN_ID}"> <tr data-key="{CVLCPT_DSCSN_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="{CVLCPT_DSCSN_ID}" onchange="${pageName}Control.select('{CVLCPT_DSCSN_ID}', this.checked);"></td> <td class="cmn text-center"><input type="checkbox" class="form-check-input" value="{CVLCPT_DSCSN_ID}" onchange="pageObject['${pageName}'].control.select('{CVLCPT_DSCSN_ID}', this.checked);"></td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CVLCPT_RCPT_SE_NM}</td> <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CVLCPT_RCPT_SE_NM}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DSCSN_YMD}</td> <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DSCSN_YMD}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{WEEK_NM}</td> <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{WEEK_NM}</td>
@ -225,415 +225,445 @@
/************************************************************************** /**************************************************************************
* Global Variable * Global Variable
**************************************************************************/ **************************************************************************/
// URL pageObject["${pageName}"] = {};
var ${pageName}PrefixUrl = "/sprt/sprt04";
// FormFields
var ${pageName}Fields = new FimsFormFields("#frmSearch--${pageName}");
/************************************************************************** /**************************************************************************
* DatasetControl * script 진입
**************************************************************************/
var ${pageName}Control = new DatasetControl({
prefix : "cvlcptDscsn"
, prefixName : "민원상담"
, infoSize : "lg"
, keymapper : info => info ? info.CVLCPT_DSCSN_ID : ""
, dataGetter : obj => obj.cvlcptDscsnList
, appendData : true
, untilPageNum : 0 // 현재 페이지 번호
, tableRenderComplete : false // dataTables 에 자료 추가 완료 여부
, formats : {
DSCSN_YMD : dateFormat
, REG_DT : datetimeFormat
, MDFCN_DT : datetimeFormat
}
});
/**************************************************************************
* DatasetControl 이벤트
**************************************************************************/ **************************************************************************/
// Dataset 변경 이벤트 $(document).ready(function() {
${pageName}Control.onDatasetChange = obj => { // pageObject
renderList${pageName}(obj.${infoPrefix}Total); var $P = pageObject["${pageName}"];
$("#paging--${pageName}").setPagingInfo({ // URL
list : ${pageName}Control.dataset $P.PrefixUrl = "/sprt/sprt04";
, prefix : "paging--${pageName}" // FormFields
, start : obj.${infoPrefix}Start $P.formFields = new FimsFormFields("#frmSearch--${pageName}");
, totalSize : obj.${infoPrefix}Total
, fetchSize : obj.${infoPrefix}Fetch /**************************************************************************
, func : "${pageName}Control.load({index})" * DatasetControl
**************************************************************************/
$P.control = new DatasetControl({
prefix : "cvlcptDscsn"
, prefixName : "민원상담"
, infoSize : "lg"
, keymapper : info => info ? info.CVLCPT_DSCSN_ID : ""
, dataGetter : obj => obj.cvlcptDscsnList
, appendData : true
, formats : {
DSCSN_YMD : dateFormat
, 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 에 자료 추가 완료 $P.control.tableRenderComplete = true; // dataTables 에 자료 추가 완료
}; };
// 현재 선택 자료 변경 이벤트 // 현재 선택 자료 변경 이벤트
${pageName}Control.onCurrentChange = item => { $P.control.onCurrentChange = item => {
if (!item) return; if (!item) return;
let key = item.data.CVLCPT_DSCSN_ID; let key = item.data.CVLCPT_DSCSN_ID;
$("#tbody--${pageName}").setCurrentRow(key); $("#tbody--${pageName}").setCurrentRow(key);
}; };
// 선택(체크) 변경 이벤트 // 선택(체크) 변경 이벤트
${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() {
let checkbox = $(this); let checkbox = $(this);
checkbox.prop("checked", keys.includes(checkbox.val())); checkbox.prop("checked", keys.includes(checkbox.val()));
}); });
$("#btnRemove--${pageName}").prop("disabled", keys.length < 1); $("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
}; };
// 민원상담 정보 dialog
$P.control.getInfo = (params) => {
if (!params) return;
// 민원상담 dialog let dialogTitle = "";
${pageName}Control.getInfo = (params) => {
if (!params) return;
let dialogTitle = ""; if (params.callPurpose == "create") {
dialogTitle = $P.control.prefixName + " 등록";
} else if (params.callPurpose == "update") {
dialogTitle = $P.control.prefixName + " 수정";
} else {
dialogTitle = $P.control.prefixName + " 정보";
}
if (params.callPurpose == "create") { ajax.get({
dialogTitle = ${pageName}Control.prefixName + " 등록"; url : $P.control.urls.getInfo
} else if (params.callPurpose == "update") { , data : params || {}
dialogTitle = ${pageName}Control.prefixName + " 수정"; , success : resp => {
} else { dialog.open({
dialogTitle = ${pageName}Control.prefixName + " 정보"; id : $P.control.prefixed("Dialog")
, title : dialogTitle
, content : resp
, size : $P.control.infoSize
, onClose : () => { $P.refreshList(); } // 자료 재조회
});
}
});
} }
ajax.get({ // 삭제 callback
url : ${pageName}Control.urls.getInfo $P.control.onRemove = (resp) => {
, data : params || {} let btnTitle = $("#btnRemove--${pageName}").attr("title");
, success : resp => { let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
dialog.open({
id : ${pageName}Control.prefixed("Dialog")
, title : dialogTitle
, content : resp
, size : ${pageName}Control.infoSize
, onClose : () => { refreshList${pageName}(); } // 자료 재조회
});
}
});
}
// 삭제 callback // 메시지 출력
${pageName}Control.onRemove = (resp) => { dialog.alert({
let btnTitle = $("#btnRemove--${pageName}").attr("title"); content : showMessage
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle); , onOK : () => { }
});
dialog.alert(showMessage); // 메시지 출력 if (resp.saved) {
$P.refreshList(); // 자료 재조회
}
}
// 삭제
$P.control.remove = (params) => {
if (!params) return;
if (resp.saved) { ajax.post({
refreshList${pageName}(); // 자료 재조회 url : $P.control.urls.remove
, data : params
, success : resp => $P.control.onRemove(resp)
});
} }
}
// 삭제 /**************************************************************************
${pageName}Control.remove = (params) => { * DataTables 이벤트
if (!params) return; **************************************************************************/
// 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("CVLCPT_DSCSN_ID") + "');")
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].fnUpdate('" + dataItem.getValue("CVLCPT_DSCSN_ID") + "');")
);
ajax.post({ let noMore = (totalSize == ${infoPrefix}List.length);
url : ${pageName}Control.urls.remove let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
, data : params
, success : resp => ${pageName}Control.onRemove(resp)
});
}
/************************************************************************** $("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
* 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("CVLCPT_DSCSN_ID") + "');")
.replace(/{ondblclick}/gi, "fnUpdate${pageName}('" + dataItem.getValue("CVLCPT_DSCSN_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 체크 해제 if ($P.control.untilPageNum != 0) {
$("th input[type='checkbox']").prop("checked", false); $P.control.query.fetchSize = $P.control.defaultFetchSize;
$P.control.query.pageNum = $P.control.untilPageNum;
$P.control.untilPageNum = 0;
}
//보안모드 // checkbox 체크 해제
fn_securityModeToggle($("#securityMode--top").is(":checked")); $("th input[type='checkbox']").prop("checked", false);
}
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트 //보안모드
scrollDataList${pageName} = () => { fn_securityModeToggle($("#securityMode--top").is(":checked"));
${pageName}Control.tableRenderComplete = false; // dataTables 에 자료 추가 false }
${pageName}Control.load(${pageName}Control.query.pageNum + 1); // DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
} $P.scrollDataList = () => {
$P.control.tableRenderComplete = false; // dataTables 에 자료 추가 false
/************************************************************************** $P.control.load($P.control.query.pageNum + 1);
* 사용자 함수(function)
**************************************************************************/
// callback 사용자 검색
callbackFindUser${pageName} = (userId, userNm) => {
$("#schRgtrCd--${pageName}").val(userId); // 사용자 ID
$("#schRgtrNm--${pageName}").val(userNm); // 사용자 명
}
// 사용자 검색
getFindUser${pageName} = () => {
let params = {
callbackFuncName : "callbackFindUser${pageName}"
} }
ajax.get({ /**************************************************************************
url : wctx.url("/user/user02/010/main.do") * 사용자 함수(function)
, data : params || {} **************************************************************************/
, success : resp => { // callback 사용자 검색
dialog.open({ $P.callbackFindUser = (userId, userNm) => {
id : "userDialog" $("#schRgtrCd--${pageName}").val(userId); // 사용자 ID
, title : "사용자 검색" $("#schRgtrNm--${pageName}").val(userNm); // 사용자 명
, content : resp }
, size : "lg"
}); // 사용자 검색
$P.getFindUser = () => {
let params = {
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
} }
});
}
// callback 삭제 ajax.get({
callbackRemove${pageName} = (obj) => { url : wctx.url("/user/user02/010/main.do")
let selected = ${pageName}Control.dataset.getKeys("selected"); , data : params || {}
, success : resp => {
dialog.open({
id : "userDialog"
, title : "사용자 검색"
, content : resp
, size : "lg"
});
}
});
}
if (selected.length < 1) return; // 검색 자료 재조회
$P.refreshList = () => {
$P.control.untilPageNum = $P.control.query.pageNum;
$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
// 서버에 전송할 data(파라미터) 생성 $P.control.load(1);
let params = { }
callPurpose : "remove" // 호출 용도
, delRsn : obj.reason // 삭제 사유
};
params[${pageName}Control.prefixed("IDs")] = selected.join(","); // IDs
${pageName}Control.remove(params); // 삭제 callback
} $P.callbackRemove = (obj) => {
let selected = $P.control.dataset.getKeys("selected");
// 검색 자료 재조회 if (selected.length < 1) return;
refreshList${pageName} = () => {
${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum;
${pageName}Control.load(1); // 서버에 전송할 data(파라미터) 생성
} let params = {};
params[$P.control.prefixed("IDs")] = selected.join(","); // IDs
params.delRsn = obj.reason; // 삭제 사유
/************************************************************************** $P.control.remove(params);
* 버튼 clickEvent
**************************************************************************/
// 업무 구분 변경
fnResetAndChangeBiz${pageName} = (taskSeCd) => {
// 업무 구분 코드
if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
} }
// 초기 기본 설정 /**************************************************************************
initForm${pageName}(); * 버튼 clickEvent
**************************************************************************/
// 업무 구분 변경 이벤트
$P.fnResetAndChangeBiz = (taskSeCd) => {
// 업무 구분 코드
if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
}
// 기본 데이터 설정 // 초기 기본 설정
initData${pageName}(taskSeCd); $P.initForm();
// 기본 데이터 설정
$P.initData(taskSeCd);
// 업무 구분별 설정
$P.setTask(taskSeCd);
// dataset 초기화 // dataset 초기화
${pageName}Control.dataset.clear(); $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; // 한번에 조회되는 자료 건수 FETCH_XS = 30 $P.control.load(1);
${pageName}Control.query.delYN = "N"; // 삭제 여부 }
${pageName}Control.load(1); // 엑셀 버튼 이벤트
} $P.fnExcel = () => {
if ($P.control.dataset.empty) {
dialog.alert({
content : "검색된 자료가 없습니다."
, onOK : () => { }
});
// 엑셀 버튼 이벤트 return;
fnExcel${pageName} = () => { }
if (${pageName}Control.dataset.empty) {
dialog.alert({
content : "검색된 자료가 없습니다."
, onOK : () => { }
});
return; // 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;
// DataTables(그리드) $P.control.download();
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)"));
${pageName}Control.query.cellDefs = cellDefs; // 사용자 조회 버튼 이벤트
$P.fnFindUser = () => {
$P.getFindUser();
}
${pageName}Control.download(); // 수정 버튼 이벤트
} $P.fnUpdate = (cvlcptDscsnId) => {
// 민원상담 ID 가 없다면.. 입력
if (typeof cvlcptDscsnId == "undefined" || cvlcptDscsnId == null || cvlcptDscsnId == "") {
cvlcptDscsnId = $P.control.dataset.getValue("CVLCPT_DSCSN_ID");
}
// 사용자 조회 버튼 이벤트 let params = {
fnFindUser${pageName} = () => { callPurpose : "update"
getFindUser${pageName}(); , sggCd : $P.control.dataset.getValue("SGG_CD") // 시군구 코드
} , taskSeCd : $P.control.dataset.getValue("TASK_SE_CD") // 업무 구분 코드
, cvlcptDscsnId : cvlcptDscsnId // 민원상담 ID
};
// 수정 버튼 이벤트 $P.control.getInfo(params);
fnUpdate${pageName} = (cvlcptDscsnId) => {
// 민원상담 ID 가 없다면.. 입력
if (typeof cvlcptDscsnId == "undefined" || cvlcptDscsnId == null || cvlcptDscsnId == "") {
cvlcptDscsnId = ${pageName}Control.dataset.getValue("CVLCPT_DSCSN_ID");
} }
let params = { // 삭제 버튼 이벤트
callPurpose : "update" $P.fnRemove = () => {
, sggCd : ${pageName}Control.dataset.getValue("SGG_CD") // 시군구 코드 // 선택 자료
, taskSeCd : ${pageName}Control.dataset.getValue("TASK_SE_CD") // 업무 구분 코드 let selected = $P.control.dataset.getKeys("selected");
, cvlcptDscsnId : cvlcptDscsnId // 민원상담 ID
};
${pageName}Control.getInfo(params);
}
// 삭제 버튼 이벤트
fnRemove${pageName} = () => {
// 삭제 메세지 확인
dialog.alert({
content : "선택하신 " + ${pageName}Control.prefixName + " 정보를 삭제하시겠습니까?"
, onOK : () => {
// 삭제 사유 입력
let callbackFuncName = "callbackRemove${pageName}";
let popupWidth = 640;
let popupHeight = 240;
let popupX = (window.screen.width / 2) - (popupWidth / 2);
let popupY= (window.screen.height / 2) - (popupHeight / 2);
window.open(
wctx.url("/resources/html/inputRsnDialog.html"
+ "?callbackFuncName=" + callbackFuncName
+ "&USE_PURPOSE=" + "삭제"
)
, "inputDelRsnDialog"
, 'status=no, height=' + popupHeight + ', width=' + popupWidth + ', left='+ popupX + ', top='+ popupY
);
}
});
}
/************************************************************************** if (selected.length < 1) return;
* 초기 셋팅
**************************************************************************/
// 이벤트
setEvent${pageName} = () => {
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").keypress(function(e) {
if (e.keyCode == 13) {
fnSearchList${pageName}();   
}
});
// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용 // 삭제 메세지 확인
$("#frmSearch--${pageName}").find(".form-date").each(function() { dialog.alert({
$(this).on("input", function() { content : "선택하신 " + selected.length + "건의 " + $P.control.prefixName + " 정보를 삭제하시겠습니까?"
let value = this.value.replaceAll("-", ""); , onOK : () => {
// 삭제 사유 입력
let popupWidth = 640;
let popupHeight = 240;
let popupX = (window.screen.width / 2) - (popupWidth / 2);
let popupY = (window.screen.height / 2) - (popupHeight / 2);
window.open(
encodeURI(wctx.url("/resources/html/inputRsnDialog.html"
+ "?openerPageName=${pageName}"
+ "&prefix=" + $P.control.prefix
+ "&usePurpose=" + "remove"
+ "&ttlNm=" + "삭제"
))
, "inputDelRsnDialog"
, 'status=no, height=' + popupHeight + ', width=' + popupWidth + ', left='+ popupX + ', top='+ popupY
);
}
});
}
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.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) {
fnSearchList${pageName}();   
} }
}); });
});
// DataTables width 변경 조정 // form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); $("#frmSearch--${pageName}").find(".form-date").each(function() {
$(this).on("input", function() {
// DataTables 스크롤 이벤트 생성 let value = this.value.replaceAll("-", "");
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
}
// 화면 초기 설정
initForm${pageName} = () => {
// 화면 초기화
$("#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");
});
// 달력 초기화 if (value.length > 7) {
initDatepicker("frmSearch--${pageName}"); this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6);
$("#schDscsnYmdFrom--${pageName}").datepicker("setDate", new Date()); } else if(value.length > 5) {
$("#schDscsnYmdTo--${pageName}").datepicker("setDate", new Date()); this.value = value.substring(0, 4) + "-" + value.substring(4);
}
});
});
// 동적 검색 // 업무 버튼 이벤트
$("#byOutput--${pageName}").val("동적 검색"); $("#btnUpdate--${pageName}").on("click", () => $P.fnUpdate()); // 민원상담 수정
$("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 민원상담 삭제
// 사용자 이름 // DataTables width 변경 조정
$("#schRgtrNm--${pageName}").prop("readonly", true); $("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
}
// 기본 데이터 설정 // DataTables 스크롤 이벤트 생성
initData${pageName} = (taskSeCd) => { fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
// ${pageName}Control 설정 }
${pageName}Control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
// 시군구 코드 // 초기 화면 설정
$("#sggCd--${pageName}").val("${sggCd}"); $P.initForm = () => {
// 업무 구분 코드 // 화면 초기화
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true); $("#frmSearch--${pageName}")[0].reset();
// 일자
$("#schDscsnYmdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date); // input, select 초기화
$("#schDscsnYmdTo--${pageName}").datepicker("setDate", new Date()); 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");
});
// URL 설정 // 달력 초기화
setURL${pageName}(taskSeCd); initDatepicker("frmSearch--${pageName}");
} $("#schDscsnYmdFrom--${pageName}").datepicker("setDate", new Date());
$("#schDscsnYmdTo--${pageName}").datepicker("setDate", new Date());
// URL 설정 // 동적 검색
setURL${pageName} = (taskSeCd) => { $("#byOutput--${pageName}").val("동적 검색");
${pageName}Control.urls.load = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/010/list.do"); // 조회
${pageName}Control.urls.remove = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/010/removes.do"); // 삭제
${pageName}Control.urls.getInfo = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/020/info.do"); //
} // 사용자 이름
$("#schRgtrNm--${pageName}").prop("readonly", true);
}
/************************************************************************** // 기본 데이터 설정
* script 진입 $P.initData = (taskSeCd) => {
**************************************************************************/ // 시군구 코드
$(document).ready(function() { $("#sggCd--${pageName}").val("${sggCd}");
// 이벤트 설정 // 업무 구분 코드
setEvent${pageName}(); $("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);
// 일자
$("#schDscsnYmdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
$("#schDscsnYmdTo--${pageName}").datepicker("setDate", new Date());
}
// 보안모드 // 업무 구분별 설정
fn_securityModeToggle($("#securityMode--top").is(":checked")); $P.setTask = (taskSeCd) => {
// URL 설정
$P.setURL(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/removes.do"); // 삭제
$P.control.urls.getInfo = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/info.do"); // 정보
}
// 화면 초기 설정 및 업무 구분 변경 /**************************************************************************
fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val()); * 최초 실행 함수
**************************************************************************/
// 1. 이벤트 설정
$P.setEvent();
// 2. 화면 초기 설정 및 업무 구분 변경
$P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
// 3. 보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
}); });
</script> </script>

240
src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04020-info.jsp
Unescape Escape View File

@ -54,7 +54,9 @@
<span class="container-page-btn"> <span class="container-page-btn">
<span class="container-window-btn-right"> <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>
</span> </span>
</div> </div>
@ -67,140 +69,160 @@
/************************************************************************** /**************************************************************************
* Global Variable * Global Variable
**************************************************************************/ **************************************************************************/
// URL pageObject["${pageName}"] = {};
var ${pageName}PrefixUrl = "/sprt/sprt04";
// 호출 용도
var ${pageName}CallPurpose = "${callPurpose}";
// FormFields
var ${pageName}Fields = new FimsFormFields("#frmEdit--${pageName}");
/************************************************************************** /**************************************************************************
* DatasetControl * script 진입
**************************************************************************/ **************************************************************************/
var ${pageName}Control = new DatasetControl({ $(document).ready(function() {
prefix : "cvlcptDscsn" // pageObject
, prefixName : "민원상담" var $P = pageObject["${pageName}"];
, keymapper : info => info ? info.CVLCPT_DSCSN_ID : ""
, dataGetter : obj => obj.cvlcptDscsnInfo // URL
}); $P.PrefixUrl = "/sprt/sprt04";
// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
$P.callPurpose = "${callPurpose}";
// FormFields
$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
/**************************************************************************
* DatasetControl
**************************************************************************/
$P.control = new DatasetControl({
prefix : "cvlcptDscsn"
, prefixName : "민원상담"
, keymapper : info => info ? info.CVLCPT_DSCSN_ID : ""
, dataGetter : obj => obj.cvlcptDscsnInfo
});
${pageName}Control.onCurrentChange = item => { /**************************************************************************
if (!item) return; * DatasetControl 이벤트
**************************************************************************/
// 현재 선택 자료 변경 이벤트
$P.control.onCurrentChange = item => {
if (!item) return;
// Dataset 셋팅 // Dataset 셋팅
${pageName}Fields.set(item); $P.formFields.set(item);
// 업무구분에 따른 url 변경 // 업무구분에 따른 URL 변경
${pageName}Control.urls.create = wctx.url(item.data.TASK_SE_CD + ${pageName}PrefixUrl + "/020/create.do"); $P.setURL(item.data.TASK_SE_CD);
${pageName}Control.urls.update = wctx.url(item.data.TASK_SE_CD + ${pageName}PrefixUrl + "/020/update.do"); }
}
/************************************************************************** // 저장 callback
* $P.control.onSave = (resp) => {
**************************************************************************/ let dialogTitle = $("#" + $P.control.prefix + "Dialog").find("h5.modal-title").html();
// 저장 callback let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
${pageName}Control.onSave = (resp) => {
let dialogTitle = $("#" + ${pageName}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) { if (resp.saved) {
dialog.close(${pageName}Control.prefix + "Dialog"); dialog.close($P.control.prefix + "Dialog");
}
} }
}
// 저장 // 저장
${pageName}Control.save = (info) => { $P.control.save = (info) => {
if (!info) return; if (!info) return;
let create = isEmpty(info.cvlcptDscsnId); let create = ($P.callPurpose == "create");
ajax.post({ ajax.post({
url : !create ? ${pageName}Control.urls.update : ${pageName}Control.urls.create url : !create ? $P.control.urls.update : $P.control.urls.create
, data : info , data : info
, success : resp => ${pageName}Control.onSave(resp) , success : resp => $P.control.onSave(resp)
}); });
} }
/************************************************************************** /**************************************************************************
* 사용자 함수(function) * 사용자 함수(function)
**************************************************************************/ **************************************************************************/
/************************************************************************** /**************************************************************************
* 버튼 clickEvent * 버튼 clickEvent
**************************************************************************/ **************************************************************************/
// 저장 // 저장
fnSave${pageName} = () => { $P.fnSave = () => {
// validate 확인 // validate 확인
if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return; if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
dialog.alert({
content : "현재 " + ${pageName}Control.prefixName + " 정보를 저장하시겠습니까?"
, onOK : () => {
${pageName}Control.save(${pageName}Fields.get());
}
});
}
/************************************************************************** dialog.alert({
* 초기 셋팅 content : "현재 " + $P.control.prefixName + " 정보를 저장하시겠습니까?"
**************************************************************************/ , onOK : () => {
// 이벤트 설정 $P.control.save($P.formFields.get());
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);
} }
}); });
});
}
// 화면 초기 설정
initForm${pageName} = () => {
// 화면 초기화
$("#frmEdit--${pageName}")[0].reset();
// 달력 초기화
initDatepicker("frmEdit--${pageName}");
}
// 기본 데이터 설정
setFormData${pageName} = () => {
if (${pageName}CallPurpose == "view") { // view
// input 요소들을 disabled
$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
// button 요소들을 disabled
$("btnSave--${pageName}").prop("disabled", true);
} else if (${pageName}CallPurpose == "create") { // create
//
} else if (${pageName}CallPurpose == "update") { // update
$("#cvlcptRcptSeCd--${pageName}").prop("disabled", true);
} }
}
/************************************************************************** /**************************************************************************
* 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([${cvlcptDscsnInfo}]); $P.initForm = () => {
// 달력 초기화
initDatepicker("frmEdit--${pageName}");
if ($P.callPurpose == "view") { // view
// input 요소들을 disabled
$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
// button 요소들을 disabled
$("btnSave--${pageName}").prop("disabled", true);
} else if ($P.callPurpose == "create") { // create
//
} else if ($P.callPurpose == "update") { // update
$("#cvlcptRcptSeCd--${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([${cvlcptDscsnInfo}]);
}); });
</script> </script>

Write Preview
Loading…
Cancel
Save