|
|
@ -10,8 +10,8 @@
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="container-page-btn">
|
|
|
|
<div class="container-page-btn">
|
|
|
|
<button type="button" class="btn btn-outline-dark" id="btnReset--${pageName}" title="초기화">초기화</button>
|
|
|
|
<button type="button" class="btn btn-outline-dark" id="btnReset--${pageName}" title="초기화">초기화</button>
|
|
|
|
<a href="#" class="btn btn-blue" id="btnPhotoInquire--${pageName}" title="단속사진 비교">단속사진 비교</a>
|
|
|
|
<a href="#" class="btn btn-blue" id="btnPhotoInspection--${pageName}" title="단속사진 비교">단속사진 비교</a>
|
|
|
|
<a href="#" class="btn btn-blue" id="btnSameVehicleInquire--${pageName}" title="동일단속차량 검사">동일단속차량 검사</a>
|
|
|
|
<a href="#" class="btn btn-blue" id="btnSameVehicleInspection--${pageName}" title="동일단속차량 검사">동일단속차량 검사</a>
|
|
|
|
<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>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
@ -98,16 +98,28 @@
|
|
|
|
<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">
|
|
|
|
|
|
|
|
<input type="checkbox" name="" value="Y" /><label for="">동일장소만조회</label>
|
|
|
|
|
|
|
|
<input type="checkbox" name="" value="Y" /><label for="">미납만조회</label>
|
|
|
|
|
|
|
|
<input type="checkbox" name="" value="Y" /><label for="">서손자료제외</label>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row" id="searchByTaskArea--${pageName}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="photoInquireArea">
|
|
|
|
<template id="taskSearchOption--${pageName}">
|
|
|
|
|
|
|
|
<div class="col-6 pvs">
|
|
|
|
|
|
|
|
<input type="checkbox" name="exclude" value="Y" /><label for="exclude">2시간초과제외</label>(사진검사일때)
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="photoInspectionArea">
|
|
|
|
<span class="container-page-btn">
|
|
|
|
<span class="container-page-btn">
|
|
|
|
<div class="d-flex flex-row justify-content-between">
|
|
|
|
<div class="d-flex flex-row justify-content-between">
|
|
|
|
<label id="photoInquirePaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
|
|
|
|
<label id="photoInspectionPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
|
|
|
|
<ul id="photoInquirePaging--${pageName}" class="pagination pagination-primary">
|
|
|
|
<ul id="photoInspectionPaging--${pageName}" class="pagination pagination-primary">
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
<span class="container-window-btn-right">
|
|
|
@ -115,11 +127,11 @@
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="card-datatable text-nowrap photoInquireArea">
|
|
|
|
<div class="card-datatable text-nowrap photoInspectionArea">
|
|
|
|
<div id="photoInquire_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div id="photoInspection_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div id="photoInquire-responsive--${pageName}" class="table-responsive"
|
|
|
|
<div id="photoInspection-responsive--${pageName}" class="table-responsive"
|
|
|
|
style="overflow-x: scroll;height:200px;overflow-y: scroll;">
|
|
|
|
style="overflow-x: scroll;height:200px;overflow-y: scroll;">
|
|
|
|
<table id="photoInquire_Table_0--${pageName}"
|
|
|
|
<table id="photoInspection_Table_0--${pageName}"
|
|
|
|
class="datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
class="datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
<thead>
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<tr>
|
|
|
@ -137,8 +149,8 @@
|
|
|
|
<th width="80px">자료출처</th>
|
|
|
|
<th width="80px">자료출처</th>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
</thead>
|
|
|
|
<tbody id="photoInquireTbody--${pageName}"></tbody>
|
|
|
|
<tbody id="photoInspectionTbody--${pageName}"></tbody>
|
|
|
|
<template id="photoInquireRow--${pageName}">
|
|
|
|
<template id="photoInspectionRow--${pageName}">
|
|
|
|
<tr data-key="{CRDN_ID}">
|
|
|
|
<tr data-key="{CRDN_ID}">
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_YMD_TM}</td>
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_YMD_TM}</td>
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{VHRNO}</td>
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{VHRNO}</td>
|
|
|
@ -154,7 +166,7 @@
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_INPT_SE_CD}</td>
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_INPT_SE_CD}</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template id="photoInquireNotFound--${pageName}">
|
|
|
|
<template id="photoInspectionNotFound--${pageName}">
|
|
|
|
<tr class="odd">
|
|
|
|
<tr class="odd">
|
|
|
|
<td valign="top" colspan="12" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
<td valign="top" colspan="12" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
@ -164,7 +176,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div style="height:200px" class="photoInquireArea">
|
|
|
|
<div style="height:200px" class="photoInspectionArea">
|
|
|
|
선택자료
|
|
|
|
선택자료
|
|
|
|
<table style="width: 100%;height: 150px;">
|
|
|
|
<table style="width: 100%;height: 150px;">
|
|
|
|
<colgroup>
|
|
|
|
<colgroup>
|
|
|
@ -183,7 +195,7 @@
|
|
|
|
</tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="height:200px" class="photoInquireArea">
|
|
|
|
<div style="height:200px" class="photoInspectionArea">
|
|
|
|
비교자료(선택자료의 다음 자료가 보여집니다.)
|
|
|
|
비교자료(선택자료의 다음 자료가 보여집니다.)
|
|
|
|
<table style="width: 100%;height: 150px;">
|
|
|
|
<table style="width: 100%;height: 150px;">
|
|
|
|
<colgroup>
|
|
|
|
<colgroup>
|
|
|
@ -203,11 +215,11 @@
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="sameVehicleInquireArea">
|
|
|
|
<div class="sameVehicleInspectionArea">
|
|
|
|
<span class="container-page-btn">
|
|
|
|
<span class="container-page-btn">
|
|
|
|
<div class="d-flex flex-row justify-content-between">
|
|
|
|
<div class="d-flex flex-row justify-content-between">
|
|
|
|
<label id="sameVehicleInquireMainPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
|
|
|
|
<label id="sameVehicleInspectionMainPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
|
|
|
|
<ul id="sameVehicleInquireMainPaging--${pageName}" class="pagination pagination-primary">
|
|
|
|
<ul id="sameVehicleInspectionMainPaging--${pageName}" class="pagination pagination-primary">
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
<span class="container-window-btn-right">
|
|
|
@ -215,12 +227,12 @@
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="sameVehicleInquireArea">
|
|
|
|
<div class="sameVehicleInspectionArea">
|
|
|
|
<div class="card-datatable text-nowrap" style="display: inline-flex;">
|
|
|
|
<div class="card-datatable text-nowrap" style="display: inline-flex;">
|
|
|
|
<div id="sameVehicleInquireMain_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div id="sameVehicleInspectionMain_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div id="sameVehicleInquireMain-responsive--${pageName}" class="table-responsive"
|
|
|
|
<div id="sameVehicleInspectionMain-responsive--${pageName}" class="table-responsive"
|
|
|
|
style="overflow-x: scroll;height:400px;width:310px;overflow-y: scroll;">
|
|
|
|
style="overflow-x: scroll;height:400px;width:310px;overflow-y: scroll;">
|
|
|
|
<table id="sameVehicleInquireMain_Table_0--${pageName}"
|
|
|
|
<table id="sameVehicleInspectionMain_Table_0--${pageName}"
|
|
|
|
class="datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
class="datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
<thead>
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<tr>
|
|
|
@ -229,15 +241,15 @@
|
|
|
|
<th>단속건수</th>
|
|
|
|
<th>단속건수</th>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
</thead>
|
|
|
|
<tbody id="sameVehicleInquireMainTbody--${pageName}"></tbody>
|
|
|
|
<tbody id="sameVehicleInspectionMainTbody--${pageName}"></tbody>
|
|
|
|
<template id="sameVehicleInquireMainRow--${pageName}">
|
|
|
|
<template id="sameVehicleInspectionMainRow--${pageName}">
|
|
|
|
<tr data-key="{CRDN_ID_LIST}">
|
|
|
|
<tr data-key="{CRDN_ID_LIST}">
|
|
|
|
<td onclick="{onclick}" class="text-center">{VHRNO}</td>
|
|
|
|
<td onclick="{onclick}" class="text-center">{VHRNO}</td>
|
|
|
|
<td onclick="{onclick}" class="text-center">{CRDN_STDG_NM}</td>
|
|
|
|
<td onclick="{onclick}" class="text-center">{CRDN_STDG_NM}</td>
|
|
|
|
<td onclick="{onclick}" class="text-center">{CRDN_CNT}</td>
|
|
|
|
<td onclick="{onclick}" class="text-center">{CRDN_CNT}</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template id="sameVehicleInquireMainNotFound--${pageName}">
|
|
|
|
<template id="sameVehicleInspectionMainNotFound--${pageName}">
|
|
|
|
<tr class="odd">
|
|
|
|
<tr class="odd">
|
|
|
|
<td valign="top" colspan="3" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
<td valign="top" colspan="3" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
@ -248,10 +260,10 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="card-datatable text-nowrap" style="display: inline-flex;margin-left:10px;">
|
|
|
|
<div class="card-datatable text-nowrap" style="display: inline-flex;margin-left:10px;">
|
|
|
|
<div id="sameVehicleInquireSub_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div id="sameVehicleInspectionSub_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div id="sameVehicleInquireSub-responsive--${pageName}" class="table-responsive"
|
|
|
|
<div id="sameVehicleInspectionSub-responsive--${pageName}" class="table-responsive"
|
|
|
|
style="overflow-x: scroll;height:400px;width:1000px;overflow-y: scroll;">
|
|
|
|
style="overflow-x: scroll;height:400px;width:1000px;overflow-y: scroll;">
|
|
|
|
<table id="sameVehicleInquireSub_Table_0--${pageName}"
|
|
|
|
<table id="sameVehicleInspectionSub_Table_0--${pageName}"
|
|
|
|
class="datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
class="datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
<thead>
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<tr>
|
|
|
@ -268,8 +280,8 @@
|
|
|
|
<th>주민번호(마스크)</th>
|
|
|
|
<th>주민번호(마스크)</th>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
</thead>
|
|
|
|
<tbody id="sameVehicleInquireSubTbody--${pageName}"></tbody>
|
|
|
|
<tbody id="sameVehicleInspectionSubTbody--${pageName}"></tbody>
|
|
|
|
<template id="sameVehicleInquireSubRow--${pageName}">
|
|
|
|
<template id="sameVehicleInspectionSubRow--${pageName}">
|
|
|
|
<tr data-key="{CRDN_ID}">
|
|
|
|
<tr data-key="{CRDN_ID}">
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_YMD_TM}</td>
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_YMD_TM}</td>
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_INPT_SE_CD}</td>
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_INPT_SE_CD}</td>
|
|
|
@ -284,7 +296,7 @@
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center privacy-mask">{주민번호마스크}</td>
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center privacy-mask">{주민번호마스크}</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template id="sameVehicleInquireSubNotFound--${pageName}">
|
|
|
|
<template id="sameVehicleInspectionSubNotFound--${pageName}">
|
|
|
|
<tr class="odd">
|
|
|
|
<tr class="odd">
|
|
|
|
<td valign="top" colspan="11" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
<td valign="top" colspan="11" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
@ -304,9 +316,9 @@
|
|
|
|
<div class="content-backdrop fade"></div>
|
|
|
|
<div class="content-backdrop fade"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="module" src="<c:url value='/resources/js/fims/crdn/inquire.js?${ver}'/>"></script>
|
|
|
|
<script type="module" src="<c:url value='/resources/js/fims/crdn/inspection.js?${ver}'/>"></script>
|
|
|
|
<script type="module">
|
|
|
|
<script type="module">
|
|
|
|
import InquireControl from "<c:url value='/resources/js/fims/crdn/inquire.js?${ver}'/>";
|
|
|
|
import InspectionControl from "<c:url value='/resources/js/fims/crdn/inspection.js?${ver}'/>";
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* Global Variable
|
|
|
|
* Global Variable
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
@ -332,8 +344,8 @@ $(document).ready(function(){
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//단속사진검사 datasetControl 인스턴스
|
|
|
|
//단속사진검사 datasetControl 인스턴스
|
|
|
|
$P.photoInquireControl = new DatasetControl({
|
|
|
|
$P.photoInspectionControl = new DatasetControl({
|
|
|
|
prefix:"photoInquire", prefixName:"종합", infoSize:"xl", urls : { load : "", getInfo : "" },
|
|
|
|
prefix:"photoInspection", prefixName:"종합", infoSize:"xl", urls : { load : "", getInfo : "" },
|
|
|
|
keymapper:info => info ? info.CRDN_ID : "", dataGetter:obj => obj.crdnList, appendData:true,
|
|
|
|
keymapper:info => info ? info.CRDN_ID : "", dataGetter:obj => obj.crdnList, appendData:true,
|
|
|
|
formats: {
|
|
|
|
formats: {
|
|
|
|
CRDN_YMD_TM : datetimeFormat,
|
|
|
|
CRDN_YMD_TM : datetimeFormat,
|
|
|
@ -344,27 +356,27 @@ $(document).ready(function(){
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$P.photoInquireControl.onDatasetChange = obj => {
|
|
|
|
$P.photoInspectionControl.onDatasetChange = obj => {
|
|
|
|
$P.renderInquireDataList("photoInquire");
|
|
|
|
$P.renderInspectionDataList("photoInspection");
|
|
|
|
|
|
|
|
|
|
|
|
var prefix = obj.infoPrefix;
|
|
|
|
var prefix = obj.infoPrefix;
|
|
|
|
$("#photoInquirePaging--${pageName}").setPagingInfo({
|
|
|
|
$("#photoInspectionPaging--${pageName}").setPagingInfo({
|
|
|
|
list: $P.photoInquireControl.dataset,
|
|
|
|
list: $P.photoInspectionControl.dataset,
|
|
|
|
prefix: "photoInquirePaging--${pageName}",
|
|
|
|
prefix: "photoInspectionPaging--${pageName}",
|
|
|
|
start: obj[prefix+"Start"], totalSize: obj[prefix+"Total"], fetchSize: obj[prefix+"Fetch"],
|
|
|
|
start: obj[prefix+"Start"], totalSize: obj[prefix+"Total"], fetchSize: obj[prefix+"Fetch"],
|
|
|
|
func: "pageObject['${pageName}'].photoInquireControl.load({index})"
|
|
|
|
func: "pageObject['${pageName}'].photoInspectionControl.load({index})"
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
//동일차량검사 datasetControl 인스턴스
|
|
|
|
//동일차량검사 datasetControl 인스턴스
|
|
|
|
$P.sameVehicleControl = new InquireControl({
|
|
|
|
$P.sameVehicleControl = new InspectionControl({
|
|
|
|
prefix:"sameVehicleInquireMain", prefixName:"종합", infoSize:"xl", urls : { load : "", getInfo : "" },
|
|
|
|
prefix:"sameVehicleInspectionMain", prefixName:"종합", infoSize:"xl", urls : { load : "", getInfo : "" },
|
|
|
|
keymapper:info => info ? info.CRDN_ID_LIST : "", dataGetter:obj => obj.crdnList,
|
|
|
|
keymapper:info => info ? info.CRDN_ID_LIST : "", dataGetter:obj => obj.crdnList,
|
|
|
|
formats: { CRDN_CNT : numberFormat }
|
|
|
|
formats: { CRDN_CNT : numberFormat }
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
prefix:"sameVehicleInquireSub", prefixName:"종합", infoSize:"xl", urls : { load : "", getInfo : "" },
|
|
|
|
prefix:"sameVehicleInspectionSub", prefixName:"종합", infoSize:"xl", urls : { load : "", getInfo : "" },
|
|
|
|
keymapper:info => info ? info.CRDN_ID : "", dataGetter:obj => obj.crdnList,
|
|
|
|
keymapper:info => info ? info.CRDN_ID : "", dataGetter:obj => obj.crdnList,
|
|
|
|
formats: {
|
|
|
|
formats: {
|
|
|
|
CRDN_YMD_TM : datetimeFormat,
|
|
|
|
CRDN_YMD_TM : datetimeFormat,
|
|
|
@ -375,12 +387,12 @@ $(document).ready(function(){
|
|
|
|
);
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
$P.sameVehicleControl.main.onDatasetChange = obj => {
|
|
|
|
$P.sameVehicleControl.main.onDatasetChange = obj => {
|
|
|
|
$P.renderInquireDataList("sameVehicleInquireMain");
|
|
|
|
$P.renderInspectionDataList("sameVehicleInspectionMain");
|
|
|
|
|
|
|
|
|
|
|
|
var prefix = obj.infoPrefix;
|
|
|
|
var prefix = obj.infoPrefix;
|
|
|
|
$("#sameVehicleInquireMainPaging--${pageName}").setPagingInfo({
|
|
|
|
$("#sameVehicleInspectionMainPaging--${pageName}").setPagingInfo({
|
|
|
|
list: $P.sameVehicleControl.main.dataset,
|
|
|
|
list: $P.sameVehicleControl.main.dataset,
|
|
|
|
prefix: "sameVehicleInquireMainPaging--${pageName}",
|
|
|
|
prefix: "sameVehicleInspectionMainPaging--${pageName}",
|
|
|
|
start: obj[prefix+"Start"], totalSize: obj[prefix+"Total"], fetchSize: obj[prefix+"Fetch"],
|
|
|
|
start: obj[prefix+"Start"], totalSize: obj[prefix+"Total"], fetchSize: obj[prefix+"Fetch"],
|
|
|
|
func: "pageObject['${pageName}'].sameVehicleControl.main.load({index})"
|
|
|
|
func: "pageObject['${pageName}'].sameVehicleControl.main.load({index})"
|
|
|
|
});
|
|
|
|
});
|
|
|
@ -389,7 +401,7 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.sameVehicleControl.sub.onDatasetChange = obj => {
|
|
|
|
$P.sameVehicleControl.sub.onDatasetChange = obj => {
|
|
|
|
$P.renderInquireDataList("sameVehicleInquireSub");
|
|
|
|
$P.renderInspectionDataList("sameVehicleInspectionSub");
|
|
|
|
|
|
|
|
|
|
|
|
//총 건수만 표시
|
|
|
|
//총 건수만 표시
|
|
|
|
};
|
|
|
|
};
|
|
|
@ -397,114 +409,119 @@ $(document).ready(function(){
|
|
|
|
$P.fnReset = () => {
|
|
|
|
$P.fnReset = () => {
|
|
|
|
$('#schCrdnYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-5475).date);
|
|
|
|
$('#schCrdnYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-5475).date);
|
|
|
|
$('#schCrdnYmdTo--${pageName}').datepicker('setDate', new Date());
|
|
|
|
$('#schCrdnYmdTo--${pageName}').datepicker('setDate', new Date());
|
|
|
|
$P.photoInquireControl.setData([]);
|
|
|
|
$P.photoInspectionControl.setData([]);
|
|
|
|
$P.sameVehicleControl.main.setData([]);
|
|
|
|
$P.sameVehicleControl.main.setData([]);
|
|
|
|
$P.sameVehicleControl.sub.setData([]);
|
|
|
|
$P.sameVehicleControl.sub.setData([]);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
$P.fnResetAndChangeBiz = taskSeCd => {
|
|
|
|
$P.fnResetAndChangeBiz = taskSeCd => {
|
|
|
|
$P.fnReset();
|
|
|
|
$P.fnReset();
|
|
|
|
$P.photoInquireControl.urls.load = wctx.url("/crdn/crdn06/020/"+ taskSeCd +"/list.do?inquireDataType=photo");
|
|
|
|
$P.photoInspectionControl.urls.load = wctx.url("/crdn/crdn06/020/"+ taskSeCd +"/list.do?inspectionDataType=photo");
|
|
|
|
$P.photoInquireControl.urls.getInfo = wctx.url("/sprt/sprt01/020/"+ taskSeCd +"/info.do");
|
|
|
|
$P.photoInspectionControl.urls.getInfo = wctx.url("/sprt/sprt01/020/"+ taskSeCd +"/info.do");
|
|
|
|
$P.sameVehicleControl.main.urls.load = wctx.url("/crdn/crdn06/020/"+ taskSeCd +"/list.do?inquireDataType=sameVehicleMain");
|
|
|
|
$P.sameVehicleControl.main.urls.load = wctx.url("/crdn/crdn06/020/"+ taskSeCd +"/list.do?inspectionDataType=sameVehicleMain");
|
|
|
|
$P.sameVehicleControl.main.urls.getInfo = "";
|
|
|
|
$P.sameVehicleControl.main.urls.getInfo = "";
|
|
|
|
$P.sameVehicleControl.sub.urls.load = wctx.url("/crdn/crdn06/020/"+ taskSeCd +"/list.do?inquireDataType=sameVehicleSub");
|
|
|
|
$P.sameVehicleControl.sub.urls.load = wctx.url("/crdn/crdn06/020/"+ taskSeCd +"/list.do?inspectionDataType=sameVehicleSub");
|
|
|
|
$P.sameVehicleControl.sub.urls.getInfo = wctx.url("/sprt/sprt01/020/"+ taskSeCd +"/info.do");
|
|
|
|
$P.sameVehicleControl.sub.urls.getInfo = wctx.url("/sprt/sprt01/020/"+ taskSeCd +"/info.do");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var cssForTask = taskSeCd.toLowerCase();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var searchOption = document.getElementById("taskSearchOption--${pageName}").content.querySelector("."+cssForTask)?.outerHTML;
|
|
|
|
|
|
|
|
if(!searchOption) searchOption = "";
|
|
|
|
|
|
|
|
$("#searchByTaskArea--${pageName}").html(searchOption);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$P.searchInquireList = () => {
|
|
|
|
$P.searchInspectionList = () => {
|
|
|
|
switch ($P.currentDisplay) {
|
|
|
|
switch ($P.currentDisplay) {
|
|
|
|
case "photoInquire":
|
|
|
|
case "photoInspection":
|
|
|
|
$P.photoInquireControl.query = $P.getParams();
|
|
|
|
$P.photoInspectionControl.query = $P.getParams();
|
|
|
|
$P.photoInquireControl.load(1);
|
|
|
|
$P.photoInspectionControl.load(1);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
case "sameVehicleInquire":
|
|
|
|
case "sameVehicleInspection":
|
|
|
|
$P.sameVehicleControl.main.query = $P.getParams();
|
|
|
|
$P.sameVehicleControl.main.query = $P.getParams();
|
|
|
|
$P.sameVehicleControl.main.load(1);
|
|
|
|
$P.sameVehicleControl.main.load(1);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
default: break;
|
|
|
|
default: break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
$P.searchDetailInquireDataList = () => {
|
|
|
|
$P.searchDetailInspectionDataList = () => {
|
|
|
|
$P.sameVehicleControl.sub.query = { "crdnIDs" : $P.sameVehicleControl.main.getCurrent()["CRDN_ID_LIST"].split(",") };
|
|
|
|
$P.sameVehicleControl.sub.query = { "crdnIDs" : $P.sameVehicleControl.main.getCurrent()["CRDN_ID_LIST"].split(",") };
|
|
|
|
$P.sameVehicleControl.sub.query.taskSeCd = $P.sameVehicleControl.main.query.taskSeCd;
|
|
|
|
$P.sameVehicleControl.sub.query.taskSeCd = $P.sameVehicleControl.main.query.taskSeCd;
|
|
|
|
$P.sameVehicleControl.sub.load(0);
|
|
|
|
$P.sameVehicleControl.sub.load(0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$P.scrollInquireDataList = () => {
|
|
|
|
$P.scrollInspectionDataList = () => {
|
|
|
|
switch ($P.currentDisplay) {
|
|
|
|
switch ($P.currentDisplay) {
|
|
|
|
case "photoInquire":
|
|
|
|
case "photoInspection":
|
|
|
|
$P.photoInquireControl.load($P.photoInquireControl.query.pageNum + 1);
|
|
|
|
$P.photoInspectionControl.load($P.photoInspectionControl.query.pageNum + 1);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
case "sameVehicleInquire":
|
|
|
|
case "sameVehicleInspection":
|
|
|
|
$P.sameVehicleControl.main.load($P.sameVehicleControl.main.query.pageNum + 1);
|
|
|
|
$P.sameVehicleControl.main.load($P.sameVehicleControl.main.query.pageNum + 1);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
default: break;
|
|
|
|
default: break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
$P.clickInquireDataList = (dataKey, gridType) => {
|
|
|
|
$P.clickInspectionDataList = (dataKey, gridType) => {
|
|
|
|
switch (gridType) {
|
|
|
|
switch (gridType) {
|
|
|
|
case "photoInquire":
|
|
|
|
case "photoInspection":
|
|
|
|
$P.photoInquireControl.setCurrent(dataKey);
|
|
|
|
$P.photoInspectionControl.setCurrent(dataKey);
|
|
|
|
$("#photoInquireTbody--${pageName}").setCurrentRow(dataKey);
|
|
|
|
$("#photoInspectionTbody--${pageName}").setCurrentRow(dataKey);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
case "sameVehicleInquireMain":
|
|
|
|
case "sameVehicleInspectionMain":
|
|
|
|
$P.sameVehicleControl.main.setCurrent(dataKey);
|
|
|
|
$P.sameVehicleControl.main.setCurrent(dataKey);
|
|
|
|
$("#sameVehicleInquireMainTbody--${pageName}").setCurrentRow(dataKey);
|
|
|
|
$("#sameVehicleInspectionMainTbody--${pageName}").setCurrentRow(dataKey);
|
|
|
|
$P.searchDetailInquireDataList();
|
|
|
|
$P.searchDetailInspectionDataList();
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
case "sameVehicleInquireSub":
|
|
|
|
case "sameVehicleInspectionSub":
|
|
|
|
$P.sameVehicleControl.sub.setCurrent(dataKey);
|
|
|
|
$P.sameVehicleControl.sub.setCurrent(dataKey);
|
|
|
|
$("#sameVehicleInquireSubTbody--${pageName}").setCurrentRow(dataKey);
|
|
|
|
$("#sameVehicleInspectionSubTbody--${pageName}").setCurrentRow(dataKey);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
$P.dblclickInquireDataList = (dataKey, gridType) => {
|
|
|
|
$P.dblclickInspectionDataList = (dataKey, gridType) => {
|
|
|
|
switch (gridType) {
|
|
|
|
switch (gridType) {
|
|
|
|
case "photoInquire":
|
|
|
|
case "photoInspection":
|
|
|
|
$P.photoInquireControl.getInfo(dataKey);
|
|
|
|
$P.photoInspectionControl.getInfo(dataKey);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
case "sameVehicleInquireSub":
|
|
|
|
case "sameVehicleInspectionSub":
|
|
|
|
$P.sameVehicleControl.sub.getInfo(dataKey);
|
|
|
|
$P.sameVehicleControl.sub.getInfo(dataKey);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$P.renderInquireDataList = (renderDataType) => {
|
|
|
|
$P.renderInspectionDataList = (renderDataType) => {
|
|
|
|
|
|
|
|
|
|
|
|
switch (renderDataType) {
|
|
|
|
switch (renderDataType) {
|
|
|
|
case "photoInquire":
|
|
|
|
case "photoInspection":
|
|
|
|
var dataList = $P.photoInquireControl.dataset;
|
|
|
|
var dataList = $P.photoInspectionControl.dataset;
|
|
|
|
var empty = dataList.empty;
|
|
|
|
var empty = dataList.empty;
|
|
|
|
var notFound = [document.getElementById("photoInquireNotFound--${pageName}").innerHTML]
|
|
|
|
var notFound = [document.getElementById("photoInspectionNotFound--${pageName}").innerHTML]
|
|
|
|
var found = document.getElementById("photoInquireRow--${pageName}").innerHTML;
|
|
|
|
var found = document.getElementById("photoInspectionRow--${pageName}").innerHTML;
|
|
|
|
var replacer = (str, dataItem) => str
|
|
|
|
var replacer = (str, dataItem) => str
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickInquireDataList('" + dataItem.getValue("CRDN_ID") + "','photoInquire');")
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickInspectionDataList('" + dataItem.getValue("CRDN_ID") + "','photoInspection');")
|
|
|
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickInquireDataList('" + dataItem.getValue("CRDN_ID") + "','photoInquire');");
|
|
|
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickInspectionDataList('" + dataItem.getValue("CRDN_ID") + "','photoInspection');");
|
|
|
|
var trs = empty ? notFound : dataList.inStrings(found, replacer);
|
|
|
|
var trs = empty ? notFound : dataList.inStrings(found, replacer);
|
|
|
|
$("#photoInquireTbody--${pageName}").html(trs.join());
|
|
|
|
$("#photoInspectionTbody--${pageName}").html(trs.join());
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
case "sameVehicleInquireMain":
|
|
|
|
case "sameVehicleInspectionMain":
|
|
|
|
var dataList = $P.sameVehicleControl.main.dataset;
|
|
|
|
var dataList = $P.sameVehicleControl.main.dataset;
|
|
|
|
var empty = dataList.empty;
|
|
|
|
var empty = dataList.empty;
|
|
|
|
var notFound = [document.getElementById("sameVehicleInquireMainNotFound--${pageName}").innerHTML];
|
|
|
|
var notFound = [document.getElementById("sameVehicleInspectionMainNotFound--${pageName}").innerHTML];
|
|
|
|
var found = document.getElementById("sameVehicleInquireMainRow--${pageName}").innerHTML;
|
|
|
|
var found = document.getElementById("sameVehicleInspectionMainRow--${pageName}").innerHTML;
|
|
|
|
var replacer = (str, dataItem) => str
|
|
|
|
var replacer = (str, dataItem) => str
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickInquireDataList('" + dataItem.getValue("CRDN_ID_LIST") + "','sameVehicleInquireMain');");
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickInspectionDataList('" + dataItem.getValue("CRDN_ID_LIST") + "','sameVehicleInspectionMain');");
|
|
|
|
var trs = empty ? notFound : dataList.inStrings(found, replacer);
|
|
|
|
var trs = empty ? notFound : dataList.inStrings(found, replacer);
|
|
|
|
$("#sameVehicleInquireMainTbody--${pageName}").html(trs.join());
|
|
|
|
$("#sameVehicleInspectionMainTbody--${pageName}").html(trs.join());
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
case "sameVehicleInquireSub":
|
|
|
|
case "sameVehicleInspectionSub":
|
|
|
|
var dataList = $P.sameVehicleControl.sub.dataset;
|
|
|
|
var dataList = $P.sameVehicleControl.sub.dataset;
|
|
|
|
var empty = dataList.empty;
|
|
|
|
var empty = dataList.empty;
|
|
|
|
var notFound = [document.getElementById("sameVehicleInquireSubNotFound--${pageName}").innerHTML]
|
|
|
|
var notFound = [document.getElementById("sameVehicleInspectionSubNotFound--${pageName}").innerHTML]
|
|
|
|
var found = document.getElementById("sameVehicleInquireSubRow--${pageName}").innerHTML;
|
|
|
|
var found = document.getElementById("sameVehicleInspectionSubRow--${pageName}").innerHTML;
|
|
|
|
var replacer = (str, dataItem) => str
|
|
|
|
var replacer = (str, dataItem) => str
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickInquireDataList('" + dataItem.getValue("CRDN_ID") + "','sameVehicleInquireSub');")
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickInspectionDataList('" + dataItem.getValue("CRDN_ID") + "','sameVehicleInspectionSub');")
|
|
|
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickInquireDataList('" + dataItem.getValue("CRDN_ID") + "','sameVehicleInquireSub');");
|
|
|
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickInspectionDataList('" + dataItem.getValue("CRDN_ID") + "','sameVehicleInspectionSub');");
|
|
|
|
var trs = empty ? notFound : dataList.inStrings(found, replacer);
|
|
|
|
var trs = empty ? notFound : dataList.inStrings(found, replacer);
|
|
|
|
$("#sameVehicleInquireSubTbody--${pageName}").html(trs.join());
|
|
|
|
$("#sameVehicleInspectionSubTbody--${pageName}").html(trs.join());
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
default: break;
|
|
|
|
default: break;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -520,42 +537,42 @@ $(document).ready(function(){
|
|
|
|
$P.fnResetAndChangeBiz(defaultBizValue);
|
|
|
|
$P.fnResetAndChangeBiz(defaultBizValue);
|
|
|
|
|
|
|
|
|
|
|
|
//스크롤 이벤트 추가(사진검사)
|
|
|
|
//스크롤 이벤트 추가(사진검사)
|
|
|
|
$("#photoInquire-responsive--${pageName}").scroll(function(){
|
|
|
|
$("#photoInspection-responsive--${pageName}").scroll(function(){
|
|
|
|
var el = $(this);
|
|
|
|
var el = $(this);
|
|
|
|
if(el.scrollTop() == 0){ return; }
|
|
|
|
if(el.scrollTop() == 0){ return; }
|
|
|
|
if((el[0].scrollHeight - el.scrollTop() + VERTICAL_SCROLL_HEIGHT) == el.outerHeight()){
|
|
|
|
if((el[0].scrollHeight - el.scrollTop() + VERTICAL_SCROLL_HEIGHT) == el.outerHeight()){
|
|
|
|
$P.scrollInquireDataList();
|
|
|
|
$P.scrollInspectionDataList();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
//스크롤 이벤트 추가(동일차량검사)
|
|
|
|
//스크롤 이벤트 추가(동일차량검사)
|
|
|
|
$("#sameVehicleInquireMain-responsive--${pageName}").scroll(function(){
|
|
|
|
$("#sameVehicleInspectionMain-responsive--${pageName}").scroll(function(){
|
|
|
|
var el = $(this);
|
|
|
|
var el = $(this);
|
|
|
|
if(el.scrollTop() == 0){ return; }
|
|
|
|
if(el.scrollTop() == 0){ return; }
|
|
|
|
if((el[0].scrollHeight - el.scrollTop() + VERTICAL_SCROLL_HEIGHT) == el.outerHeight()){
|
|
|
|
if((el[0].scrollHeight - el.scrollTop() + VERTICAL_SCROLL_HEIGHT) == el.outerHeight()){
|
|
|
|
$P.scrollInquireDataList();
|
|
|
|
$P.scrollInspectionDataList();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$('#btnReset--${pageName}').on('click', () => $P.fnReset()); //초기화버튼
|
|
|
|
$('#btnReset--${pageName}').on('click', () => $P.fnReset()); //초기화버튼
|
|
|
|
$('#btnPhotoInquire--${pageName}').on('click', () => {
|
|
|
|
$('#btnPhotoInspection--${pageName}').on('click', () => {
|
|
|
|
$(".photoInquireArea").show();
|
|
|
|
$(".photoInspectionArea").show();
|
|
|
|
$(".sameVehicleInquireArea").hide();
|
|
|
|
$(".sameVehicleInspectionArea").hide();
|
|
|
|
$P.currentDisplay = "photoInquire";
|
|
|
|
$P.currentDisplay = "photoInspection";
|
|
|
|
});
|
|
|
|
});
|
|
|
|
$('#btnSameVehicleInquire--${pageName}').on('click', () => {
|
|
|
|
$('#btnSameVehicleInspection--${pageName}').on('click', () => {
|
|
|
|
$(".sameVehicleInquireArea").show();
|
|
|
|
$(".sameVehicleInspectionArea").show();
|
|
|
|
$(".photoInquireArea").hide();
|
|
|
|
$(".photoInspectionArea").hide();
|
|
|
|
$P.currentDisplay = "sameVehicleInquire";
|
|
|
|
$P.currentDisplay = "sameVehicleInspection";
|
|
|
|
});
|
|
|
|
});
|
|
|
|
$('#btnSearch--${pageName}').on('click', () => $P.searchInquireList()); //검색버튼
|
|
|
|
$('#btnSearch--${pageName}').on('click', () => $P.searchInspectionList()); //검색버튼
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//보안모드
|
|
|
|
//보안모드
|
|
|
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
|
|
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
|
|
|
|
|
|
|
|
|
|
|
$(".photoInquireArea").show();
|
|
|
|
$(".photoInspectionArea").show();
|
|
|
|
$(".sameVehicleInquireArea").hide();
|
|
|
|
$(".sameVehicleInspectionArea").hide();
|
|
|
|
$P.currentDisplay = "photoInquire";
|
|
|
|
$P.currentDisplay = "photoInspection";
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|