|
|
|
|
@ -9,26 +9,22 @@
|
|
|
|
|
<div class="wrapper-list">
|
|
|
|
|
<div>
|
|
|
|
|
<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">
|
|
|
|
|
<button type="button" class="btn btn-search" id="btnSearch--${pageName}" title="검색">검색</button>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<form id="frmSearch--${pageName}" name="frmSearch">
|
|
|
|
|
<div class="container-search">
|
|
|
|
|
<div class="row g-1">
|
|
|
|
|
<div class="col-6">
|
|
|
|
|
<select id="schDateOpt--${pageName}" name="schDateOpt" class="form-select">
|
|
|
|
|
<option value="crdnYmd">단속일자</option>
|
|
|
|
|
<option value="regDt">등록일자</option>
|
|
|
|
|
</select>
|
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
|
<input type="text" id="schDateFrom--${pageName}" name="schDateFrom" class="form-control form-date"
|
|
|
|
|
<label class="form-label fw-bold form-search-title">단속일자</label>
|
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
|
<input type="text" id="schCrdnYmdFrom--${pageName}" name="schCrdnYmdFrom" class="form-control form-date"
|
|
|
|
|
data-fmt-type="day" title="시작 날짜 선택" />
|
|
|
|
|
<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" id="schCrdnYmdTo--${pageName}" name="schCrdnYmdTo" class="form-control form-date"
|
|
|
|
|
data-fmt-type="day" title="종료 날짜 선택">
|
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
|
</span>
|
|
|
|
|
@ -37,38 +33,14 @@
|
|
|
|
|
<input type="hidden" id="by--${pageName}" name="by" />
|
|
|
|
|
<input type="text" id="byOutput--${pageName}" class="form-control" readonly value="동적 검색" />
|
|
|
|
|
<input type="text" id="term--${pageName}" name="term" class="form-control" />
|
|
|
|
|
<span class="flr">
|
|
|
|
|
<button type="button" class="btn btn-open-detail"
|
|
|
|
|
data-bs-toggle="collapse" data-bs-target="#searchDetail--${pageName}">
|
|
|
|
|
<i class="bx bx-chevron-down"></i>
|
|
|
|
|
상세조회조건
|
|
|
|
|
</button>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="searchDetail--${pageName}" class="container-search container-search-detail collapse">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<label class="form-label fw-bold form-search-title">차량번호</label>
|
|
|
|
|
<input type="text" id="vhrno--${pageName}" name="vhrno" class="form-control" />
|
|
|
|
|
<label class="form-label fw-bold form-search-title">단속구분</label>
|
|
|
|
|
<select id="crdnSeCd--${pageName}" name="crdnSeCd" class="form-select">
|
|
|
|
|
<option value="">전체</option>
|
|
|
|
|
<c:forEach items="${FIM002List}" var="item">
|
|
|
|
|
<option value="${item.code}">${item.value}</option>
|
|
|
|
|
</c:forEach>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<span class="container-page-btn">
|
|
|
|
|
<a href="#" class="btn btn-blue" id="btnUpdateToConfirmData--${pageName}" title="개별 확인 자료로 수정">개별 확인 자료로 수정</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
|
<div class="d-flex flex-row justify-content-between">
|
|
|
|
|
<label id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
|
|
|
|
|
@ -81,18 +53,49 @@
|
|
|
|
|
|
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
|
<div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
|
<div id="table-responsive--${pageName}" class="table-responsive"
|
|
|
|
|
style="overflow-x: scroll;height:400px;overflow-y: scroll;">
|
|
|
|
|
<div id="table-responsive--${pageName}" class="table-responsive"
|
|
|
|
|
style="overflow-x: scroll;height:600px;overflow-y: scroll;">
|
|
|
|
|
<table id="DataTables_Table_0--${pageName}"
|
|
|
|
|
class="datatables-ajax table table-bordered dataTable no-footer"
|
|
|
|
|
aria-describedby="DataTables_Table_0_info"
|
|
|
|
|
>
|
|
|
|
|
class="datatables-ajax table table-bordered dataTable no-footer" >
|
|
|
|
|
<thead>
|
|
|
|
|
<tr id="crdnTheadTr--${pageName}">
|
|
|
|
|
<th width="80">No.</th>
|
|
|
|
|
<th width="80" onclick="searchFromGridTitle('by--${pageName}','byOutput--${pageName}','CRDN_INPT_SE_CD',this.innerText);">자료출처</th>
|
|
|
|
|
<th width="80" onclick="searchFromGridTitle('by--${pageName}','byOutput--${pageName}','CRDN_YMD','위반일자');">위반일시</th>
|
|
|
|
|
<th width="80" onclick="searchFromGridTitle('by--${pageName}','byOutput--${pageName}','VHRNO',this.innerText);">차량번호</th>
|
|
|
|
|
<th width="80" onclick="searchFromGridTitle('by--${pageName}','byOutput--${pageName}','CRDN_STDG_NM',this.innerText);">법정동</th>
|
|
|
|
|
<th width="80" onclick="searchFromGridTitle('by--${pageName}','byOutput--${pageName}','APLCNT_CRDN_NM',this.innerText);">신고/단속자</th>
|
|
|
|
|
<th width="80" onclick="searchFromGridTitle('by--${pageName}','byOutput--${pageName}','FFNLG_AMT',this.innerText);">잔액</th>
|
|
|
|
|
<th width="80" onclick="searchFromGridTitle('by--${pageName}','byOutput--${pageName}','',this.innerText);">영상매체</th>
|
|
|
|
|
<th width="80" onclick="searchFromGridTitle('by--${pageName}','byOutput--${pageName}','ATCH_FILE_CNT',this.innerText);">사진건수</th>
|
|
|
|
|
<th width="80" onclick="searchFromGridTitle('by--${pageName}','byOutput--${pageName}','CRDN_SN',this.innerText);">발행번호</th>
|
|
|
|
|
<th width="80" onclick="searchFromGridTitle('by--${pageName}','byOutput--${pageName}','',this.innerText);">표지확인</th>
|
|
|
|
|
<th width="80" onclick="searchFromGridTitle('by--${pageName}','byOutput--${pageName}','CRDN_STTS_CD',this.innerText);">처리상태</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody id="crdnTbody--${pageName}">
|
|
|
|
|
</tbody>
|
|
|
|
|
<template id="crdnRow--${pageName}">
|
|
|
|
|
<tr data-key="{CRDN_ID}">
|
|
|
|
|
<td {onclick} {ondblclick} class="text-end">{ROW_NUM}</td>
|
|
|
|
|
<td {onclick} {ondblclick} class="text-center">{CRDN_INPT_SE_CD}</td>
|
|
|
|
|
<td {onclick} {ondblclick} class="text-center">{CRDN_YMD_TM}</td>
|
|
|
|
|
<td {onclick} {ondblclick} class="text-center">{VHRNO}</td>
|
|
|
|
|
<td {onclick} {ondblclick} class="text-center">{CRDN_STDG_NM}</td>
|
|
|
|
|
<td {onclick} {ondblclick} class="text-center">{APLCNT_CRDN_NM}</td>
|
|
|
|
|
<td {onclick} {ondblclick} class="text-end">{FFNLG_AMT}</td>
|
|
|
|
|
<td {onclick} {ondblclick} class="text-center">{매체}</td>
|
|
|
|
|
<td {onclick} {ondblclick} class="text-end">{ATCH_FILE_CNT}</td>
|
|
|
|
|
<td {onclick} {ondblclick} class="text-end">{CRDN_SN}</td>
|
|
|
|
|
<td {onclick} {ondblclick} class="text-start">{표지확인}</td>
|
|
|
|
|
<td {onclick} {ondblclick} class="text-center">{CRDN_STTS_CD}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</template>
|
|
|
|
|
<template id="crdnNotFound--${pageName}">
|
|
|
|
|
<tr>
|
|
|
|
|
<td valign="top" colspan="12" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</template>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -114,49 +117,35 @@
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* Global Variable
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
var FIM002 = new CommonCodes(${FIM002});
|
|
|
|
|
var FIM003 = new CommonCodes(${FIM003});
|
|
|
|
|
var FIM010 = new CommonCodes(${FIM010});
|
|
|
|
|
var FIM026 = new CommonCodes(${FIM026});
|
|
|
|
|
pageObject["${pageName}"] = {};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
var $P = pageObject["${pageName}"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.crdnControl = new DatasetControl({
|
|
|
|
|
prefix:"crdn",
|
|
|
|
|
prefixName:"종합",
|
|
|
|
|
infoSize:"xl",
|
|
|
|
|
prefix:"crdn", prefixName:"종합", infoSize:"xl",
|
|
|
|
|
urls : {
|
|
|
|
|
load : wctx.url("/crdn/crdn06/030/DPV/list.do"),
|
|
|
|
|
getInfo : wctx.url("/sprt/sprt01/020/DPV/info.do")
|
|
|
|
|
getInfo : wctx.url("/sprt/sprt01/020/DPV/info.do"),
|
|
|
|
|
update: wctx.url("/crdn/crdn06/030/DPV/update.do")
|
|
|
|
|
},
|
|
|
|
|
formats: {
|
|
|
|
|
CRDN_YMD_TM : datetimeFormat,
|
|
|
|
|
REG_DT : datetimeFormat,
|
|
|
|
|
MDFCN_DT : datetimeFormat,
|
|
|
|
|
CVLCPT_PRCS_PRNMNT_DT : dateFormat,
|
|
|
|
|
CVLCPT_RCPT_YMD : dateFormat,
|
|
|
|
|
|
|
|
|
|
RCVMT_AMT : numberFormat,
|
|
|
|
|
|
|
|
|
|
CRDN_SE_CD : FIM002,
|
|
|
|
|
CRDN_INPT_SE_CD : FIM003,
|
|
|
|
|
CRDN_STTS_CD : FIM010,
|
|
|
|
|
CRDN_REG_SE_CD : FIM026
|
|
|
|
|
CRDN_YMD_TM : datetimeFormat,
|
|
|
|
|
FFNLG_AMT : numberFormat,
|
|
|
|
|
CRDN_STTS_CD : FIM010
|
|
|
|
|
},
|
|
|
|
|
keymapper:info => info ? info.CRDN_ID : "",
|
|
|
|
|
dataGetter:obj => obj.crdnList,
|
|
|
|
|
appendData:true
|
|
|
|
|
keymapper:info => info ? info.CRDN_ID : "", dataGetter:obj => obj.crdnList, appendData:true
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.crdnControl.onDatasetChange = obj => {
|
|
|
|
|
$P.renderCrdnList();
|
|
|
|
|
|
|
|
|
|
var prefix = obj.infoPrefix;
|
|
|
|
|
$P.renderCrdnList(obj);
|
|
|
|
|
|
|
|
|
|
$("#crdnPaging--${pageName}").setPagingInfo({
|
|
|
|
|
list: $P.crdnControl.dataset,
|
|
|
|
|
prefix: "crdnPaging--${pageName}",
|
|
|
|
|
@ -165,14 +154,10 @@ $(document).ready(function(){
|
|
|
|
|
fetchSize: obj[prefix+"Fetch"],
|
|
|
|
|
func: "pageObject['${pageName}'].crdnControl.load({index})"
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.searchCrdnList = () => {
|
|
|
|
|
$P.crdnControl.query = $P.getParams();
|
|
|
|
|
$("#crdnTbody--${pageName}").html("");
|
|
|
|
|
$P.crdnControl.load(1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -180,25 +165,25 @@ $(document).ready(function(){
|
|
|
|
|
$P.crdnControl.load($P.crdnControl.query.pageNum + 1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$P.renderCrdnList = data => {
|
|
|
|
|
if(!$P.crdnControl.appendData){
|
|
|
|
|
$("#crdnTbody--${pageName}").html("");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$P.renderCrdnList = () => {
|
|
|
|
|
|
|
|
|
|
var crdnList = $P.crdnControl.dataset;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var empty = crdnList.empty;
|
|
|
|
|
|
|
|
|
|
var trs = empty ? [ $P.tbodyTemplate.notFound ] : crdnList.inStrings($P.tbodyTemplate.found);
|
|
|
|
|
|
|
|
|
|
var trs = empty ?
|
|
|
|
|
[document.getElementById("crdnNotFound--${pageName}").innerHTML] :
|
|
|
|
|
crdnList.inStrings(
|
|
|
|
|
document.getElementById("crdnRow--${pageName}").innerHTML,
|
|
|
|
|
(str, dataItem) => str
|
|
|
|
|
.replace(/{onclick}/gi, 'onclick="pageObject[\'${pageName}\'].crdnControl.setCurrent(\'' + dataItem.getValue("CRDN_ID") + '\');$(\'#crdnTbody--${pageName}\').setCurrentRow(\'' + dataItem.getValue("CRDN_ID") + '\');"')
|
|
|
|
|
.replace(/{ondblclick}/gi, 'ondblclick="pageObject[\'${pageName}\'].crdnControl.getInfo(\'' + dataItem.getValue("CRDN_ID") + '\')"')
|
|
|
|
|
);
|
|
|
|
|
$("#crdnTbody--${pageName}").html(trs.join());
|
|
|
|
|
|
|
|
|
|
//보안모드
|
|
|
|
|
if($("#securityMode--top").is(":checked")){
|
|
|
|
|
fn_securityModeToggle(true);
|
|
|
|
|
} else {
|
|
|
|
|
fn_securityModeToggle(false);
|
|
|
|
|
}
|
|
|
|
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$P.getParams = () => {
|
|
|
|
|
@ -206,57 +191,20 @@ $(document).ready(function(){
|
|
|
|
|
var data = formFields.get();
|
|
|
|
|
data.taskSeCd = "DPV";
|
|
|
|
|
data.fetchSize = 30;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return data;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$P.fnReset = () => {
|
|
|
|
|
$('#schCrdnYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-5475).date);
|
|
|
|
|
$('#schCrdnYmdTo--${pageName}').datepicker('setDate', new Date());
|
|
|
|
|
$P.crdnControl.setData([]);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* *******************************
|
|
|
|
|
* Grid
|
|
|
|
|
******************************* */
|
|
|
|
|
$P.gridColumns = [
|
|
|
|
|
{ header: '자료출처', name: 'CRDN_INPT_SE_CD', width: 100, className: 'text-center', advancedOptionIndex : 1 },
|
|
|
|
|
{ header: '위반일시', name: 'CRDN_YMD_TM', width: 120, className: 'text-center' },
|
|
|
|
|
{ header: '차량번호', name: 'VHRNO', width: 80, className: 'text-center' },
|
|
|
|
|
{ header: '법정동', name: 'CRDN_STDG_NM', width: 80, className: 'text-center' },
|
|
|
|
|
{ header: '신고/단속자', name: 'APLCNT_CRDN_NM', width: 80, className: 'text-center' },
|
|
|
|
|
{ header: '잔액', name: 'UNKNOWN2', width: 80, className: 'text-end' },
|
|
|
|
|
{ header: '영상매체', name: 'UNKNOWN3', width: 80, className: 'text-center' },
|
|
|
|
|
{ header: '사진건수', name: 'ATCH_FILE_CNT', width: 40, className: 'text-center' },
|
|
|
|
|
{ header: '발행번호', name: 'CRDN_SN', width: 80, className: 'text-center' },
|
|
|
|
|
{ header: '표지확인', name: 'UNKNOWN5', width: 80, className: 'text-center' },
|
|
|
|
|
{ header: '처리상태', name: 'CRDN_STTS_CD', width: 80, className: 'text-center' },
|
|
|
|
|
|
|
|
|
|
{ header: '등록일시', name: 'REG_DT', width: 150, className: 'text-center' },
|
|
|
|
|
{ header: '최종처리일시', name: 'MDFCN_DT', width: 150, className: 'text-center' }
|
|
|
|
|
];
|
|
|
|
|
$P.gridOptions = {
|
|
|
|
|
by : 'by--${pageName}',
|
|
|
|
|
byOutput : 'byOutput--${pageName}',
|
|
|
|
|
theadTr: 'crdnTheadTr--${pageName}',
|
|
|
|
|
rowHeader: 'No.',
|
|
|
|
|
trDataKey: 'CRDN_ID',
|
|
|
|
|
infoPrefix: "crdn",
|
|
|
|
|
prefixName : "단속",
|
|
|
|
|
clickEvent : "pageObject['${pageName}'].crdnControl.setCurrent('{CRDN_ID}')",
|
|
|
|
|
dblClickEvent : "pageObject['${pageName}'].crdnControl.getInfo({})",
|
|
|
|
|
columns: $P.gridColumns
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$P.tbodyTemplate = {};
|
|
|
|
|
|
|
|
|
|
//그리드 정보 초기화
|
|
|
|
|
$P.tbodyTemplate = initGrid($P.gridOptions);
|
|
|
|
|
|
|
|
|
|
//달력 초기화
|
|
|
|
|
initDatepicker("frmSearch--${pageName}");
|
|
|
|
|
|
|
|
|
|
$('#schDateFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-5475).date);
|
|
|
|
|
$('#schDateTo--${pageName}').datepicker('setDate', new Date());
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//스크롤 이벤트 추가
|
|
|
|
|
$("#table-responsive--${pageName}").scroll(function(){
|
|
|
|
|
var el = $(this);
|
|
|
|
|
@ -267,20 +215,27 @@ $(document).ready(function(){
|
|
|
|
|
$P.scrollCrdnList();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('#btnReset--${pageName}').on('click', () => $P.fnReset());
|
|
|
|
|
$('#btnSearch--${pageName}').on('click', () => $P.searchCrdnList());
|
|
|
|
|
|
|
|
|
|
$('#btnUpdateToConfirmData--${pageName}').on('click', () => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.crdnControl.getCurrent();
|
|
|
|
|
|
|
|
|
|
dialog.alert({
|
|
|
|
|
content:"현 자료를 장애차량 확인된 자료로 변경하겠습니까?",
|
|
|
|
|
onOK:() => {
|
|
|
|
|
$P.crdnControl.save({ '표지정보확인' : 'Y' });
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.fnReset();
|
|
|
|
|
|
|
|
|
|
//보안모드
|
|
|
|
|
if($("#securityMode--top").is(":checked")){
|
|
|
|
|
fn_securityModeToggle(true);
|
|
|
|
|
} else {
|
|
|
|
|
fn_securityModeToggle(false);
|
|
|
|
|
}
|
|
|
|
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
