단속관리 화면 수정

main
이범준 1 year ago
parent c26cf10b15
commit 7c4b3cf0dc

@ -142,117 +142,44 @@
style="overflow-x: scroll;height:400px;overflow-y: scroll;"> style="overflow-x: scroll;height:400px;overflow-y: scroll;">
<table id="DataTables_Table_0--${pageName}" <table id="DataTables_Table_0--${pageName}"
class="datatables-ajax table table-bordered dataTable no-footer"> class="datatables-ajax table table-bordered dataTable no-footer">
<thead id="crdnThead--${pageName}"></thead> <thead>
<tbody id="crdnTbody--${pageName}"></tbody> <tr id="crdnThead--${pageName}"></tr>
</thead>
<tbody id="crdnTbody--${pageName}">
</tbody>
<template id="crdnCols--${pageName}"> <template id="crdnCols--${pageName}">
<tr class="dpv eca"> <th width="80" class="pvs bpv dpv eca">No.</th>
<th width="80">No.</th> <th width="80" class="pvs bpv dpv eca">자료출처</th>
<th width="80">자료출처</th> <th width="80" class="pvs bpv dpv eca">차량번호</th>
<th width="80">차량번호</th> <th width="80" class="pvs bpv dpv eca">위반일시</th>
<th width="80">위반일시</th> <th width="80" class="dpv eca">신고/단속자</th>
<th width="80">신고/단속자</th> <th width="80" class="pvs bpv dpv eca">위반장소</th>
<th width="80">위반장소</th> <th width="80" class="pvs bpv dpv eca">체납액</th>
<th width="80">체납액</th> <th width="80" class="pvs bpv dpv eca">사진건수</th>
<th width="80">사진건수</th> <th width="80" class="pvs bpv dpv eca">발행번호</th>
<th width="80">발행번호</th> <th width="80" class="pvs bpv dpv eca">차량확인</th>
<th width="80">차량확인</th> <th width="80" class="pvs bpv dpv eca">처리상태</th>
<th width="80">처리상태</th> <th width="80" class="pvs bpv dpv eca">제외사유</th>
<th width="80">제외사유</th> <th width="80" class="pvs bpv dpv eca">제외처리일자</th>
<th width="80">제외처리일자</th> <th width="80" class="pvs bpv dpv eca">제외내역</th>
<th width="80">제외내역</th>
</tr>
<tr class="pvs bpv">
<th width="80">No.</th>
<th width="80">시군구명</th>
<th width="80">자료출처</th>
<th width="80">차량번호</th>
<th width="80">단속일시</th>
<th width="80">단속조</th>
<th width="80">단속원</th>
<th width="80">사진건수</th>
<th width="80">스티커번호</th>
<th width="80">처리상태</th>
<th width="80">서손사유</th>
<th width="80">차량구분</th>
<th width="80">차종</th>
<th width="80">차량명</th>
<th width="80">단속동</th>
<th width="80">단속장소</th>
<th width="80">단속원금</th>
<th width="80">경감금액</th>
<th width="80">잔액</th>
<th width="80">위반법규</th>
<th width="80">견인여부</th>
<th width="80">단속특별지역</th>
<th width="80">부과일자</th>
<th width="80">성명</th>
<th width="80">주민번호</th>
<th width="80">주소</th>
<th width="80">번지</th>
<th width="80">우편번호</th>
<th width="80">GPS-X</th>
<th width="80">GPS-Y</th>
<th width="80">단속특이사항</th>
<th width="80">자료입력일시</th>
<th width="80">특이사항</th>
<th width="80">등록사용자</th>
<th width="80">렌트등록자</th>
</tr>
</template> </template>
<template id="crdnRow--${pageName}"> <template id="crdnRow--${pageName}">
<tr data-key="{CRDN_ID}" class="dpv eca"> <tr data-key="{CRDN_ID}">
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{ROW_NUM}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end pvs bpv dpv eca">{ROW_NUM}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_INPT_SE_CD}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center pvs bpv dpv eca">{CRDN_INPT_SE_CD}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{VHRNO}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center pvs bpv dpv eca">{VHRNO}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_YMD_TM}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center pvs bpv dpv eca">{CRDN_YMD_TM}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{APLCNT_CRDN_NM}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center dpv eca">{APLCNT_CRDN_NM}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_PLC}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center pvs bpv dpv eca">{CRDN_PLC}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{체납액}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end pvs bpv dpv eca">{체납액}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{ATCH_FILE_CNT}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center pvs bpv dpv eca">{ATCH_FILE_CNT}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_SN}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center pvs bpv dpv eca">{CRDN_SN}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{차량확인}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center pvs bpv dpv eca">{차량확인}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_STTS_CD}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center pvs bpv dpv eca">{CRDN_STTS_CD}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{LEVY_EXCL_RSN_CD}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center pvs bpv dpv eca">{LEVY_EXCL_RSN_CD}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{LEVY_EXCL_YMD}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center pvs bpv dpv eca">{LEVY_EXCL_YMD}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{LEVY_EXCL_ETC_CN}</td> <td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center pvs bpv dpv eca">{LEVY_EXCL_ETC_CN}</td>
</tr>
<tr class="pvs bpv">
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{ROW_NUM}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{}</td>
</tr> </tr>
</template> </template>
<template id="crdnNotFound--${pageName}"> <template id="crdnNotFound--${pageName}">
@ -260,7 +187,7 @@
<td valign="top" colspan="14" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td> <td valign="top" colspan="14" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
</tr> </tr>
<tr class="pvs bpv"> <tr class="pvs bpv">
<td valign="top" colspan="35" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td> <td valign="top" colspan="14" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
</tr> </tr>
</template> </template>
</table> </table>
@ -374,8 +301,13 @@ $(document).ready(function(){
if(!searchOption) searchOption = ""; if(!searchOption) searchOption = "";
$("#searchByTaskArea--${pageName}").html(searchOption); $("#searchByTaskArea--${pageName}").html(searchOption);
var cols = document.getElementById("crdnCols--${pageName}").content.querySelector("."+cssForTask).outerHTML; var colsContent = document.getElementById("crdnCols--${pageName}").content;
$("#crdnThead--${pageName}").html(cols); var cols = $(colsContent).find("."+cssForTask);
var colsStr = "";
cols.each(function(){
colsStr += this.outerHTML;
});
$("#crdnThead--${pageName}").html(colsStr);
} }
$P.searchCrdnList = () => { $P.searchCrdnList = () => {
@ -413,7 +345,16 @@ $(document).ready(function(){
var empty = crdnList.empty; var empty = crdnList.empty;
var cssForTask = $("#frmSearch--${pageName} [name='taskSeCd']:checked").val().toLowerCase(); var cssForTask = $("#frmSearch--${pageName} [name='taskSeCd']:checked").val().toLowerCase();
var notFound = [document.getElementById("crdnNotFound--${pageName}").content.querySelector("."+cssForTask).outerHTML]; var notFound = [document.getElementById("crdnNotFound--${pageName}").content.querySelector("."+cssForTask).outerHTML];
var found = document.getElementById("crdnRow--${pageName}").content.querySelector("."+cssForTask).outerHTML; var foundContent = document.getElementById("crdnRow--${pageName}").content;
var foundTr = $(foundContent).find("tr")[0].cloneNode(false);
var foundTds = $(foundContent).find("."+cssForTask);
foundTds.each(function(){
foundTr.appendChild(this.cloneNode(true));
});
var found = foundTr.outerHTML;
var replacer = (str, dataItem) => str var replacer = (str, dataItem) => str
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickCrdnList('" + dataItem.getValue("CRDN_ID") + "');") .replace(/{onclick}/gi, "pageObject['${pageName}'].clickCrdnList('" + dataItem.getValue("CRDN_ID") + "');")
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickCrdnList('" + dataItem.getValue("CRDN_ID") + "');"); .replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickCrdnList('" + dataItem.getValue("CRDN_ID") + "');");

Loading…
Cancel
Save