|
|
@ -3,48 +3,68 @@
|
|
|
|
|
|
|
|
|
|
|
|
<!-- inner page html -->
|
|
|
|
<!-- inner page html -->
|
|
|
|
<div class="content-wrapper">
|
|
|
|
<div class="content-wrapper">
|
|
|
|
|
|
|
|
<!-- Content -->
|
|
|
|
<div class="container-xxl flex-grow-1 px-0">
|
|
|
|
<div class="container-xxl flex-grow-1 px-0">
|
|
|
|
<c:set var="prefixName" scope="request">부과제외 자료 조회</c:set>
|
|
|
|
<%--h4 id="pageTitle" class="fw-bold py-3 mb-4">페이지 제목</h4--%>
|
|
|
|
|
|
|
|
<c:set var="prefixName" scope="request">부과제외</c:set>
|
|
|
|
|
|
|
|
<!-- Page Body -->
|
|
|
|
<div class="card">
|
|
|
|
<div class="card">
|
|
|
|
<div class="wrapper-list">
|
|
|
|
<div class="wrapper-list">
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<!-- 상단 버튼 -->
|
|
|
|
<div class="container-page-btn">
|
|
|
|
<div class="container-page-btn">
|
|
|
|
<button type="button" class="btn btn-outline-dark">초기화</button>
|
|
|
|
<button type="button" class="btn btn-outline-dark" id="btnReset--${pageName}" title="초기화">초기화</button>
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
<button type="button" class="btn btn-search" id="btnSearch--${pageName}" title="검색">검색</button>
|
|
|
|
<button type="button" class="btn btn-search" id="btnSearch--${pageName}" title="검색">검색</button>
|
|
|
|
|
|
|
|
<button type="button" class="btn btn-search" id="btnExcel--${pageName}" title="엑셀">엑셀</button>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- / 상단 버튼 -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 검색 조건 영역 -->
|
|
|
|
<form id="frmSearch--${pageName}" name="frmSearch">
|
|
|
|
<form id="frmSearch--${pageName}" name="frmSearch">
|
|
|
|
|
|
|
|
<!-- 메인 조건 -->
|
|
|
|
<div class="container-search">
|
|
|
|
<div class="container-search">
|
|
|
|
<div class="row g-1">
|
|
|
|
<div class="row g-1">
|
|
|
|
<div class="col-12">
|
|
|
|
<!-- 업무구분 -->
|
|
|
|
<label class="form-label fw-bold form-search-title">업무구분</label>
|
|
|
|
<div class="col-1 text-end">
|
|
|
|
|
|
|
|
<label class="form-label fw-bold form-search-title" for="rdoTaskSeCd--${pageName}">업무구분</label>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-11">
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
<c:forEach items="${FIM054List}" var="item">
|
|
|
|
<c:forEach items="${FIM054List}" var="item">
|
|
|
|
<label>
|
|
|
|
<label>
|
|
|
|
<input name="taskSeCd" type="radio" value="${item.code}"
|
|
|
|
<input type="radio" class="form-check-input" id="rdoTaskSeCd--${pageName}" name="taskSeCd" alt="업무구분"
|
|
|
|
class="form-check-input" alt="업무구분"
|
|
|
|
value="${item.code}"
|
|
|
|
onchange="pageObject['${pageName}'].fnResetAndChangeBiz(this.value);">
|
|
|
|
onchange="pageObject['${pageName}'].fnResetAndChangeBiz(this.value);"
|
|
|
|
|
|
|
|
required>
|
|
|
|
${item.value}
|
|
|
|
${item.value}
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
</c:forEach>
|
|
|
|
</c:forEach>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
|
|
<!-- 부과제외일자 -->
|
|
|
|
<label class="form-label fw-bold form-search-title">부과제외일자</label>
|
|
|
|
<div class="col-1 text-end">
|
|
|
|
|
|
|
|
<select class="form-select" id="schDateOpt--${pageName}" name="schDateOpt">
|
|
|
|
|
|
|
|
<option value="levyExclYmd">부과제외일자</option>
|
|
|
|
|
|
|
|
</select>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-5">
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
<input type="text" id="levyExclYmdFrom--${pageName}" name="levyExclYmdFrom" class="form-control form-date"
|
|
|
|
<input type="text" class="form-control form-date" id="schDateFrom--${pageName}" name="schDateFrom"
|
|
|
|
data-fmt-type="day" title="시작 날짜 선택" />
|
|
|
|
data-fmt-type="day" title="시작 날짜 선택" />
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
~
|
|
|
|
~
|
|
|
|
<input type="text" id="levyExclYmdTo--${pageName}" name="levyExclYmdTo" class="form-control form-date"
|
|
|
|
<input type="text" class="form-control form-date" id="schDateTo--${pageName}" name="schDateTo"
|
|
|
|
data-fmt-type="day" title="종료 날짜 선택">
|
|
|
|
data-fmt-type="day" title="종료 날짜 선택" />
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
|
|
<!-- 부과제외구분 -->
|
|
|
|
|
|
|
|
<div class="col-1 text-end">
|
|
|
|
<label class="form-label fw-bold form-search-title">부과제외구분</label>
|
|
|
|
<label class="form-label fw-bold form-search-title">부과제외구분</label>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-5">
|
|
|
|
<select id="levyExclSeCd--${pageName}" name="levyExclSeCd" class="form-select">
|
|
|
|
<select id="levyExclSeCd--${pageName}" name="levyExclSeCd" class="form-select">
|
|
|
|
<option value="">전체</option>
|
|
|
|
<option value="">전체</option>
|
|
|
|
<c:forEach items="${FIM021List}" var="item">
|
|
|
|
<c:forEach items="${FIM021List}" var="item">
|
|
|
@ -52,281 +72,326 @@
|
|
|
|
</c:forEach>
|
|
|
|
</c:forEach>
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
|
|
<!-- 차량번호 -->
|
|
|
|
|
|
|
|
<div class="col-1 text-end">
|
|
|
|
<label class="form-label fw-bold form-search-title">차량번호</label>
|
|
|
|
<label class="form-label fw-bold form-search-title">차량번호</label>
|
|
|
|
<input type="text" id="vhrno--${pageName}" name="vhrno" class="form-control" />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
|
|
<div class="col-5">
|
|
|
|
|
|
|
|
<input type="text" class="form-control" id="vhrno--${pageName}" name="vhrno" />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 납부자명 -->
|
|
|
|
|
|
|
|
<div class="col-1 text-end">
|
|
|
|
<label class="form-label fw-bold form-search-title">납부자명</label>
|
|
|
|
<label class="form-label fw-bold form-search-title">납부자명</label>
|
|
|
|
<input type="text" id="rtpyrNm--${pageName}" name="rtpyrNm" class="form-control" />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-5">
|
|
|
|
|
|
|
|
<input type="text" class="form-control" id="rtpyrNm--${pageName}" name="rtpyrNm" />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 동적검색 -->
|
|
|
|
<div class="col-12">
|
|
|
|
<div class="col-12">
|
|
|
|
<input type="hidden" id="by--${pageName}" name="by" />
|
|
|
|
<input type="hidden" id="by--${pageName}" name="by" />
|
|
|
|
<input type="text" id="byOutput--${pageName}" class="form-control" readonly value="동적 검색" />
|
|
|
|
<input type="text" class="form-control" id="byOutput--${pageName}" value="동적 검색" readonly />
|
|
|
|
<input type="text" id="term--${pageName}" name="term" class="form-control" />
|
|
|
|
<input type="text" class="form-control" id="term--${pageName}" name="term" />
|
|
|
|
|
|
|
|
<!-- 상세 검색조건 버튼 -->
|
|
|
|
<span class="flr">
|
|
|
|
<span class="flr">
|
|
|
|
<button type="button" class="btn btn-open-detail"
|
|
|
|
<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" data-bs-target="#searchDetail--${pageName}">
|
|
|
|
data-bs-toggle="collapse" data-bs-target="#searchDetail--${pageName}">
|
|
|
|
|
|
|
|
<i class="bx bx-chevron-down"></i>
|
|
|
|
<i class="bx bx-chevron-down"></i>
|
|
|
|
상세조회조건
|
|
|
|
상세검색조건
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- / 메인 조건 -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 상세 조건 -->
|
|
|
|
<div id="searchDetail--${pageName}" class="container-search container-search-detail collapse">
|
|
|
|
<div id="searchDetail--${pageName}" class="container-search container-search-detail collapse">
|
|
|
|
<div class="row">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-6">
|
|
|
|
<!-- 등록일자, 수정일자 -->
|
|
|
|
<select id="schDateOpt--${pageName}" name="schDateOpt" class="form-select">
|
|
|
|
<div class="col-1 text-end">
|
|
|
|
<option value="">선택</option>
|
|
|
|
<label class="form-label fw-bold form-search-title">일자검색</label>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-5">
|
|
|
|
|
|
|
|
<select class="form-select" id="schDetailDateOpt--${pageName}" name="schDetailDateOpt">
|
|
|
|
|
|
|
|
<option value="">조건선택</option>
|
|
|
|
<option value="regDt">등록일자</option>
|
|
|
|
<option value="regDt">등록일자</option>
|
|
|
|
<option value="mdfcnDt">수정일자</option>
|
|
|
|
<option value="mdfcnDt">수정일자</option>
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
<input type="text" id="schDateFrom--${pageName}" name="schDateFrom" class="form-control form-date"
|
|
|
|
<input type="text" class="form-control form-date" id="schDetailDateFrom--${pageName}" name="schDetailDateFrom"
|
|
|
|
data-fmt-type="day" title="시작 날짜 선택" />
|
|
|
|
data-fmt-type="day" title="시작 날짜 선택" />
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
~
|
|
|
|
~
|
|
|
|
<input type="text" id="schDateTo--${pageName}" name="schDateTo" class="form-control form-date"
|
|
|
|
<input type="text" class="form-control form-date" id="schDetailDateTo--${pageName}" name="schDetailDateTo"
|
|
|
|
data-fmt-type="day" title="종료 날짜 선택">
|
|
|
|
data-fmt-type="day" title="종료 날짜 선택">
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
|
|
<!-- 등록자명, 수정자명 -->
|
|
|
|
<label class="form-label fw-bold form-search-title">자료상태</label>
|
|
|
|
<div class="col-1 text-end">
|
|
|
|
<select id="crdnSttsCd--${pageName}" name="crdnSttsCd" class="form-select">
|
|
|
|
<label class="form-label fw-bold form-search-title">사용자검색</label>
|
|
|
|
<option value="">전체</option>
|
|
|
|
</div>
|
|
|
|
<c:forEach items="${FIM010List}" var="item">
|
|
|
|
<div class="col-5">
|
|
|
|
<option value="${item.code}">${item.value}</option>
|
|
|
|
<select class="form-select" id="schDetailUserOpt--${pageName}" name="schDetailUserOpt">
|
|
|
|
</c:forEach>
|
|
|
|
<option value="">조건선택</option>
|
|
|
|
|
|
|
|
<option value="rgtr">등록자명</option>
|
|
|
|
|
|
|
|
<option value="mdfr">수정자명</option>
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
|
|
|
|
<input type="text" class="form-control" id="schDetailUserNm--${pageName}" name="schDetailUserNm" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- / 상세 조건 -->
|
|
|
|
</form>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
<!-- / 검색 조건 영역 -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 업무 버튼 및 건수 표시 -->
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<span class="container-page-btn">
|
|
|
|
<span class="container-page-btn">
|
|
|
|
|
|
|
|
<!-- 업무 버튼 -->
|
|
|
|
<a href="#" class="btn btn-blue" id="" title="업무처리1">업무 처리1</a>
|
|
|
|
<a href="#" class="btn btn-blue" id="" title="업무처리1">업무 처리1</a>
|
|
|
|
<a href="#" class="btn btn-blue" id="" title="업무처리2">업무 처리2</a>
|
|
|
|
<a href="#" class="btn btn-blue" id="" title="업무처리2">업무 처리2</a>
|
|
|
|
|
|
|
|
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
|
|
|
|
<!-- 건수, 페이지 표시 -->
|
|
|
|
<div class="d-flex flex-row justify-content-between">
|
|
|
|
<div class="d-flex flex-row justify-content-between">
|
|
|
|
<label id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
|
|
|
|
<label id="paging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
|
|
|
|
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary">
|
|
|
|
<ul id="paging--${pageName}" class="pagination pagination-primary">
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- / 업무 버튼 및 건수 표시 -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 그리드 -->
|
|
|
|
<!-- DataTables(그리드) -->
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
<div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div id="table-responsive--${pageName}" class="table-responsive"
|
|
|
|
<div id="table-responsive--${pageName}" class="table-responsive" style="overflow-x:scroll; height:400px; overflow-y:scroll;" >
|
|
|
|
style="overflow-x: scroll;height:400px;overflow-y: scroll;">
|
|
|
|
<table class="datatables-ajax table table-bordered dataTable no-footer"
|
|
|
|
<table id="DataTables_Table_0--${pageName}"
|
|
|
|
id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
|
|
|
|
class="datatables-ajax table table-bordered dataTable no-footer"
|
|
|
|
|
|
|
|
aria-describedby="DataTables_Table_0_info"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<thead>
|
|
|
|
<thead>
|
|
|
|
<tr id="exclTheadTr--${pageName}">
|
|
|
|
<tr id="theadTr--${pageName}" style="text-align:center;">
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 24px;">NO.</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 24px;">
|
|
|
|
|
|
|
|
<input type="checkbox" class="form-check-input" onchange="${pageName}Control.select(this.checked);">
|
|
|
|
|
|
|
|
</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">부과제외일자</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">부과제외구분명</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">부과제외사유</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">기타내용</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">민원접수번호</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">민원접수일자</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">민원신청인명</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">차량번호</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">위반일시</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">위반장소</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">납부자명</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">처리상태명</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">등록일시</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">등록자</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">수정일시</th>
|
|
|
|
|
|
|
|
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 120px;">수정자</th>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
</thead>
|
|
|
|
<tbody id="exclTbody--${pageName}">
|
|
|
|
<tbody id="tbody--${pageName}">
|
|
|
|
</tbody>
|
|
|
|
</tbody>
|
|
|
|
|
|
|
|
<template id="${infoPrefix}Row">
|
|
|
|
|
|
|
|
<tr data-key="{LEVY_EXCL_ID}">
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{ROW_NUM}</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;">
|
|
|
|
|
|
|
|
<input value="{LEVY_EXCL_ID}" onchange="${pageName}Control.select('{LEVY_EXCL_ID}', this.checked);" type="checkbox" class="form-check-input">
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{LEVY_EXCL_YMD}</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{LEVY_EXCL_SE_NM}</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{LEVY_EXCL_RSN_NM}</td>
|
|
|
|
|
|
|
|
<td style="text-align:left;" {onclick} {ondblclick}>{ETC_CN}</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{CVLCPT_RCPT_NO}</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{CVLCPT_RCPT_YMD}</td>
|
|
|
|
|
|
|
|
<td style="text-align:left;" {onclick} {ondblclick}>{CVLCPT_APLCNT_NM}</td>
|
|
|
|
|
|
|
|
<td style="text-align:left;" {onclick} {ondblclick}>{VHRNO}</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{CRDN_YMD_TM}</td>
|
|
|
|
|
|
|
|
<td style="text-align:left;" {onclick} {ondblclick}>{CRDN_PLC}</td>
|
|
|
|
|
|
|
|
<td style="text-align:left;" {onclick} {ondblclick}>{RTPYR_NM}</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{CRDN_STTS_NM}</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{REG_DT}</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{RGTR}</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{MDFCN_DT}</td>
|
|
|
|
|
|
|
|
<td style="text-align:center;" {onclick} {ondblclick}>{MDFR}</td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<template id="${infoPrefix}NotFound">
|
|
|
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
|
|
|
<td valign="top" colspan="14" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div><!-- /그리드 -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- / DataTables(그리드) -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div><!-- <div class="card"> -->
|
|
|
|
</div>
|
|
|
|
</div><!-- <div class="container-xxl flex-grow-1 px-0"> -->
|
|
|
|
<!-- / Wrapper-list -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- / Card -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- / Content -->
|
|
|
|
|
|
|
|
|
|
|
|
<jsp:include page="/WEB-INF/jsp/include/bottom.jsp" />
|
|
|
|
<jsp:include page="/WEB-INF/jsp/include/bottom.jsp" />
|
|
|
|
|
|
|
|
|
|
|
|
<div class="content-backdrop fade"></div>
|
|
|
|
<div class="content-backdrop fade"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- <div class="content-wrapper"> -->
|
|
|
|
<!-- Content wrapper -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- js -->
|
|
|
|
|
|
|
|
<script src="<c:url value="/resources/js/fims/excl/excl01.js?${ver}"/>"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* Global Variable
|
|
|
|
* Global Variable
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
|
|
|
|
// Control 생성
|
|
|
|
|
|
|
|
var ${pageName}Control = new LevyExclControl();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 공통코드
|
|
|
|
var FIM021 = new CommonCodes(${FIM021});
|
|
|
|
var FIM021 = new CommonCodes(${FIM021});
|
|
|
|
var FIM054 = new CommonCodes(${FIM054});
|
|
|
|
var FIM054 = new CommonCodes(${FIM054});
|
|
|
|
|
|
|
|
|
|
|
|
pageObject["${pageName}"] = {};
|
|
|
|
// script 진입
|
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
$(document).ready(function() {
|
|
|
|
var thisPO = pageObject["${pageName}"];
|
|
|
|
// 검색조건 초기값 셋팅
|
|
|
|
|
|
|
|
initSearch${pageName}();
|
|
|
|
thisPO.exclControl = new DatasetControl({
|
|
|
|
|
|
|
|
prefix:"excl",
|
|
|
|
|
|
|
|
prefixName:"부과제외",
|
|
|
|
|
|
|
|
infoSize:"xl",
|
|
|
|
|
|
|
|
urls : {
|
|
|
|
|
|
|
|
load : "",
|
|
|
|
|
|
|
|
getInfo : ""
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
formats: {
|
|
|
|
|
|
|
|
LEVY_EXCL_YMD : dateFormat
|
|
|
|
|
|
|
|
, CVLCPT_RCPT_YMD : dateFormat
|
|
|
|
|
|
|
|
, CRDN_YMD_TM : datetimeFormat
|
|
|
|
|
|
|
|
, REG_DT : datetimeFormat
|
|
|
|
|
|
|
|
, MDFCN_DT : datetimeFormat
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
keymapper:info => info ? info.LEVY_EXCL_ID : "",
|
|
|
|
|
|
|
|
dataGetter:obj => obj.exclList,
|
|
|
|
|
|
|
|
appendData:true
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
thisPO.exclControl.onDatasetChange = obj => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var prefix = obj.infoPrefix;
|
|
|
|
|
|
|
|
thisPO.renderExclList(obj);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#exclPaging--${pageName}").setPagingInfo({
|
|
|
|
// 이벤트
|
|
|
|
list: thisPO.exclControl.dataset,
|
|
|
|
setEvent${pageName}();
|
|
|
|
prefix: "exclPaging--${pageName}",
|
|
|
|
|
|
|
|
start: obj[prefix+"Start"],
|
|
|
|
|
|
|
|
totalSize: obj[prefix+"Total"],
|
|
|
|
|
|
|
|
fetchSize: obj[prefix+"Fetch"],
|
|
|
|
|
|
|
|
func: "pageObject['${pageName}'].exclControl.load({index})"
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
/**************************************************************************
|
|
|
|
|
|
|
|
* 초기 셋팅
|
|
|
|
thisPO.fnResetAndChangeBiz = taskSeCd => {
|
|
|
|
**************************************************************************/
|
|
|
|
$("#exclTbody--${pageName}").html("");
|
|
|
|
// 검색조건 초기값 셋팅
|
|
|
|
thisPO.exclControl.urls.load = wctx.url("/excl/excl01/010/list.do");
|
|
|
|
function initSearch${pageName}() {
|
|
|
|
thisPO.exclControl.urls.getInfo = wctx.url("/sprt/sprt01/020/info.do");
|
|
|
|
// 달력 초기화
|
|
|
|
}
|
|
|
|
initDatepicker("frmSearch--${pageName}");
|
|
|
|
|
|
|
|
|
|
|
|
thisPO.searchExclList = () => {
|
|
|
|
|
|
|
|
thisPO.exclControl.query = thisPO.getParams();
|
|
|
|
|
|
|
|
$("#exclTbody--${pageName}").html("");
|
|
|
|
|
|
|
|
thisPO.exclControl.load(1);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
thisPO.scrollExclList = () => {
|
|
|
|
$("#schDateFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-365).date);
|
|
|
|
thisPO.exclControl.load(thisPO.exclControl.query.pageNum + 1);
|
|
|
|
$("#schDateTo--${pageName}").datepicker("setDate", new Date());
|
|
|
|
}
|
|
|
|
$("#schDetailDateFrom--${pageName}").datepicker("setDate", new Date());
|
|
|
|
|
|
|
|
$("#schDetailDateTo--${pageName}").datepicker("setDate", new Date());
|
|
|
|
|
|
|
|
|
|
|
|
thisPO.renderExclList = data => {
|
|
|
|
// 업무구분
|
|
|
|
if(!thisPO.exclControl.appendData){
|
|
|
|
let defaultBizValue = $("#layout-navbar input[name='taskSeCd']:checked").val();
|
|
|
|
$("#exclTbody--${pageName}").html("");
|
|
|
|
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + defaultBizValue + "']").prop("checked",true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var exclList = thisPO.exclControl.dataset;
|
|
|
|
//
|
|
|
|
|
|
|
|
function setEvent${pageName}() {
|
|
|
|
|
|
|
|
// 검색 버튼 이벤트
|
|
|
|
|
|
|
|
$("#btnSearch--${pageName}").on("click", () => searchList${pageName}());
|
|
|
|
|
|
|
|
|
|
|
|
var empty = exclList.empty;
|
|
|
|
// 테이블 스크롤 이벤트
|
|
|
|
|
|
|
|
$("#table-responsive--${pageName}").scroll(function() {
|
|
|
|
var trs = empty ? [ thisPO.tbodyTemplate.notFound ] : exclList.inStrings(thisPO.tbodyTemplate.found);
|
|
|
|
let el = $(this);
|
|
|
|
|
|
|
|
|
|
|
|
$("#exclTbody--${pageName}").html(trs.join());
|
|
|
|
if (el.scrollTop() == 0) return;
|
|
|
|
|
|
|
|
|
|
|
|
//보안모드
|
|
|
|
if ((el[0].scrollHeight - el.scrollTop() + 15) == el.outerHeight()) {
|
|
|
|
if($("#securityMode--top").is(":checked")){
|
|
|
|
searchList${pageName}(${pageName}Control.query.pageNum + 1);
|
|
|
|
fn_securityModeToggle(true);
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
fn_securityModeToggle(false);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
thisPO.getParams = () => {
|
|
|
|
/**************************************************************************
|
|
|
|
var formFields = new FimsFormFields("#frmSearch--${pageName}");
|
|
|
|
* Event
|
|
|
|
var data = formFields.get();
|
|
|
|
**************************************************************************/
|
|
|
|
data.fetchSize = 30;
|
|
|
|
// Dataset 변경
|
|
|
|
// 시군구 코드 임시
|
|
|
|
${pageName}Control.onDatasetChange = obj => {
|
|
|
|
data.sggCd = "41480";
|
|
|
|
renderList${pageName}();
|
|
|
|
|
|
|
|
|
|
|
|
return data;
|
|
|
|
$("#paging--${pageName}").setPaging({
|
|
|
|
}
|
|
|
|
list : ${pageName}Control.dataset
|
|
|
|
|
|
|
|
// , prefix : ${pageName}Control.prefix
|
|
|
|
|
|
|
|
, prefix : "paging--${pageName}"
|
|
|
|
|
|
|
|
, start : obj.${infoPrefix}Start
|
|
|
|
|
|
|
|
, totalSize : obj.${infoPrefix}Total
|
|
|
|
|
|
|
|
, fetchSize : obj.${infoPrefix}Fetch
|
|
|
|
|
|
|
|
, func : "${pageName}Control.load({index})"
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// DataTables 클릭 이벤트
|
|
|
|
|
|
|
|
${pageName}Control.onCurrentChange = item => {
|
|
|
|
|
|
|
|
//
|
|
|
|
|
|
|
|
if (!item) return;
|
|
|
|
|
|
|
|
|
|
|
|
/* *******************************
|
|
|
|
let key = item.data.USER_ID;
|
|
|
|
* Grid
|
|
|
|
$("#${infoPrefix}List").setCurrentRow(key);
|
|
|
|
******************************* */
|
|
|
|
|
|
|
|
thisPO.gridColumns = [
|
|
|
|
|
|
|
|
, { header: '부과제외ID', name: 'LEVY_EXCL_ID', hidden: true }
|
|
|
|
|
|
|
|
, { header: '단속ID', name: 'CRDN_ID', hidden: true }
|
|
|
|
|
|
|
|
, { header: '부과제외구분명', name: 'LEVY_EXCL_SE_NM', width: 80, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '부과제외일자', name: 'LEVY_EXCL_YMD', width: 80, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '부과제외사유코드', name: 'LEVY_EXCL_RSN_NM', width: 80, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '기타내용', name: 'ETC_CN', width: 80, className: 'text-left' }
|
|
|
|
|
|
|
|
, { header: '민원접수번호', name: 'CVLCPT_RCPT_NO', width: 150, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '민원접수일자', name: 'CVLCPT_RCPT_YMD', width: 80, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '민원신청인명', name: 'CVLCPT_APLCNT_NM', width: 80, className: 'text-left' }
|
|
|
|
|
|
|
|
, { header: '차량번호', name: 'VHRNO', width: 80, className: 'text-left' }
|
|
|
|
|
|
|
|
, { header: '단속구분', name: 'CRDN_SE_NM', width: 100, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '위반일시', name: 'CRDN_YMD_TM', width: 120, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '위반장소', name: 'CRDN_PLC', width: 150, className: 'text-left' }
|
|
|
|
|
|
|
|
, { header: '납부자명', name: 'RTPYR_NM', width: 110, className: 'text-left privacy' }
|
|
|
|
|
|
|
|
, { header: '납부자생일', name: 'RTPYR_BRDT_FORMAT', width: 110, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '처리상태명', name: 'CRDN_STTS_NM', width: 80, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '등록일시', name: 'REG_DT', width: 150, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '등록자', name: 'RGTR', width: 80, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '수정일시', name: 'MDFCN_DT', width: 150, className: 'text-center' }
|
|
|
|
|
|
|
|
, { header: '수정자', name: 'MDFR', width: 80, className: 'text-center' }
|
|
|
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
thisPO.gridOptions = {
|
|
|
|
|
|
|
|
by : 'by--${pageName}',
|
|
|
|
|
|
|
|
byOutput : 'byOutput--${pageName}',
|
|
|
|
|
|
|
|
theadTr: 'exclTheadTr--${pageName}',
|
|
|
|
|
|
|
|
rowHeader: 'No.',
|
|
|
|
|
|
|
|
trDataKey: '"LEVY_EXCL_ID"',
|
|
|
|
|
|
|
|
infoPrefix: "excl",
|
|
|
|
|
|
|
|
prefixName : "부과제외",
|
|
|
|
|
|
|
|
clickEvent : "pageObject['${pageName}'].exclControl.setCurrent('{LEVY_EXCL_ID}')",
|
|
|
|
|
|
|
|
dblClickEvent : "pageObject['${pageName}'].exclControl.getInfo({})",
|
|
|
|
|
|
|
|
columns: thisPO.gridColumns
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
thisPO.tbodyTemplate = {};
|
|
|
|
// DataTables checkbox 클릭 이벤트
|
|
|
|
|
|
|
|
${pageName}Control.onSelectionChange = selected => {
|
|
|
|
|
|
|
|
let ${infoPrefix}List = ${pageName}Control.dataset;
|
|
|
|
|
|
|
|
let keys = selected.map(e => ${infoPrefix}List.getKey(e));
|
|
|
|
|
|
|
|
|
|
|
|
//그리드 정보 초기화
|
|
|
|
$("#tbody--${pageName} input[type='checkbox']").each(function() {
|
|
|
|
thisPO.tbodyTemplate = initGrid(thisPO.gridOptions);
|
|
|
|
let checkbox = $(this);
|
|
|
|
|
|
|
|
|
|
|
|
//달력 초기화
|
|
|
|
checkbox.prop("checked", keys.includes(checkbox.val()));
|
|
|
|
initDatepicker("frmSearch--${pageName}");
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$('#levyExclYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-365).date);
|
|
|
|
// $("#btnRemove${infoPrefix}s").prop("disabled", keys.length < 1);
|
|
|
|
$('#levyExclYmdTo--${pageName}').datepicker('setDate', new Date());
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
$('#schDateFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-5475).date);
|
|
|
|
//
|
|
|
|
$('#schDateTo--${pageName}').datepicker('setDate', new Date());
|
|
|
|
$("#term").onEnterPress(searchList${pageName}());
|
|
|
|
|
|
|
|
|
|
|
|
var defaultBizValue = $("#layout-navbar input[name='taskSeCd']:checked").val();
|
|
|
|
/**************************************************************************
|
|
|
|
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + defaultBizValue + "']").prop("checked",true);
|
|
|
|
*
|
|
|
|
thisPO.fnResetAndChangeBiz(defaultBizValue);
|
|
|
|
**************************************************************************/
|
|
|
|
|
|
|
|
// 검색조건 파라미터 가져오기
|
|
|
|
|
|
|
|
function getParams${pageName}() {
|
|
|
|
|
|
|
|
let formFields = new FimsFormFields("#frmSearch--${pageName}");
|
|
|
|
|
|
|
|
let data = formFields.get();
|
|
|
|
|
|
|
|
|
|
|
|
//스크롤 이벤트 추가
|
|
|
|
data.sggCd = "41480"; // 시군구 코드 임시
|
|
|
|
$("#table-responsive--${pageName}").scroll(function(){
|
|
|
|
data.fetchSize = 30; // 한번에 30건씩 조회
|
|
|
|
var el = $(this);
|
|
|
|
|
|
|
|
if(el.scrollTop() == 0){
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if((el[0].scrollHeight - el.scrollTop() + 15) == el.outerHeight()){
|
|
|
|
|
|
|
|
thisPO.scrollExclList();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('#btnSearch--${pageName}').on('click', () => thisPO.searchExclList());
|
|
|
|
return data;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$('#btnMenualRegist--${pageName}').on('click', () => {
|
|
|
|
// 검색
|
|
|
|
|
|
|
|
function searchList${pageName}(pageNumber) {
|
|
|
|
|
|
|
|
// pageNumber 값 확인
|
|
|
|
|
|
|
|
if (!pageNumber) pageNumber = 1;
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
${pageName}Control.query = getParams${pageName}(); // 검색조건
|
|
|
|
|
|
|
|
${pageName}Control.query.orderBy = "LEVY_EXCL_ID"; // 정렬
|
|
|
|
|
|
|
|
${pageName}Control.urls.load = wctx.url("/excl/excl01/010/list.do"); // url
|
|
|
|
|
|
|
|
|
|
|
|
$('#btnExtrRegist--${pageName}').on('click', () => {
|
|
|
|
${pageName}Control.load(pageNumber);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
// 테이블에 click, dbclick 이벤트
|
|
|
|
|
|
|
|
function renderList${pageName}() {
|
|
|
|
|
|
|
|
let ${infoPrefix}List = ${pageName}Control.dataset;
|
|
|
|
|
|
|
|
let empty = ${infoPrefix}List.empty;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let trs = empty ?
|
|
|
|
|
|
|
|
[document.getElementById("${infoPrefix}NotFound").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
|
|
|
|
|
|
|
|
${infoPrefix}List.inStrings(
|
|
|
|
|
|
|
|
document.getElementById("${infoPrefix}Row").innerHTML, <%-- from template#${infoPrefix}Row --%>
|
|
|
|
|
|
|
|
(str, dataItem) => str
|
|
|
|
|
|
|
|
.replace(/{onclick}/gi, 'onclick="${pageName}Control.setCurrent(\'' + dataItem.getValue("{LEVY_EXCL_ID}") + '\');"')
|
|
|
|
|
|
|
|
.replace(/{ondblclick}/gi, 'ondblclick="${pageName}Control.getInfo(\'' + dataItem.getValue("{LEVY_EXCL_ID}") + '\')"')
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#tbody--${pageName}").html(trs.join());
|
|
|
|
|
|
|
|
$("th input[type='checkbox']").prop("checked", false);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//보안모드
|
|
|
|
// 업무구분 변경
|
|
|
|
if($("#securityMode--top").is(":checked")){
|
|
|
|
function fnResetAndChangeBiz(taskSeCd) {
|
|
|
|
fn_securityModeToggle(true);
|
|
|
|
$("tbody--${pageName}").html("");
|
|
|
|
} else {
|
|
|
|
|
|
|
|
fn_securityModeToggle(false);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|