계고장 발송 대상 수정.

main
JoJH 3 days ago
parent bb296b8597
commit e1f4e11c12

@ -3,7 +3,7 @@
<c:set var="prefixName" scope="request">안내문</c:set> <c:set var="prefixName" scope="request">안내문</c:set>
<!-- inner page html --> <!-- Inner page html -->
<div class="content-wrapper" data-doctx="${pageName}"> <div class="content-wrapper" data-doctx="${pageName}">
<!-- Content --> <!-- Content -->
<div class="container-xxl flex-grow-1 px-0"> <div class="container-xxl flex-grow-1 px-0">
@ -185,7 +185,7 @@
<div class="content-backdrop fade"></div> <div class="content-backdrop fade"></div>
</div> </div>
<!-- / inner page html <div class="content-wrapper"> --> <!-- / Inner page html -->
<script> <script>
LoadScript("epst02010Script", wctx.url("/webjars/js/fims/epst/epst02010.js?ver=${ver}")); LoadScript("epst02010Script", wctx.url("/webjars/js/fims/epst/epst02010.js?ver=${ver}"));

@ -490,7 +490,7 @@
} }
dialog.alert({ dialog.alert({
content: "선택한 " + $P.ctrl.prefixName + " 정보를 취소하시겠습니까?" content: "선택한 1건의 " + $P.ctrl.prefixName + " 정보를 취소하시겠습니까?"
, onOK: () => { , onOK: () => {
// 서버에 전송할 data(파라미터) 생성 // 서버에 전송할 data(파라미터) 생성
let params = { let params = {

@ -120,10 +120,10 @@
// URL // URL
$P.prefixUrl = "${prefixUrl}"; $P.prefixUrl = "${prefixUrl}";
// main 의 검색 조건을 그대로 유지
$P.ctrl.query = ${mainQuery};
// datasetControl // datasetControl
$P.ctrl = newEpst02040Script("${pageName}", "[data-doctx=${pageName}]"); $P.ctrl = newEpst02040Script("${pageName}", "[data-doctx=${pageName}]");
// main 의 검색 조건을 그대로 유지
$P.ctrl.query = ${mainQuery};
/************************************************************************** /**************************************************************************
* DataTables 이벤트 * DataTables 이벤트
@ -178,6 +178,12 @@
// 기본 버튼 이벤트 // 기본 버튼 이벤트
$P.$findn("btnExcel").on("click", () => $P.fnExcel()); // 엑셀 $P.$findn("btnExcel").on("click", () => $P.fnExcel()); // 엑셀
/* 출처: https://nowonbun.tistory.com/538 [명월 일지:티스토리]
show.bs.modal : 모달이 열릴 때 바로 실행되는 이벤트입니다.
shown.bs.modal : 모달의 열림이 끝나고 실행되는 이벤트입니다.
hide.bs.modal : 모달이 닫힐 때 바로 실행되는 이벤트입니다.
hidden.bs.modal : 모달의 닫힘이 끝나고 실행되는 이벤트입니다.
*/
// DataTables 스크롤을 위해서 다이얼로그 화면이 생성된 후 Dataset을 설정한다. // DataTables 스크롤을 위해서 다이얼로그 화면이 생성된 후 Dataset을 설정한다.
let modalId = $(document.querySelector("[data-doctx='${pageName}']")).parents(".modal")[0].id; let modalId = $(document.querySelector("[data-doctx='${pageName}']")).parents(".modal")[0].id;
$("#" + modalId).on("shown.bs.modal", function (e) { $("#" + modalId).on("shown.bs.modal", function (e) {
@ -194,7 +200,6 @@
$P.fnReset = (taskSeCd) => { $P.fnReset = (taskSeCd) => {
// 초기화 // 초기화
$P.findn("frmEdit").reset(); // 화면 초기화 $P.findn("frmEdit").reset(); // 화면 초기화
$P.ctrl.dataset.clear(); // dataset 초기화
// 업무 구분에 따른 URL 설정 // 업무 구분에 따른 URL 설정
$P.ctrl.urls.load = wctx.url("/" + taskSeCd + $P.prefixUrl + "/040/list.do"); // 검색 $P.ctrl.urls.load = wctx.url("/" + taskSeCd + $P.prefixUrl + "/040/list.do"); // 검색

@ -498,9 +498,9 @@
$P.ctrl.download(); $P.ctrl.download();
} }
// 부과제외 수정 버튼 클릭 이벤트 // 부과 제외 수정 버튼 클릭 이벤트
$P.fnUpdate = (btnTitle) => { $P.fnUpdate = (btnTitle) => {
// 부과제외 ID 가 없다면.. return // 부과 제외 ID 가 없다면.. return
let levyExclId = $P.ctrl.getValue("LEVY_EXCL_ID"); let levyExclId = $P.ctrl.getValue("LEVY_EXCL_ID");
if (!levyExclId) return; if (!levyExclId) return;
@ -509,14 +509,14 @@
, callPurpose: "update" // 호출용도: 수정 , callPurpose: "update" // 호출용도: 수정
, sggCd: $P.ctrl.getValue("SGG_CD") // 시군구 코드 , sggCd: $P.ctrl.getValue("SGG_CD") // 시군구 코드
, taskSeCd: $P.ctrl.getValue("TASK_SE_CD") // 업무 구분 코드 , taskSeCd: $P.ctrl.getValue("TASK_SE_CD") // 업무 구분 코드
, levyExclId: $P.ctrl.getValue("LEVY_EXCL_ID") // 부과제외 ID
, levyExclSeCd: $P.ctrl.getValue("LEVY_EXCL_SE_CD") // 부과 제외 구분 코드 , levyExclSeCd: $P.ctrl.getValue("LEVY_EXCL_SE_CD") // 부과 제외 구분 코드
, levyExclId: levyExclId // 부과 제외 ID
}; };
$P.ctrl.getInfo(params); $P.ctrl.getInfo(params);
} }
// 부과제외 삭제 버튼 클릭 이벤트 // 부과 제외 삭제 버튼 클릭 이벤트
$P.fnRemove = (btnTitle) => { $P.fnRemove = (btnTitle) => {
let selected = $P.ctrl.getDataset("selected"); // 선택 자료 let selected = $P.ctrl.getDataset("selected"); // 선택 자료

@ -46,7 +46,7 @@
</select> </select>
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end align-top" for="etcCn">기타내용</label> <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="etcCn">기타내용</label>
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
<textarea is="id-textarea" class="form-control w-100" name="etcCn" data-map="ETC_CN" rows="3" data-maxlengthb="1000" autocomplete="off"></textarea> <textarea is="id-textarea" class="form-control w-100" name="etcCn" data-map="ETC_CN" rows="3" data-maxlengthb="1000" autocomplete="off"></textarea>
@ -129,13 +129,14 @@
// validate 확인 // validate 확인
if (!AppSupport.customValidate($P.$findn("frmEdit").find("input,select,textarea"))) return; if (!AppSupport.customValidate($P.$findn("frmEdit").find("input,select,textarea"))) return;
// formFields
let params = new FimsFormFields($P.selectorn("frmEdit")).get();
dialog.alert({ dialog.alert({
content: "현재 " + $P.ctrl.prefixName + " 정보를 저장하시겠습니까?" content: "현재 " + $P.ctrl.prefixName + " 정보를 저장하시겠습니까?"
, init: () => { AppSupport.setDialogZindex(); } , init: () => { AppSupport.setDialogZindex(); }
, onOK: () => { $P.ctrl.save(params); } // formFields , onOK: () => {
let params = new FimsFormFields($P.selectorn("frmEdit")).get(); // formFields
$P.ctrl.save(params);
}
}); });
} }

File diff suppressed because it is too large Load Diff

@ -3,431 +3,320 @@
<c:set var="prefixName" scope="request">계고장 발송 대상 정보</c:set> <c:set var="prefixName" scope="request">계고장 발송 대상 정보</c:set>
<!-- inner page html --> <!-- Inner page html -->
<div class="wrapper-pop"> <div class="content-wrapper" data-doctx="${pageName}">
<!-- Content --> <!-- Content -->
<div class="container flex-grow-1 px-0"> <div class="container flex-grow-1 px-0">
<div class="card wrapper-pop">
<!-- Page Body --> <!-- 입력 영역 -->
<div class="card"> <form name="frmEdit">
<!-- 입력 영역 --> <input type="hidden" name="sggCd" />
<form id="frmEdit--${pageName}" name="frmEdit"> <input type="hidden" name="taskSeCd" />
<div class="row g-1">
<!-- 총 건수 --> <div class="row g-1">
<div class="col-md-12 text-end px-2"> <div class="col-md-12 text-end px-2">
<label class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">총건수 / 총금액</label> <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end">총건수 / 총금액</label>
<input type="text" class="form-control w-px-80 text-end" id="tnocs--${pageName}" name="tnocs" data-fmt-type="number" readonly /> <input is="id-input" type="text" class="form-control w-px-80 text-end" name="tnocs" data-fmt-type="number" readonly />
<input type="text" class="form-control w-px-140 text-end" id="gramt--${pageName}" name="gramt" data-fmt-type="number" readonly /> <input is="id-input" type="text" class="form-control w-px-140 text-end" name="gramt" data-fmt-type="number" readonly />
</div> </div>
<!-- 문서 번호 --> <div class="col-md-4">
<div class="col-md-4"> <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="docNo">문서번호</label>
<label for="docNo--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">문서번호</label> <input is="id-input" type="text" class="form-control w-55" name="docNo" autocomplete="off" />
<input type="text" class="form-control w-55" id="docNo--${pageName}" name="docNo" autocomplete="off" /> </div>
</div> <div class="col-md-4">
<!-- 발송 일자 --> <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="sndngYmd">발송일자</label>
<div class="col-md-4"> <input is="id-input" type="text" class="form-control form-date" name="sndngYmd"
<label for="sndngYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">발송일자</label> data-fmt-type="day" autocomplete="off" title="날짜 선택" maxlength="10" required />
<input type="text" class="form-control form-date" id="sndngYmd--${pageName}" name="sndngYmd" <button type="button" class="bx bx-lg bx-calendar bg-white" name="btnSndngYmd"></button>
data-fmt-type="day" title="날짜 선택" maxlength="10" required /> </div>
<button type="button" class="bx bx-lg bx-calendar bg-white"></button> <div class="col-md-4" name="divSndngEndYmd">
</div> <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="sndngEndYmd">납기일자</label>
<!-- 발송 종료 일자 --> <input is="id-input" type="text" class="form-control form-date" name="sndngEndYmd"
<div class="col-md-4" id="divSndngEndYmd--${pageName}"> data-fmt-type="day" autocomplete="off" title="날짜 선택" maxlength="10" />
<label for="sndngEndYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">납기일자</label> <button type="button" class="bx bx-lg bx-calendar bg-white" name="btnSndngEndYmd"></button>
<input type="text" class="form-control form-date" id="sndngEndYmd--${pageName}" name="sndngEndYmd" </div>
data-fmt-type="day" title="날짜 선택" maxlength="10" /> <div class="col-md-12">
<button type="button" id="btnSndngEndYmd--${pageName}" class="bx bx-lg bx-calendar bg-white"></button> <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="ttlNm">제목</label>
</div> <input is="id-input" type="text" class="form-control w-87" name="ttlNm" autocomplete="off" />
<!-- 제목 명 --> </div>
<div class="col-md-12"> <!-- 기타 내용 -->
<label for="ttlNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">제목</label> <div class="col-md-12">
<input type="text" class="form-control w-87" id="ttlNm--${pageName}" name="ttlNm" autocomplete="off" /> <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end align-top" for="etcCn">기타내용</label>
</div> <textarea is="id-textarea" class="form-control w-87" name="etcCn" rows="2" data-maxlengthb="1000" autocomplete="off"></textarea>
<!-- 기타 내용 --> </div>
<div class="col-md-12"> </div> <!-- <div class="row g-1"> -->
<label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">기타내용</label> </form>
<textarea type="text" class="form-control w-87" id="etcCn--${pageName}" name="etcCn" rows="2" data-maxlengthb="1000" autocomplete="off"></textarea> <!-- 입력 영역 -->
</div>
</div> <!-- <div class="row g-1"> --> <!-- 업무 버튼 및 건수 표시 -->
</form> <div>
<!-- 입력 영역 --> <span class="container-page-btn" name="gridButtonArea">
<!-- 건수, 페이지 표시 -->
<!-- 업무 버튼 및 건수 표시 --> <div class="d-flex flex-row justify-content-between">
<div> <span is="paging-info" class="dataTables_info" name="dataPagingInfo" role="status" aria-live="polite"></span>
<span class="container-page-btn"> <ul class="pagination pagination-primary" name="dataPaging">
<!-- 건수, 페이지 표시 --> </ul>
<div class="d-flex flex-row justify-content-between"> </div>
<span class="dataTables_info" id="paging--${pageName}PagingInfo" role="status" aria-live="polite"></span> <!-- 업무 버튼 -->
<ul class="pagination pagination-primary" id="paging--${pageName}"> <span class="container-window-btn-right">
</ul> <button type="button" class="btn btn-primary w-px-120" name="btnSave" title="저장">
</div> 저장
<!-- 업무 버튼 --> </button>
<span class="container-window-btn-right"> </span>
<button type="button" class="btn btn-primary w-px-120" id="btnSave--${pageName}" title="발송 저장"> </span>
저장 </div> <!-- 업무 버튼 및 건수 표시 -->
</button>
</span> <!-- DataTables(그리드) -->
</span> <div class="card-datatable text-nowrap">
</div> <!-- 업무 버튼 및 건수 표시 --> <div class="dataTables_wrapper dt-bootstrap5 no-footer">
<div class="table-responsive ox-scroll oy-scroll h-px-300" name="tableRspns">
<!-- DataTables(그리드) --> <table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" aria-describedby="DataTables_Table_0_info">
<div class="card-datatable text-nowrap"> <thead class="sticky-thead">
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}"> <tr name="theadTr" data-search-target="[data-doctx='${pageName}']">
<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive--${pageName}"> <th class="cmn" style="width: 72px;">No.</th>
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info"> <th class="cmn" style="width: 120px;">계고일자</th>
<thead class="sticky-thead"> <th class="cmn" style="width: 160px;">계고사유</th>
<tr id="theadTr--${pageName}" <th class="cmn" style="width: 180px;">민원신청번호</th>
data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}"> <th class="cmn" style="width: 180px;">민원접수번호</th>
<th class="cmn" style="width: 72px;">No.</th> <th class="cmn" style="width: 120px;">민원접수일자</th>
<th class="cmn" style="width: 120px;">계고일자</th> <th class="cmn" style="width: 200px;">민원처리결과</th>
<th class="cmn" style="width: 160px;">계고사유</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: 180px;">민원접수번호</th> <th class="cmn" style="width: 160px;">위반항목</th>
<th class="cmn" style="width: 120px;">민원접수일자</th> <th class="cmn" style="width: 160px;">단속법정동</th>
<th class="cmn" style="width: 200px;">민원처리결과</th> <th class="cmn" style="width: 280px;">단속장소</th>
<th class="cmn" style="width: 180px;">단속일시</th> <th class="cmn" style="width: 120px;">단속원금</th>
<th class="cmn" style="width: 140px;">차량번호</th> <th class="cmn" style="width: 120px;">처리상태</th>
<th class="cmn" style="width: 160px;">위반항목</th> <th class="cmn" style="width: 200px;">납부자명</th>
<th class="cmn" style="width: 160px;">단속법정동</th> <th class="cmn" style="width: 120px;">납부자생일</th>
<th class="cmn" style="width: 280px;">단속장소</th> <th class="cmn" style="width: 100px;">우편번호</th>
<th class="cmn" style="width: 120px;">단속원금</th> <th class="cmn" style="width: 280px;">주소</th>
<th class="cmn" style="width: 120px;">처리상태</th> <th class="cmn" style="width: 320px;">상세주소</th>
<th class="cmn" style="width: 200px;">납부자명</th> <th class="cmn" style="width: 180px;">등록일시</th>
<th class="cmn" style="width: 120px;">납부자생일</th> <th class="cmn" style="width: 140px;">등록사용자</th>
<th class="cmn" style="width: 100px;">우편번호</th> <th class="cmn" style="width: 180px;">수정일시</th>
<th class="cmn" style="width: 280px;">주소</th> <th class="cmn" style="width: 140px;">수정사용자</th>
<th class="cmn" style="width: 320px;">상세주소</th> <th class="cmn dummy-th"></th>
<th class="cmn" style="width: 180px;">등록일시</th> </tr>
<th class="cmn" style="width: 140px;">등록사용자</th> </thead>
<th class="cmn" style="width: 180px;">수정일시</th> <tbody name="tbodyList">
<th class="cmn" style="width: 140px;">수정사용자</th> </tbody>
<th class="cmn dummy-th"></th> <template is="curly-brackets" name="tmpltRows">
</tr> <tr data-index="{data-index}">
</thead> <td class="cmn text-center" onclick ondblclick>{ROW_NUM}</td>
<tbody id="tbody--${pageName}"> <td class="cmn text-center" onclick ondblclick>{LEVY_EXCL_YMD}</td>
</tbody> <td class="cmn text-center" onclick ondblclick>{LEVY_EXCL_RSN_NM}</td>
<template id="${infoPrefix}Row--${pageName}"> <td class="cmn text-center" onclick ondblclick>{CVLCPT_APLY_NO}</td>
<tr data-key="{CRDN_ID}"> <td class="cmn text-center" onclick ondblclick>{CVLCPT_RCPT_NO}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td> <td class="cmn text-center" onclick ondblclick>{CVLCPT_RCPT_YMD}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_EXCL_YMD}</td> <td class="cmn text-center" onclick ondblclick>{CVLCPT_PRCS_NM}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_EXCL_RSN_NM}</td> <td class="cmn text-center" onclick ondblclick>{CRDN_YMD_TM}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CVLCPT_APLY_NO}</td> <td class="cmn text-start" onclick ondblclick>{VHRNO}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CVLCPT_RCPT_NO}</td> <td class="cmn text-center" onclick ondblclick>{VLTN_ARTCL}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CVLCPT_RCPT_YMD}</td> <td class="cmn text-start" onclick ondblclick>{CRDN_STDG_NM}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CVLCPT_PRCS_NM}</td> <td class="cmn text-start" onclick ondblclick>{CRDN_PLC}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_YMD_TM}</td> <td class="cmn text-end" onclick ondblclick>{FFNLG_CRDN_AMT}</td>
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{VHRNO}</td> <td class="cmn text-start" onclick ondblclick>{CRDN_STTS_NM}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{VLTN_ARTCL}</td> <td class="cmn text-start" onclick ondblclick>{RTPYR_NM}</td>
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STDG_NM}</td> <td class="cmn text-center" onclick ondblclick>{RTPYR_BRDT_MASK}</td>
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_PLC}</td> <td class="cmn text-center" onclick ondblclick>{ZIP}</td>
<td class="cmn text-end" onclick="{onclick}" ondblclick="{ondblclick}">{FFNLG_CRDN_AMT}</td> <td class="cmn text-start" onclick ondblclick>{ADDR}</td>
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STTS_NM}</td> <td class="cmn text-start" onclick ondblclick>{DTL_ADDR}</td>
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_NM}</td> <td class="cmn text-center" onclick ondblclick>{REG_DT}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_BRDT_MASK}</td> <td class="cmn text-center" onclick ondblclick>{RGTR_NM}</td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ZIP}</td> <td class="cmn text-center" onclick ondblclick>{MDFCN_DT}</td>
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{ADDR}</td> <td class="cmn text-center" onclick ondblclick>{MDFR_NM}</td>
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{DTL_ADDR}</td> <td class="cmn dummy-td"></td>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{REG_DT}</td> </tr>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RGTR_NM}</td> </template>
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFCN_DT}</td> <template name="tmpltNotFound">
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFR_NM}</td> <tr class="odd">
<td class="cmn dummy-td"></td> <td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
</tr> </tr>
</template> </template>
<template id="${infoPrefix}NotFound--${pageName}"> </table>
<tr class="odd"> </div>
<td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td> </div>
</tr> </div> <!-- DataTables(그리드) -->
</template> </div> <!-- <div class="card wrapper-pop"> -->
</table> <!-- Page Body -->
</div> </div> <!-- <div class="container flex-grow-1 px-0"> -->
</div> <!-- / Content -->
</div> <!-- DataTables(그리드) -->
</div> <!-- <div class="card"> -->
<!-- Page Body -->
</div> <!-- <div class="container flex-grow-1 px-0"> -->
<!-- Content -->
</div> </div>
<!-- / inner page html <div class="content-pop"> --> <!-- / Inner page html -->
<script> <script>
/************************************************************************** LoadScript("sndb01020Script", wctx.url("/webjars/js/fims/sndb/sndb01020.js?ver=${ver}"));
* Global Variable
**************************************************************************/ /**************************************************************************
pageObject["${pageName}"] = {}; * Global Variable
**************************************************************************/
/************************************************************************** pageObject["${pageName}"] = newDoctxFinder("${pageName}");
* script 진입
**************************************************************************/ /**************************************************************************
$(document).ready(function() { * script 진입
// pageObject **************************************************************************/
let $P = pageObject["${pageName}"]; $(document).ready(function() {
// pageObject
// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정) let $P = pageObject["${pageName}"];
$P.callPurpose = "${callPurpose}";
// FormFields // URL
$P.formFields = new FimsFormFields("#frmEdit--${pageName}"); $P.prefixUrl = "${prefixUrl}";
// main 의 검색 조건을 그대로 유지 // infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
$P.mainQuery = ${mainQuery}; $P.callPurpose = "${callPurpose}";
// datasetControl
/************************************************************************** $P.ctrl = newSndb01020Control("${pageName}", "[data-doctx=${pageName}]");
* DatasetControl // main 의 검색 조건을 그대로 유지
**************************************************************************/ $P.ctrl.query = ${mainQuery};
$P.control = new DatasetControl({
prefix: "wrngTrgt" /**************************************************************************
, prefixName: "계고장 발송 대상" * DataTables 이벤트
, keymapper: info => info ? info.CRDN_ID : "" **************************************************************************/
, dataGetter: obj => obj.${infoPrefix}List // dataTable 클릭 이벤트
, appendData: true $P.dataTableClick = (dataIndex) => {
, formats: { if (!dataIndex) return;
TNOCS: numberFormat
, GRAMT: numberFormat $P.$findn("tbodyList").setCurrentRow(dataIndex);
, LEVY_EXCL_YMD: dateFormat
, CVLCPT_RCPT_YMD: dateFormat Apply.toDataset.current($P.ctrl.dataset, dataIndex);
, CRDN_YMD_TM: datetimeFormat }
, FFNLG_CRDN_AMT: numberFormat
, REG_DT: datetimeFormat // dataTable 더블 클릭 이벤트 - 개별총정보 dialog
, MDFCN_DT: datetimeFormat $P.dataTableDblClick = (dataIndex) => {
} if (!dataIndex) return;
});
// $P.control 설정 // 단속 ID
$P.control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30 let crdnId = $P.ctrl.getValue("CRDN_ID");
$P.control.query = { pageNum : 1, fetchSize : $P.control.defaultFetchSize }; if (!crdnId) return;
$P.control.beforeCurrent = null;
let params = {
/************************************************************************** callPageName: "${pageName}"
* DatasetControl 이벤트 , callPurpose: "view"
**************************************************************************/ , sggCd: $P.ctrl.getValue("SGG_CD")
// Dataset 변경 이벤트 , taskSeCd: $P.ctrl.getValue("TASK_SE_CD")
$P.control.onDatasetChange = (obj, option) => { , crdnId: $P.ctrl.getValue("CRDN_ID")
$P.renderList(obj.${infoPrefix}Total, option); }
$("#paging--${pageName}").setPagingInfo({ ajax.get({
list: $P.control.dataset url: wctx.url("/sprt/sprt02/010/main.do")
, prefix: "paging--${pageName}" , data: params || {}
, start: obj.${infoPrefix}Start , success: (resp) => {
, totalSize: obj.${infoPrefix}Total let dialogName = "totalInfoMainDialog";
, fetchSize: obj.${infoPrefix}Fetch let dialogId = dialogName + "-" + uuid();
, func: "pageObject['${pageName}'].control.load({index})"
}); dialog.open({
}; id: dialogId
, title: "개별총정보"
// 현재 선택 자료 변경 이벤트 , size: "xxl"
$P.control.onCurrentChange = (item) => { , content: resp
if (!item) return; , init: () => {
$("#" + dialogId).attr("name", dialogName);
let key = item.data.CRDN_ID; $("#" + dialogId).attr("data-ref-doctx", "${pageName}");
$("#tbody--${pageName}").setCurrentRow(key); AppSupport.setDialogZindex();
}; }
, onClose: () => { }
// 저장 callback });
$P.control.onSave = (resp) => { }
let dialogTitle = $("#" + $P.control.prefix + "Dialog--${openerPageName}").find("h5.modal-title").html(); });
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle); }
// 메시지 출력 // DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
dialog.alert({ $P.scrollDataList = () => {
content: showMessage $P.ctrl.load($P.ctrl.query.pageNum + 1);
, init: () => { AppSupport.setDialogZindex(); } }
, onOK: () => { }
}); /**************************************************************************
* 사용자 함수(function)
if (resp.saved) { **************************************************************************/
dialog.close($P.control.prefix + "Dialog--${openerPageName}");
}
} /**************************************************************************
* 버튼 clickEvent
// 저장 **************************************************************************/
$P.control.save = (info) => { // 저장
if (!info) return; $P.fnSave = () => {
// validate 확인
let create = ($P.callPurpose == "create"); if (!AppSupport.customValidate($P.$findn("frmEdit").find("input,select,textarea"))) return;
ajax.post({ dialog.alert({
url: !create ? $P.control.urls.update : $P.control.urls.create content: "현재 " + $P.ctrl.prefixName + " 정보를 저장하시겠습니까?"
, data: info , init: () => { AppSupport.setDialogZindex(); }
, success: resp => $P.control.onSave(resp) , onOK: () => {
}); let formFields = new FimsFormFields($P.selectorn("frmEdit")).get(); // formFields
}
// 검색조건과 저장 파라미터 객체를 합친다.
/************************************************************************** let params = $.extend({}, $P.ctrl.query, formFields);
* DataTables 이벤트 params.sndngRegSeCd = "01"; // 발송 등록 구분 코드(SNDNG_REG_SE_CD) - 01: 일괄
**************************************************************************/ params.rsndYn = "N"; // 재발송 여부
// DataTables에 click, dbclick 이벤트 params.delYn = "N"; // 삭제 여부
$P.renderList = (totalSize, option) => {
let ${infoPrefix}List = $P.control.dataset; $P.ctrl.save(params);
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("CRDN_ID") + "');") // 이벤트 설정
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].getTotalInfo('" + dataItem.getValue("CRDN_ID") + "');") $P.setEvent = () => {
); // 버튼 이벤트
$P.$findn("btnSave").on("click", () => $P.fnSave()); // 저장
let noMore = (${infoPrefix}List.length >= totalSize);
let initScroll = ($P.control.query.pageNum < 2); // DataTables 스크롤을 위해서 다이얼로그 화면이 생성된 후 Dataset을 설정한다.
if (option != null && option.reloaded) { let modalId = $(document.querySelector("[data-doctx='${pageName}']")).parents(".modal")[0].id;
initScroll = false; $("#" + modalId).on("shown.bs.modal", function (e) {
} $P.ctrl.setData( {List: ${List}, Paging :${Paging}} );
$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore); $P.$findn("tnocs").val($P.ctrl.getValue("TOT_CNT")); // 총건수
$P.$findn("gramt").val($P.ctrl.getValue("GRAMT")); // 총금액
//보안모드 $P.$findn("sndngYmd").datepicker("setDate", TODAY()); // 발송 일자
fn_securityModeToggle($("#securityMode--top").is(":checked")); // 발송 종료 일자
} $P.$findn("sndngEndYmd").val("");
$P.$findn("sndngEndYmd").prop("disabled", true);
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트 $P.$findn("divSndngEndYmd").hide();
$P.scrollDataList = () => { // 제목
$P.control.load($P.control.query.pageNum + 1); let ttlNm = $P.ctrl.getValue("TASK_SE_NM");
} if ($P.ctrl.query.schVltnCd) { // 위반항목이 '전체'가 아니라면..
ttlNm = ttlNm + " " + $P.ctrl.getValue("VLTN_ARTCL");
// DataTables에 더블 클릭시 개별총정보 dialog }
$P.getTotalInfo = (crdnId) => { $P.$findn("ttlNm").val(ttlNm + " " + "계고장");
if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return; });
let params = { // DataTables width 변경 조정
callControlName: "pageObject['${pageName}'].control" Componentization.fnMakeResizableTable($P.findn("tableRspns"));
, callPurpose: "view" // DataTables 스크롤 이벤트 생성
, sggCd: $P.control.dataset.getValue("SGG_CD") Componentization.fnMakeScrollableTable($P.findn("tableRspns"), $P.scrollDataList);
, taskSeCd: $P.control.dataset.getValue("TASK_SE_CD") }
, crdnId: crdnId
} // 초기화 이벤트
$P.fnReset = () => {
ajax.get({ // 초기화
url: wctx.url("/sprt/sprt02/010/main.do") $P.findn("frmEdit").reset(); // 화면 초기화
, data: params AppSupport.initDatepicker($P.findn("frmSearch")); // 달력 초기화
, success: resp => {
dialog.open({ // 기본 데이터 설정
id: "totalInfoMainDialog" $P.$findn("sggCd").val("${sggCd}"); // 시군구 코드
, title: "개별총정보" $P.$findn("taskSeCd").val("${taskSeCd}"); // 업무 구분 코드
, content: resp $P.$findn("sndngYmd").datepicker("setDate", TODAY()); // 발송 일자
, size: "xxl" $P.$findn("sndngEndYmd").datepicker("setDate", TODAY()); // 납기 일자
});
} // 업무 구분에 따른 URL 설정
}); $P.ctrl.urls.create = wctx.url("/" + "${taskSeCd}" + $P.prefixUrl + "/020/createList.do"); // 등록
} }
/************************************************************************** /**************************************************************************
* 사용자 함수(function) * 최초 실행 함수
**************************************************************************/ **************************************************************************/
// 초기 데이터 설정 // 1. 이벤트 설정
$P.initData = () => { $P.setEvent();
// 총건수 / 총금액
$("#tnocs--${pageName}").val(${wrngTrgtTotal}); // 2. 초기 화면 설정
$("#gramt--${pageName}").val($P.control.dataset.getValue("GRAMT")); $P.fnReset();
// 발송 종료 일자
$("#sndngEndYmd--${pageName}").val(""); // 3. 보안모드
$("#sndngEndYmd--${pageName}").prop("disabled", true); fn_securityModeToggle($("#securityMode--top").is(":checked"));
$("#divSndngEndYmd--${pageName}").hide(); });
// 제목
let ttlNm = $P.control.dataset.getValue("TASK_SE_NM");
if ($P.mainQuery.schVltnCd != null && $P.mainQuery.schVltnCd != "") { // 위반항목이 '전체'가 아니라면..
ttlNm = ttlNm + " " + $P.control.dataset.getValue("VLTN_ARTCL");
}
$("#ttlNm--${pageName}").val(ttlNm + " " + "계고장");
// 업무구분에 따른 URL 설정
$P.control.urls.create = wctx.url("/" + $P.mainQuery.taskSeCd + "${infoPrefixUrl}" + "/020/createList.do"); // 등록
}
/**************************************************************************
* 버튼 clickEvent
**************************************************************************/
// 저장
$P.fnSave = () => {
// validate 확인
if (!AppSupport.customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
dialog.alert({
content: "현재 " + $P.control.prefixName + " 정보를 저장하시겠습니까?"
, init: () => { AppSupport.setDialogZindex(); }
, onOK: () => {
// 검색조건과 저장 파라미터 객체를 합친다.
let params = $.extend({}, $P.mainQuery, $P.formFields.get());
params.sndngRegSeCd = "01"; // 발송 등록 구분 코드(SNDNG_REG_SE_CD) - 01: 일괄
params.rsndYn = "N"; // 재발송 여부
params.delYn = "N"; // 삭제 여부
$P.control.save(params);
}
});
}
/**************************************************************************
* 초기 셋팅
**************************************************************************/
// 이벤트 설정
$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);
}
});
});
// 업무 버튼 이벤트
$("#btnSave--${pageName}").on("click", () => $P.fnSave()); // 저장
// DataTables width 변경 조정
Componentization.fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성
Componentization.fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
/* 출처: https://nowonbun.tistory.com/538 [명월 일지:티스토리]
show.bs.modal : 모달이 열릴 때 바로 실행되는 이벤트입니다.
shown.bs.modal : 모달의 열림이 끝나고 실행되는 이벤트입니다.
hide.bs.modal : 모달이 닫힐 때 바로 실행되는 이벤트입니다.
hidden.bs.modal : 모달의 닫힘이 끝나고 실행되는 이벤트입니다.
*/
// DataTables 스크롤을 위해서 다이얼로그 화면이 생성된 후 Dataset을 설정한다.
$("#${infoPrefix}Dialog--${openerPageName}").on("shown.bs.modal", function (e) {
$P.control.setData({
${infoPrefix}List: ${wrngTrgtList}
, ${infoPrefix}Start: ${wrngTrgtStart}
, ${infoPrefix}Fetch: ${wrngTrgtFetch}
, ${infoPrefix}Total: ${wrngTrgtTotal}
});
// 초기 데이터 설정
$P.initData();
});
}
// 초기 화면 설정
$P.initForm = () => {
// 화면 초기화
$("#frmEdit--${pageName}")[0].reset();
// 달력 초기화
AppSupport.initDatepicker("frmEdit--${pageName}");
$("#sndngYmd--${pageName}").datepicker("setDate", new Date());
$("#sndngEndYmd--${pageName}").datepicker("setDate", new Date());
}
/**************************************************************************
* 최초 실행 함수
**************************************************************************/
// 1. 이벤트 설정
$P.setEvent();
// 2. 초기 화면 설정
$P.initForm();
// 3. 보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
});
</script> </script>

@ -0,0 +1,127 @@
function newSndb01010Control(pageName, doctx="[data-doctx='sndb01010']") {
let ctrl = new DatasetControl({
doctx: doctx
, prefix: "wrngTrgt"
, prefixName: "계고장 발송 대상"
, dataGetter: obj => obj["List"]
, keys: ["CRDN_ID"]
, appendData: true
, infoSize: "xl"
, urls: {
load: "/list.do"
, getInfo: "/info.do"
, remove: "/remove.do"
}
, formats: {
CVLCPT_RCPT_YMD: dateFormat
, LEVY_EXCL_YMD: dateFormat
, CRDN_YMD_TM: datetimeFormat
, FFNLG_CRDN_AMT: numberFormat
, REG_DT: datetimeFormat
, MDFCN_DT: datetimeFormat
}
});
// 검색 조건
ctrl.query = { pageNum: 1, fetchSize: DEFAULT_FETCH_SIZE }; // 1 페이지당 자료 건수 index.jsp에서 확인
// paging
ctrl.pagingSupport = new FimsPagingSupport({
ctrl: ctrl // DatasetControl
, ignoreCtrlPrefix: true // ctrl.prefix 가 있더라도 무시
, linkContainer: "[name='dataPaging']" // <ul class="pagination pagination-primary" name="dataPaging">
});
/**************************************************************************
* DatasetControl Events
**************************************************************************/
// Dataset 변경 이벤트
ctrl.onDatasetChange = (obj, option) => {
// 데이터 셋
let dataList = ctrl.dataset;
let empty = dataList.empty;
let clsForTask = $(ctrl.find("[name='frmSearch']")).find("[name='taskSeCd']:checked").val().toLowerCase();
// 업무별 dataTables(그리드) tr, td
let foundContent = ctrl.find("[name='tmpltRows']").content;
let foundTr = $(foundContent).find("tr")[0].cloneNode(false);
let foundTds = $(foundContent).find("." + clsForTask + ",.cmn");
foundTds.each(function() {
foundTr.appendChild(this.cloneNode(true));
});
let replacer = (str, dataItem) => str
.replace(/{onclick}/gi, "pageObject['" + pageName + "'].dataTableClick('{data-index}');")
.replace(/{ondblclick}/gi, "pageObject['" + pageName + "'].dataTableDblClick('{data-index}');");
let trs = empty ?
[ctrl.find("[name='tmpltNotFound']").content.querySelector("." + clsForTask + ",.cmn").outerHTML]
: dataList.inStrings(foundTr.outerHTML, replacer);
let noMore = (dataList.length >= obj["Paging"]?.totalSize); // 전체 건수
let initScroll = (ctrl.query.pageNum < 2);
if (option != null && option.reloaded) {
initScroll = false;
}
// dataTables(그리드)에 자료 표시 td
ctrl.find("[name='tableRspns']").changeContent(trs.join(), initScroll, noMore);
// checkbox 체크 해제
$(ctrl.find("[name='gridAllCheckbox']")).prop("checked", false);
// dataTables(그리드)에 페이지 표시 pagingInfo
ctrl.pagingSupport.setPagingInfo(obj);
// 보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
};
// 현재 선택 자료 변경 이벤트
ctrl.onCurrentChange = (item) => {
Apply.fromDataset.currentRow(ctrl.dataset, item, ctrl.find("[name='tbodyList']"));
};
// 선택(체크) 변경 이벤트
ctrl.onSelectionChange = (selectedArr) => {
// gridCheckbox
Apply.fromDataset.gridCheckbox(ctrl.dataset, ctrl.find("[name='tbodyList']"), 1, selectedArr);
// gridButton
Apply.fromDataset.gridButton(ctrl.dataset, ctrl.find("[name='btnCreateSlctnTrgtInfo']"), selectedArr); // 선택 대상 등록 버튼
};
// 상세 정보 dialog
ctrl.getInfo = (params) => {
if (!params) return;
ajax.get({
url: ctrl.urls.getInfo
, data: params || {}
, success: (resp) => {
let dialogName = ctrl.prefixed("Dialog");
let dialogId = dialogName + "-" + uuid();
dialog.open({
id: dialogId
, title: params.btnTitle
, size: ctrl.infoSize
, content: resp
, init: () => {
$("#" + dialogId).attr("name", dialogName);
$("#" + dialogId).attr("data-ref-doctx", pageName);
AppSupport.setDialogZindex();
}
, onClose: () => {
ctrl.query.crdnIds = null; // 단속 IDs
ctrl.reload({all : true}); // 자료 재조회
}
});
}
});
}
return ctrl;
}

@ -0,0 +1,100 @@
function newSndb01020Control(pageName, doctx="[data-doctx='sndb01020']") {
let ctrl = new DatasetControl({
doctx: doctx
, prefix: "wrngTrgt"
, prefixName: "계고장 발송 대상"
, dataGetter: obj => obj["List"]
, keys: ["CRDN_ID"]
, appendData: true
, urls: {
load: "/list.do"
, create: "/create.do"
}
, formats: {
TNOCS: numberFormat
, GRAMT: numberFormat
, LEVY_EXCL_YMD: dateFormat
, CVLCPT_RCPT_YMD: dateFormat
, CRDN_YMD_TM: datetimeFormat
, FFNLG_CRDN_AMT: numberFormat
, REG_DT: datetimeFormat
, MDFCN_DT: datetimeFormat
}
});
// 검색 조건
ctrl.query = { pageNum: 1, fetchSize: DEFAULT_FETCH_SIZE }; // 1 페이지당 자료 건수 index.jsp에서 확인
// paging
ctrl.pagingSupport = new FimsPagingSupport({
ctrl: ctrl // DatasetControl
, ignoreCtrlPrefix: true // ctrl.prefix 가 있더라도 무시
, linkContainer: "[name='dataPaging']" // <ul class="pagination pagination-primary" name="dataPaging">
});
/**************************************************************************
* DatasetControl Events
**************************************************************************/
ctrl.onDatasetChange = (obj, option) => {
// 데이터 셋
let dataList = ctrl.dataset;
let empty = dataList.empty;
let replacer = (str, dataItem) => str
.replace(/{onclick}/gi, "pageObject['" + pageName + "'].dataTableClick('{data-index}');");
let trs = empty ?
[ctrl.find("[name='tmpltNotFound']").innerHTML]
: dataList.inStrings(ctrl.find("[name='tmpltRows']").innerHTML, replacer);
let noMore = (dataList.length >= obj["Paging"]?.totalSize); // 전체 건수
let initScroll = (ctrl.query.pageNum < 2);
if (option != null && option.reloaded) {
initScroll = false;
}
// dataTables(그리드)에 자료 표시 td
ctrl.find("[name='tableRspns']").changeContent(trs.join(), initScroll, noMore);
// dataTables(그리드)에 페이지 표시 pagingInfo
ctrl.pagingSupport.setPagingInfo(obj);
// 보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
};
// 현재 선택 자료 변경 이벤트
ctrl.onCurrentChange = (item) => {
Apply.fromDataset.currentRow(ctrl.dataset, item, ctrl.find("[name='tbodyList']"));
};
// 저장 callback
ctrl.onSave = (params, resp) => {
let modalId = $(document.querySelector(doctx)).parents(".modal")[0].id;
let dialogTitle = $("#" + modalId).find("h5.modal-title").html();
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
// 메시지 출력
dialog.alert({
content: showMessage
, init: () => { AppSupport.setDialogZindex(); }
, onOK: () => { }
, onClose: () => {
if (resp.saved) { dialog.close(modalId); }
}
});
}
// 저장
ctrl.save = (params) => {
if (!params) return;
ajax.post({
url: ctrl.urls.create
, data: params || {}
, success: (resp) => { ctrl.onSave(params, resp); }
});
}
return ctrl;
}
Loading…
Cancel
Save