면제차량 이력 등록, 이력 조회 기능 추가
parent
c0f0c37d6f
commit
ec9995b98d
@ -0,0 +1,109 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
||||||
|
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
||||||
|
<div class="card">
|
||||||
|
<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:550px;overflow-y: scroll;">
|
||||||
|
<table id="DataTables_Table_0--${pageName}"
|
||||||
|
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
|
||||||
|
<thead class="sticky-thead">
|
||||||
|
<tr id="exmptnVhclTheadTr--${pageName}">
|
||||||
|
<th style="width: 80px;">No.</th>
|
||||||
|
<th style="width: 140px;">차량번호</th>
|
||||||
|
<th style="width: 300px;">면제사유</th>
|
||||||
|
<th style="width: 200px;">공문번호</th>
|
||||||
|
<th style="width: 160px;">소유주명</th>
|
||||||
|
<th style="width: 160px;">면제시작일</th>
|
||||||
|
<th style="width: 160px;">면제종료일</th>
|
||||||
|
<th style="width: 100px;">삭제 여부</th>
|
||||||
|
<th style="width: 200px;">삭제사유</th>
|
||||||
|
<th style="width: 160px;">입력자</th>
|
||||||
|
<th style="width: 200px;">입력일시</th>
|
||||||
|
<th style="width: 160px;">수정자</th>
|
||||||
|
<th style="width: 200px;">수정일시</th>
|
||||||
|
<th style="width: 160px;">삭제자</th>
|
||||||
|
<th style="width: 200px;">삭제일시</th>
|
||||||
|
<th class="dummy-th"></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="exmptnVhclTbody--${pageName}"></tbody>
|
||||||
|
<template id="exmptnVhclRow--${pageName}">
|
||||||
|
<tr data-key="{HSTRY_SN}">
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{HSTRY_SN}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{VHRNO}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{EXMPTN_RSN}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{DOC_NO}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{OWNR_NM}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{EXMPTN_BGNG_YMD}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{EXMPTN_END_YMD}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{DEL_YN}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{DEL_RSN}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{RGTR_NM}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{REG_DT}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{MDFR_NM}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{MDFCN_DT}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{DLTR_NM}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{DEL_DT}</td>
|
||||||
|
<td class="dummy-td"></td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
<template id="exmptnVhclNotFound--${pageName}">
|
||||||
|
<tr>
|
||||||
|
<td valign="top" colspan="15" class="dataTables_empty text-center">면제차량 이력 정보를 찾지 못했습니다.</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
pageObject["${pageName}"] = {};
|
||||||
|
|
||||||
|
var NTR034 = new CommonCodes(${NTR034});
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
|
||||||
|
var list = ${list};
|
||||||
|
console.log(list);
|
||||||
|
|
||||||
|
var $P = pageObject["${pageName}"];
|
||||||
|
|
||||||
|
/**************************************************************************
|
||||||
|
* DatasetControl
|
||||||
|
**************************************************************************/
|
||||||
|
$P.exmptnVhclControl = new DatasetControl({
|
||||||
|
urls : { },
|
||||||
|
dataGetter : obj => obj, appendData:false,
|
||||||
|
keymapper : info => info ? info.HSTRY_SN : "",
|
||||||
|
formats: {
|
||||||
|
EXMPTN_BGNG_YMD : dateFormat,
|
||||||
|
EXMPTN_END_YMD : dateFormat,
|
||||||
|
REG_DT : datetimeFormat,
|
||||||
|
MDFCN_DT : datetimeFormat,
|
||||||
|
DEL_DT : datetimeFormat,
|
||||||
|
DEL_YN : NTR034
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$P.exmptnVhclControl.onDatasetChange = (obj) => {
|
||||||
|
var exmptnVhclList = $P.exmptnVhclControl.dataset;
|
||||||
|
var empty = exmptnVhclList.empty;
|
||||||
|
var notFound = [document.getElementById("exmptnVhclNotFound--${pageName}").innerHTML];
|
||||||
|
var found = document.getElementById("exmptnVhclRow--${pageName}").innerHTML;
|
||||||
|
var replacer = (str, dataItem) => str
|
||||||
|
.replace(/{onclick}/gi, "")
|
||||||
|
.replace(/{ondblclick}/gi, "");
|
||||||
|
|
||||||
|
var trs = empty ? notFound : exmptnVhclList.inStrings(found,replacer);
|
||||||
|
|
||||||
|
$("#exmptnVhclTbody--${pageName}").html(trs.join());
|
||||||
|
|
||||||
|
//보안모드
|
||||||
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.exmptnVhclControl.setData(list);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue