고지서 발송 현황 수정.
jjh
6 months ago
parent
071b4106cb
commit
d30e683cf6
@ -1,323 +0,0 @@
|
|||||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
|
||||||
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
|
||||||
|
|
||||||
<!-- inner page html -->
|
|
||||||
<div class="content-wrapper">
|
|
||||||
<!-- Content -->
|
|
||||||
<div class="container flex-grow-1 px-0">
|
|
||||||
<c:set var="prefixName" scope="request">고지서 발송 대상</c:set>
|
|
||||||
|
|
||||||
<!-- Page Body -->
|
|
||||||
<div class="card">
|
|
||||||
<!-- 업무 버튼 표시 -->
|
|
||||||
<div>
|
|
||||||
<span class="container-page-btn">
|
|
||||||
<span class="container-window-btn-right">
|
|
||||||
<!-- 업무 버튼 -->
|
|
||||||
<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색" onclick="fnSearchList${pageName}();">
|
|
||||||
검색
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀" onclick="fnExcel${pageName}();">
|
|
||||||
엑셀
|
|
||||||
</button>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
</div> <!-- / 업무 버튼 표시 -->
|
|
||||||
|
|
||||||
<!-- 조회 영역 -->
|
|
||||||
<form id="frmSearch--${pageName}" name="frmSearch">
|
|
||||||
<!-- hidden -->
|
|
||||||
<input type="hidden" id="sggCd--${pageName}" name="sggCd" data-map="SGG_CD" />
|
|
||||||
<input type="hidden" id="taskSeCd--${pageName}" name="taskSeCd" data-map="TASK_SE_CD" />
|
|
||||||
|
|
||||||
<div class="row g-1">
|
|
||||||
<!-- 위반항목 -->
|
|
||||||
<div class="col-8">
|
|
||||||
<label for="schVltnId--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">위반항목</label>
|
|
||||||
<select class="form-select" id="schVltnId--${pageName}" name="schVltnId">
|
|
||||||
<option value="">전체</option>
|
|
||||||
<c:forEach items="${FIM004List}" var="item">
|
|
||||||
<option value="${item.code}">${item.value}</option>
|
|
||||||
</c:forEach>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<!-- 총건수 -->
|
|
||||||
<div class="col-md-4 text-center">
|
|
||||||
<label for="tnocs--${pageName}" class="w-px-100 bg-lighter pe-2 col-form-label text-sm-end">총건수</label>
|
|
||||||
<input type="text" class="form-control w-px-160" id="tnocs--${pageName}" name="tnocs" autocomplete="off" readonly />
|
|
||||||
</div>
|
|
||||||
<!-- 부과 일자 -->
|
|
||||||
<div class="col-md-8">
|
|
||||||
<label for="schLevyYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">부과일자</label>
|
|
||||||
<input type="text" class="form-control form-date" id="schLevyYmd--${pageName}" name="schLevyYmd"
|
|
||||||
data-fmt-type="day" autocomplete="off" title="날짜 선택" maxlength="10" required />
|
|
||||||
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
||||||
</div>
|
|
||||||
<!-- 총금액 -->
|
|
||||||
<div class="col-md-4 text-center">
|
|
||||||
<label for="gramt--${pageName}" class="w-px-100 bg-lighter pe-2 col-form-label text-sm-end">총금액</label>
|
|
||||||
<input type="text" class="form-control w-px-160" id="gramt--${pageName}" name="gramt" autocomplete="off" readonly />
|
|
||||||
</div>
|
|
||||||
<!-- 최초 납기 일자 -->
|
|
||||||
<div class="col-md-12">
|
|
||||||
<label for="schFrstDudtYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">최초납기일자</label>
|
|
||||||
<input type="text" class="form-control form-date" id="schFrstDudtYmd--${pageName}" name="schFrstDudtYmd"
|
|
||||||
data-fmt-type="day" autocomplete="off" title="날짜 선택" maxlength="10" required />
|
|
||||||
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
||||||
</div>
|
|
||||||
<!-- 회계연도 -->
|
|
||||||
<div class="col-md-12">
|
|
||||||
<label for="schFyr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">회계연도</label>
|
|
||||||
<input type="text" class="form-control w-px-80" id="schFyr--${pageName}" name="schFyr" maxlength="4" autocomplete="off" required />
|
|
||||||
</div>
|
|
||||||
<!-- 부과번호 -->
|
|
||||||
<div class="col-md-12">
|
|
||||||
<label for="schLevyNoFrom--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">부과번호</label>
|
|
||||||
<input type="text" class="form-control w-px-80" id="schLevyNoFrom--${pageName}" name="schLevyNoFrom" maxlength="6" value="000000" autocomplete="off" required /> ~
|
|
||||||
<input type="text" class="form-control w-px-80" id="schLevyNoTo--${pageName}" name="schLevyNoTo" maxlength="6" value="999999" autocomplete="off" required />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form> <!-- /입력 영역 -->
|
|
||||||
</div> <!-- <div class="card"> -->
|
|
||||||
|
|
||||||
<p></p>
|
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
<!-- 입력 영역 -->
|
|
||||||
<form id="frmEdit--${pageName}" name="frmEdit">
|
|
||||||
<div class="row g-1">
|
|
||||||
<!-- 발송 구분 -->
|
|
||||||
<div class="col-12">
|
|
||||||
<label for="sndngSeCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">발송구분</label>
|
|
||||||
<select class="form-select" id="sndngSeCd--${pageName}" name="sndngSeCd">
|
|
||||||
<c:forEach items="${FIM047List}" var="item">
|
|
||||||
<option value="${item.code}">${item.value}</option>
|
|
||||||
</c:forEach>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<!-- 문서 번호 -->
|
|
||||||
<div class="col-md-4">
|
|
||||||
<label for="docNo--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">문서번호</label>
|
|
||||||
<input type="text" class="form-control w-55" id="docNo--${pageName}" name="docNo" />
|
|
||||||
</div>
|
|
||||||
<!-- 발송 일자 -->
|
|
||||||
<div class="col-md-4">
|
|
||||||
<label for="sndngYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">발송일자</label>
|
|
||||||
<input type="text" class="form-control form-date" id="sndngYmd--${pageName}" name="sndngYmd"
|
|
||||||
data-fmt-type="day" autocomplete="off" title="날짜 선택" maxlength="10" required />
|
|
||||||
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
||||||
</div>
|
|
||||||
<!-- 발송 종료 일자 -->
|
|
||||||
<div class="col-md-4">
|
|
||||||
<label for="sndngEndYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">납기일자</label>
|
|
||||||
<input type="text" class="form-control form-date" id="sndngEndYmd--${pageName}" name="sndngEndYmd"
|
|
||||||
data-fmt-type="day" autocomplete="off" title="날짜 선택" maxlength="10" required />
|
|
||||||
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
||||||
</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>
|
|
||||||
<input type="text" class="form-control w-85" id="ttlNm--${pageName}" name="ttlNm" />
|
|
||||||
</div>
|
|
||||||
<!-- 기타 내용 -->
|
|
||||||
<div class="col-md-12">
|
|
||||||
<label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">기타내용</label>
|
|
||||||
<textarea type="text" class="form-control w-85" id="etcCn--${pageName}" name="etcCn" rows="2" data-maxlengthb="1000"></textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form> <!-- /입력 영역 -->
|
|
||||||
<!-- 업무 버튼 표시 -->
|
|
||||||
<div>
|
|
||||||
<span class="container-page-btn">
|
|
||||||
<span class="container-window-btn-right">
|
|
||||||
<!-- 업무 버튼 -->
|
|
||||||
<button type="button" class="btn btn-primary w-px-80" id="btnSave--${pageName}" title="저장" onclick="fnSave${pageName}()">
|
|
||||||
저장
|
|
||||||
</button>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
</div> <!-- / 업무 버튼 표시 -->
|
|
||||||
</div> <!-- <div class="card"> -->
|
|
||||||
|
|
||||||
</div> <!-- / Content <div class="container flex-grow-1 px-0"> -->
|
|
||||||
</div> <!-- / inner page html <div class="content-wrapper"> -->
|
|
||||||
|
|
||||||
<script>
|
|
||||||
/**************************************************************************
|
|
||||||
* Global Variable
|
|
||||||
**************************************************************************/
|
|
||||||
// URL
|
|
||||||
var ${pageName}PrefixUrl = "/sndb/sndb01";
|
|
||||||
// FormFields
|
|
||||||
var ${pageName}SearchFields = new FimsFormFields("#frmSearch--${pageName}");
|
|
||||||
var ${pageName}Fields = new FimsFormFields("#frmEdit--${pageName}");
|
|
||||||
// 공통 코드
|
|
||||||
var FIM004 = new CommonCodes(${FIM004}, true); // 주정차위반 내역 코드
|
|
||||||
var FIM005 = new CommonCodes(${FIM005}, true); // 전용차로위반 내역 코드
|
|
||||||
var FIM006 = new CommonCodes(${FIM006}, true); // 장애인주차위반 내역 코드
|
|
||||||
var FIM061 = new CommonCodes(${FIM061}, true); // 전기차 충전구역 및 충전방해 위반 코드
|
|
||||||
var FIM064 = new CommonCodes(${FIM064}, true); // 화물자동차 밤샘주차 위반 코드
|
|
||||||
|
|
||||||
/**************************************************************************
|
|
||||||
* DatasetControl
|
|
||||||
**************************************************************************/
|
|
||||||
var ${pageName}Control = new DatasetControl({
|
|
||||||
prefix : "nhtTrgt"
|
|
||||||
, prefixName : "고지서 발송 대상"
|
|
||||||
, keymapper : info => info ? info.CRDN_ID : ""
|
|
||||||
, dataGetter : obj => obj.nhtTrgtList
|
|
||||||
});
|
|
||||||
|
|
||||||
/**************************************************************************
|
|
||||||
* DatasetControl 이벤트
|
|
||||||
**************************************************************************/
|
|
||||||
// 저장 callback
|
|
||||||
${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);
|
|
||||||
|
|
||||||
if (resp.saved) {
|
|
||||||
dialog.close(${pageName}Control.prefix + "Dialog");
|
|
||||||
|
|
||||||
if ("${savedCallbackFuncName}" != "") {
|
|
||||||
${savedCallbackFuncName}(resp.saved);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// 저장
|
|
||||||
${pageName}Control.save = (info) => {
|
|
||||||
if (!info) return;
|
|
||||||
|
|
||||||
let create = isEmpty(info.levyExclId);
|
|
||||||
|
|
||||||
ajax.post({
|
|
||||||
url : !create ? ${pageName}Control.urls.update : ${pageName}Control.urls.create
|
|
||||||
, data : info
|
|
||||||
, success : resp => ${pageName}Control.onSave(resp)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**************************************************************************
|
|
||||||
* 초기 셋팅
|
|
||||||
**************************************************************************/
|
|
||||||
// 이벤트
|
|
||||||
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);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// 화면 초기값 셋팅
|
|
||||||
setForm${pageName} = (taskSeCd) => {
|
|
||||||
// 업무에 따른 위반 내용
|
|
||||||
let vltnIdCode = [];
|
|
||||||
if (taskSeCd == "PVS") { // 주정차 위반
|
|
||||||
vltnIdCode = FIM004.list();
|
|
||||||
} else if (taskSeCd == "BPV") { // 전용차로 위반
|
|
||||||
vltnIdCode = FIM005.list();
|
|
||||||
} else if (taskSeCd == "DPV") { // 장애인 전용
|
|
||||||
vltnIdCode = FIM006.list();
|
|
||||||
} else if (taskSeCd == "ECA") { // 전기차 주차 위반
|
|
||||||
vltnIdCode = FIM061.list();
|
|
||||||
} else if (taskSeCd == "PES") { // 밤샘 주차 위반
|
|
||||||
vltnIdCode = FIM064.list();
|
|
||||||
} else {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 위반 항목
|
|
||||||
$("#schVltnId--${pageName}").empty();
|
|
||||||
|
|
||||||
$("#schVltnId--${pageName}").append("<option value=''>" + "전체" + "</option>");
|
|
||||||
$(vltnIdCode).each(function(index, item) {
|
|
||||||
$("#schVltnId--${pageName}").append("<option value='" + vltnIdCode[index].code +"'>" + vltnIdCode[index].value + "</option>");
|
|
||||||
});
|
|
||||||
|
|
||||||
// 조회 달력 초기화
|
|
||||||
initDatepicker("frmSearch--${pageName}");
|
|
||||||
|
|
||||||
$("#schLevyYmd--${pageName}").datepicker("setDate", DateUtil.getDateDay(-365).date);
|
|
||||||
$("#schFrstDudtYmd--${pageName}").datepicker("setDate", new Date());
|
|
||||||
$("#schFyr--${pageName}").val(new Date().getFullYear());
|
|
||||||
|
|
||||||
// 등록 달력 초기화
|
|
||||||
initDatepicker("frmEdit--${pageName}");
|
|
||||||
|
|
||||||
$("#sndngYmd--${pageName}").datepicker("setDate", new Date());
|
|
||||||
$("#sndngEndYmd--${pageName}").datepicker("setDate", getLastDate($("#sndngYmd--${pageName}").val()));
|
|
||||||
}
|
|
||||||
|
|
||||||
// URL 설정
|
|
||||||
setURL${pageName} = (taskSeCd) => {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/**************************************************************************
|
|
||||||
* 버튼 clickEvent
|
|
||||||
**************************************************************************/
|
|
||||||
// 검색 버튼 이벤트
|
|
||||||
fnSearchList${pageName} = () => {
|
|
||||||
// 검색조건
|
|
||||||
${pageName}Control.query = ${pageName}SearchFields.get();
|
|
||||||
|
|
||||||
${pageName}Control.query.fetchSize = FETCH_XS; // 한번에 조회되는 자료 건수 FETCH_XS = 30
|
|
||||||
${pageName}Control.query.delYn = "N"; // 삭제 여부
|
|
||||||
${pageName}Control.query.crdnDelYn = "N"; // 단속 대장 삭제 여부
|
|
||||||
|
|
||||||
${pageName}Control.load();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 엑셀 버튼 이벤트
|
|
||||||
fnExcel${pageName} = () => {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// 저장 버튼 이벤트
|
|
||||||
fnSave${pageName} = () => {
|
|
||||||
// validate 확인
|
|
||||||
if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
|
|
||||||
|
|
||||||
dialog.alert({
|
|
||||||
content : "현재 " + ${pageName}Control.prefixName + " 정보를 저장하시겠습니까?"
|
|
||||||
, onOK : () => {
|
|
||||||
${pageName}Control.save(${pageName}Fields.get());
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**************************************************************************
|
|
||||||
* script 진입
|
|
||||||
**************************************************************************/
|
|
||||||
$(document).ready(function() {
|
|
||||||
// 기본 데이터
|
|
||||||
$("#sggCd--${pageName}").val("${sggCd}"); // 시군구 코드
|
|
||||||
$("#taskSeCd--${pageName}").val("${taskSeCd}"); // 업무 구분 코드
|
|
||||||
|
|
||||||
// 보안모드
|
|
||||||
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
|
||||||
|
|
||||||
// 이벤트 설정
|
|
||||||
setEvent${pageName}();
|
|
||||||
|
|
||||||
// 화면 초기값 설정
|
|
||||||
setForm${pageName}("${taskSeCd}");
|
|
||||||
|
|
||||||
// URL 설정
|
|
||||||
setURL${pageName}("${taskSeCd}");
|
|
||||||
});
|
|
||||||
|
|
||||||
</script>
|
|
||||||
@ -0,0 +1,481 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
||||||
|
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
||||||
|
|
||||||
|
<c:set var="prefixName" scope="request">고지서 발송 현황 상세 정보</c:set>
|
||||||
|
|
||||||
|
<!-- inner page html -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="container flex-grow-1 px-0">
|
||||||
|
<!-- Page Body -->
|
||||||
|
<div class="card">
|
||||||
|
<div class="wrapper-pop">
|
||||||
|
<!-- 입력 영역 -->
|
||||||
|
<form id="frmEdit--${pageName}" name="frmEdit">
|
||||||
|
<input type="hidden" id="sndngId--${pageName}" name="sndngId" />
|
||||||
|
</form> <!-- /입력 영역 -->
|
||||||
|
|
||||||
|
<!-- 업무 버튼 및 건수 표시 -->
|
||||||
|
<div>
|
||||||
|
<span class="container-page-btn">
|
||||||
|
<!-- 건수, 페이지 표시 -->
|
||||||
|
<div class="d-flex flex-row justify-content-between">
|
||||||
|
<span class="dataTables_info" id="paging--${pageName}PagingInfo" role="status" aria-live="polite"></span>
|
||||||
|
<ul class="pagination pagination-primary" id="paging--${pageName}">
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<span class="container-window-btn-right">
|
||||||
|
<!-- 업무 버튼 -->
|
||||||
|
<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀 저장">
|
||||||
|
엑셀 저장
|
||||||
|
</button>
|
||||||
|
<button type="button" class="btn btn-primary w-px-120" id="btnPrintNhtOutsourcing--${pageName}" title="파일 출력">
|
||||||
|
파일 출력
|
||||||
|
</button>
|
||||||
|
<button type="button" class="btn btn-primary w-px-120" id="btnPrintNhtPdf01--${pageName}" title="고지서 출력(PDF-A4)">
|
||||||
|
고지서 출력(PDF-A4)
|
||||||
|
</button>
|
||||||
|
<button type="button" class="btn btn-primary w-px-120" id="btnPrintNhtPdf02--${pageName}" title="고지서 출력(PDF-Letter)">
|
||||||
|
고지서서 출력(PDF-Letter)
|
||||||
|
</button>
|
||||||
|
<button type="button" class="btn btn-primary w-px-120" id="btnRemoveDpcnData--${pageName}" title="중복자료 삭제">
|
||||||
|
중복자료 삭제
|
||||||
|
</button>
|
||||||
|
<button type="button" class="btn btn-primary w-px-120" id="btnCreateSndbk--${pageName}" title="반송 등록">
|
||||||
|
반송 확인
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div> <!-- / 업무 버튼 및 건수 표시 -->
|
||||||
|
|
||||||
|
<!-- DataTables(그리드) -->
|
||||||
|
<div class="card-datatable text-nowrap">
|
||||||
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
|
||||||
|
<div class="table-responsive ox-scroll oy-scroll h-px-500" id="table-responsive--${pageName}">
|
||||||
|
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
|
||||||
|
<thead class="sticky-thead">
|
||||||
|
<tr id="theadTr--${pageName}"
|
||||||
|
data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
|
||||||
|
<th class="cmn" style="width: 72px;">No.</th>
|
||||||
|
<th class="cmn" style="width: 120px;">발송상태</th>
|
||||||
|
<th class="cmn" style="width: 160px;">등기번호</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: 100px;">우편번호</th>
|
||||||
|
<th class="cmn" style="width: 280px;">주소</th>
|
||||||
|
<th class="cmn" style="width: 320px;">상세주소</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: 200px;">수령인</th>
|
||||||
|
<th class="cmn" style="width: 200px;">수령인관계</th>
|
||||||
|
<th class="cmn" style="width: 180px;">단속일시</th>
|
||||||
|
<th class="cmn" style="width: 160px;">차량번호</th>
|
||||||
|
<th class="cmn" style="width: 160px;">단속법정동</th>
|
||||||
|
<th class="cmn" style="width: 280px;">단속장소</th>
|
||||||
|
<th class="cmn" style="width: 100px;">회계연도</th>
|
||||||
|
<th class="cmn" style="width: 100px;">부과번호</th>
|
||||||
|
<th class="cmn" style="width: 120px;">부과일자</th>
|
||||||
|
<th class="cmn" style="width: 120px;">납기일자</th>
|
||||||
|
<th class="cmn" style="width: 120px;">과태료금액</th>
|
||||||
|
<th class="cmn" style="width: 120px;">본세</th>
|
||||||
|
<th class="cmn" style="width: 120px;">가산금</th>
|
||||||
|
<th class="cmn" style="width: 120px;">미납금액</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>
|
||||||
|
</thead>
|
||||||
|
<tbody id="tbody--${pageName}">
|
||||||
|
</tbody>
|
||||||
|
<template id="${infoPrefix}Row--${pageName}">
|
||||||
|
<tr data-key="{SNDNG_DTL_ID}">
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SNDNG_DTL_STTS_NM}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RG_NO}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SNDNG_YMD}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SNDNG_END_YMD}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{RCPN_NM}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RCPN_ZIP}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{RCPN_ADDR}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{RCPN_DTL_ADDR}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DLVR_YMD}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DLVR_TM}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{UNDLVR_RSN_NM}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{ACTL_RCPN_NM}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{RCPN_REL_NM}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_DT}</td>
|
||||||
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{VHRNO}</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-center" onclick="{onclick}" ondblclick="{ondblclick}">{FYR}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_NO}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_YMD}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DUDT_YMD}</td>
|
||||||
|
<td class="cmn text-end" onclick="{onclick}" ondblclick="{ondblclick}">{FFNLG_AMT}</td>
|
||||||
|
<td class="cmn text-end" onclick="{onclick}" ondblclick="{ondblclick}">{PCPTAX}</td>
|
||||||
|
<td class="cmn text-end" onclick="{onclick}" ondblclick="{ondblclick}">{ADAMT}</td>
|
||||||
|
<td class="cmn text-end" onclick="{onclick}" ondblclick="{ondblclick}">{SUM_AMT}</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}">{MDFCN_DT}</td>
|
||||||
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFR_NM}</td>
|
||||||
|
<td class="cmn dummy-td"></td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
<template id="${infoPrefix}NotFound--${pageName}">
|
||||||
|
<tr class="odd">
|
||||||
|
<td valign="top" colspan="31" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- / DataTables(그리드) -->
|
||||||
|
</div> <!-- <div class="wrapper-list"> -->
|
||||||
|
</div> <!-- <div class="card"> -->
|
||||||
|
</div> <!-- / Content <div class="container flex-grow-1 px-0"> -->
|
||||||
|
</div>
|
||||||
|
<!-- / inner page html <div class="content-wrapper"> -->
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/**************************************************************************
|
||||||
|
* Global Variable
|
||||||
|
**************************************************************************/
|
||||||
|
pageObject["${pageName}"] = {};
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* script 진입
|
||||||
|
**************************************************************************/
|
||||||
|
$(document).ready(function() {
|
||||||
|
// pageObject
|
||||||
|
var $P = pageObject["${pageName}"];
|
||||||
|
|
||||||
|
// URL
|
||||||
|
$P.PrefixUrl = "/sndb/sndb01";
|
||||||
|
// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
|
||||||
|
$P.callPurpose = "${callPurpose}";
|
||||||
|
// FormFields
|
||||||
|
$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
|
||||||
|
// main 의 검색 조건을 그대로 유지
|
||||||
|
$P.mainQuery = ${mainQuery};
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* DatasetControl
|
||||||
|
**************************************************************************/
|
||||||
|
$P.control = new DatasetControl({
|
||||||
|
prefix : "nhtSndngDtl"
|
||||||
|
, prefixName : "발송 상세"
|
||||||
|
, keymapper : info => info ? info.SNDNG_DTL_ID : ""
|
||||||
|
, dataGetter : obj => obj.${infoPrefix}List
|
||||||
|
, appendData : true
|
||||||
|
, formats : {
|
||||||
|
SNDNG_YMD : dateFormat
|
||||||
|
, SNDNG_END_YMD : dateFormat
|
||||||
|
, DLVR_YMD : dateFormat
|
||||||
|
, LEVY_YMD : dateFormat
|
||||||
|
, DUDT_YMD : dateFormat
|
||||||
|
, FFNLG_AMT : numberFormat
|
||||||
|
, SUM_AMT : numberFormat
|
||||||
|
, 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 : "pageObject['${pageName}'].control.load({index})"
|
||||||
|
});
|
||||||
|
|
||||||
|
$P.control.tableRenderComplete = true; // dataTables 에 자료 추가 완료
|
||||||
|
};
|
||||||
|
|
||||||
|
// 현재 선택 자료 변경 이벤트
|
||||||
|
$P.control.onCurrentChange = (item) => {
|
||||||
|
if (!item) return;
|
||||||
|
|
||||||
|
let key = item.data.SNDNG_DTL_ID;
|
||||||
|
|
||||||
|
$("#tbody--${pageName}").setCurrentRow(key);
|
||||||
|
};
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* DataTables 이벤트
|
||||||
|
**************************************************************************/
|
||||||
|
// 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("SNDNG_DTL_ID") + "');")
|
||||||
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].getTotalInfo('" + dataItem.getValue("CRDN_ID") + "');")
|
||||||
|
);
|
||||||
|
|
||||||
|
let noMore = (totalSize == ${infoPrefix}List.length);
|
||||||
|
let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
|
||||||
|
|
||||||
|
$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
|
||||||
|
|
||||||
|
if ($P.control.untilPageNum != 0) {
|
||||||
|
$P.control.query.fetchSize = $P.control.defaultFetchSize;
|
||||||
|
$P.control.query.pageNum = $P.control.untilPageNum;
|
||||||
|
$P.control.untilPageNum = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
//보안모드
|
||||||
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
||||||
|
}
|
||||||
|
|
||||||
|
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
|
||||||
|
$P.scrollDataList = () => {
|
||||||
|
$P.control.tableRenderComplete = false; // dataTables 에 자료 추가 false
|
||||||
|
|
||||||
|
$P.control.load($P.control.query.pageNum + 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* 사용자 함수(function)
|
||||||
|
**************************************************************************/
|
||||||
|
// 개별총정보 dialog
|
||||||
|
$P.getTotalInfo = (crdnId) => {
|
||||||
|
if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
|
||||||
|
|
||||||
|
let params = {
|
||||||
|
callControlName : "pageObject['${pageName}'].control"
|
||||||
|
, callPurpose : "view"
|
||||||
|
, crdnId : crdnId
|
||||||
|
, sggCd : $P.control.dataset.getValue("SGG_CD")
|
||||||
|
, taskSeCd : $P.control.dataset.getValue("TASK_SE_CD")
|
||||||
|
}
|
||||||
|
|
||||||
|
ajax.get({
|
||||||
|
url : wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
|
||||||
|
, data : params
|
||||||
|
, success : resp => {
|
||||||
|
dialog.open({
|
||||||
|
id : "totalInfoMainDialog"
|
||||||
|
, title : "개별총정보"
|
||||||
|
, content : resp
|
||||||
|
, size : "xxl"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 고지서 출력
|
||||||
|
$P.print = (params) => {
|
||||||
|
if (!params) return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 반송 확인(종적결과 등록)
|
||||||
|
$P.createSndbk = (params) => {
|
||||||
|
if (!params) return;
|
||||||
|
|
||||||
|
ajax.post({
|
||||||
|
url : wctx.url("/" + params.taskSeCd + $P.PrefixUrl + "/080/createSndbkList.do")
|
||||||
|
, data : params || {}
|
||||||
|
, success : resp => {
|
||||||
|
// S 또는 F 를 버튼 title 로 변경하여 메시지 출력
|
||||||
|
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, $("#btnCreateSndbk--${pageName}").attr("title"));
|
||||||
|
|
||||||
|
dialog.alert({
|
||||||
|
content : showMessage
|
||||||
|
, onOK : () => { }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* 버튼 clickEvent
|
||||||
|
**************************************************************************/
|
||||||
|
// 엑셀 버튼 이벤트
|
||||||
|
$P.fnExcel = () => {
|
||||||
|
if ($P.control.dataset.empty) {
|
||||||
|
dialog.alert({
|
||||||
|
content : "검색된 자료가 없습니다."
|
||||||
|
, onOK : () => { }
|
||||||
|
});
|
||||||
|
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// DataTables(그리드)
|
||||||
|
let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th")
|
||||||
|
, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td"));
|
||||||
|
$P.control.query.cellDefs = cellDefs;
|
||||||
|
|
||||||
|
$P.control.download();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 파일 출력 및 고지서출력
|
||||||
|
$P.fnMakeFileNht = (title, fileType, paper) => {
|
||||||
|
//
|
||||||
|
if (fileType == "pdf") {
|
||||||
|
url = wctx.url("/sprt/sprt01/150/makeNhtPdf.do");
|
||||||
|
} else if (fileType == "outsourcing") {
|
||||||
|
url = wctx.url("/sprt/sprt01/150/makeNhtOutsourcing.do");
|
||||||
|
}
|
||||||
|
|
||||||
|
let params = {
|
||||||
|
crdnIds : $P.control.dataset.getValue("CRDN_ID") // 단속 ID
|
||||||
|
, taskSeCd : $P.control.dataset.getValue("TASK_SE_CD") // 업무 구분
|
||||||
|
};
|
||||||
|
|
||||||
|
let inBrowser = false;
|
||||||
|
|
||||||
|
if (fileType == "pdf") {
|
||||||
|
params.paperSeCd = paper;
|
||||||
|
inBrowser = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (inBrowser) {
|
||||||
|
let parameter = toQuery(params);
|
||||||
|
let filenameInHeader = "";
|
||||||
|
|
||||||
|
fetch(url + "?" + parameter)
|
||||||
|
.then((response) => {
|
||||||
|
let header = response.headers.get('Content-Disposition');
|
||||||
|
let parts = header.split(';');
|
||||||
|
filenameInHeader = decodeURIComponent(parts[1].split('=')[1]);
|
||||||
|
|
||||||
|
return response.blob();
|
||||||
|
})
|
||||||
|
.then((blob) => {
|
||||||
|
openPDF(blob, filenameInHeader);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
let parameter = toQuery(params);
|
||||||
|
document.location.href = url + "?" + parameter;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 중복자료 삭제
|
||||||
|
$P.fnRemoveDpcnData = () => {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// 반송(종적결과) 확인
|
||||||
|
$P.fnCreateSndbk = () => {
|
||||||
|
// validate 확인
|
||||||
|
if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
|
||||||
|
|
||||||
|
dialog.alert({
|
||||||
|
content : "종적 결과를 확인하시겠습니까?"
|
||||||
|
, onOK : () => {
|
||||||
|
$P.createSndbk($P.mainQuery);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* 초기 셋팅
|
||||||
|
**************************************************************************/
|
||||||
|
// 이벤트 설정
|
||||||
|
$P.setEvent = () => {
|
||||||
|
// 기본 버튼 이벤트
|
||||||
|
$("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀
|
||||||
|
|
||||||
|
// 파일 출력 버튼 이벤트
|
||||||
|
$("#btnPrintNhtOutsourcing--${pageName}").on("click", function() {
|
||||||
|
$P.fnMakeFileNht($(this).attr("title"), "outsourcing")
|
||||||
|
});
|
||||||
|
// 고지서 출력 버튼 이벤트
|
||||||
|
$("#btnPrintNhtPdf01--${pageName}").on("click", function() {
|
||||||
|
$P.fnMakeFileNht($(this).attr("title"), "pdf", "01");
|
||||||
|
});
|
||||||
|
// 고지서 출력 버튼 이벤트
|
||||||
|
$("#btnPrintNhtPdf02--${pageName}").on("click", function() {
|
||||||
|
$P.fnMakeFileNht($(this).attr("title"), "pdf", "01");
|
||||||
|
});
|
||||||
|
// 중복자료 삭제 버튼 이벤트
|
||||||
|
$("#btnRemoveDpcnData--${pageName}").on("click", function() {
|
||||||
|
$P.fnRemoveDpcnData();
|
||||||
|
});
|
||||||
|
// 반송 등록 버튼 이벤트
|
||||||
|
$("#btnCreateSndbk--${pageName}").on("click", function() {
|
||||||
|
$P.fnCreateSndbk();
|
||||||
|
});
|
||||||
|
|
||||||
|
// DataTables width 변경 조정
|
||||||
|
fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
|
||||||
|
|
||||||
|
// DataTables 스크롤 이벤트 생성
|
||||||
|
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
|
||||||
|
|
||||||
|
// DataTables 스크롤을 위해서 다이얼로그 화면이 생성된 후 Dataset을 설정한다.
|
||||||
|
$("#${infoPrefix}Dialog").on("shown.bs.modal", function (e) {
|
||||||
|
$P.control.setData({
|
||||||
|
${infoPrefix}List : ${nhtSndngDtlList}
|
||||||
|
, ${infoPrefix}Start : ${nhtSndngDtlStart}
|
||||||
|
, ${infoPrefix}Fetch : ${nhtSndngDtlFetch}
|
||||||
|
, ${infoPrefix}Total : ${nhtSndngDtlTotal}
|
||||||
|
});
|
||||||
|
|
||||||
|
// 초기 데이터 설정
|
||||||
|
$P.initData();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 초기 화면 설정
|
||||||
|
$P.initForm = () => {
|
||||||
|
// 화면 초기화
|
||||||
|
$("#frmEdit--${pageName}")[0].reset();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 초기 데이터 설정
|
||||||
|
$P.initData = () => {
|
||||||
|
// SNDNG_ID
|
||||||
|
$("#sndngId--${pageName}").val($P.control.dataset.getValue("SNDNG_ID"));
|
||||||
|
|
||||||
|
// 검색 조건 설정
|
||||||
|
$P.control.query = $P.mainQuery;
|
||||||
|
|
||||||
|
// URL 설정
|
||||||
|
$P.setURL($P.mainQuery.taskSeCd);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 업무구분에 따른 URL 설정
|
||||||
|
$P.setURL = (taskSeCd) => {
|
||||||
|
$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/100/list.do"); // 검색
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* 최초 실행 함수
|
||||||
|
**************************************************************************/
|
||||||
|
// 1. 이벤트 설정
|
||||||
|
$P.setEvent();
|
||||||
|
|
||||||
|
// 2. 초기 화면 설정
|
||||||
|
$P.initForm();
|
||||||
|
|
||||||
|
// 3. 보안모드
|
||||||
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue