단속자료검사 화면 수정
parent
d51c196684
commit
a75ac23ec3
@ -1,3 +1,561 @@
|
|||||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
||||||
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
||||||
<c:set var="prefixName" scope="request">단속 자료 검사</c:set>
|
|
||||||
|
<!-- inner page html -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<div class="container-xxl flex-grow-1 px-0">
|
||||||
|
<c:set var="prefixName" scope="request">단속 자료 검사</c:set>
|
||||||
|
<div class="card">
|
||||||
|
<div class="wrapper-list">
|
||||||
|
<div>
|
||||||
|
<div class="container-page-btn">
|
||||||
|
<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="btnSameVehicleInquire--${pageName}" title="동일단속차량 검사">동일단속차량 검사</a>
|
||||||
|
<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">
|
||||||
|
<label class="form-label fw-bold form-search-title">시스템구분</label>
|
||||||
|
<span class="form-search-linebox">
|
||||||
|
<c:forEach items="${FIM054List}" var="item">
|
||||||
|
<label>
|
||||||
|
<input name="taskSeCd" type="radio" value="${item.code}"
|
||||||
|
class="form-check-input" alt="업무구분"
|
||||||
|
onchange="pageObject['${pageName}'].fnResetAndChangeBiz(this.value);">
|
||||||
|
${item.value}
|
||||||
|
</label>
|
||||||
|
</c:forEach>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<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="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>
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<label class="form-label fw-bold form-search-title">단속구분</label>
|
||||||
|
<select id="crdnInptSeCd--${pageName}" name="crdnInptSeCd" class="form-select">
|
||||||
|
<option value="">전체</option>
|
||||||
|
<c:forEach items="${FIM003List}" var="item">
|
||||||
|
<option value="${item.code}">${item.value}</option>
|
||||||
|
</c:forEach>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<label class="form-label fw-bold form-search-title">차량번호</label>
|
||||||
|
<input type="text" id="vhrno--${pageName}" name="vhrno" class="form-control" />
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<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-6">
|
||||||
|
<label class="form-label fw-bold form-search-title">자료상태</label>
|
||||||
|
<select id="crdnSttsCd--${pageName}" name="crdnSttsCd" class="form-select">
|
||||||
|
<option value="">전체</option>
|
||||||
|
<c:forEach items="${FIM010List}" var="item">
|
||||||
|
<option value="${item.code}">${item.value}</option>
|
||||||
|
</c:forEach>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<select id="schDateOpt--${pageName}" name="schDateOpt" class="form-select">
|
||||||
|
<option value="regDt">등록일자</option>
|
||||||
|
<option value="mdfcnDt">수정일자</option>
|
||||||
|
</select>
|
||||||
|
<span class="form-search-linebox">
|
||||||
|
<input type="text" id="schDateFrom--${pageName}" name="schDateFrom" 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"
|
||||||
|
data-fmt-type="day" title="종료 날짜 선택">
|
||||||
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="photoInquireArea">
|
||||||
|
<span class="container-page-btn">
|
||||||
|
<div class="d-flex flex-row justify-content-between">
|
||||||
|
<label id="photoInquirePaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
|
||||||
|
<ul id="photoInquirePaging--${pageName}" class="pagination pagination-primary">
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<span class="container-window-btn-right">
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="card-datatable text-nowrap photoInquireArea">
|
||||||
|
<div id="photoInquire_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
||||||
|
<div id="photoInquire-responsive--${pageName}" class="table-responsive"
|
||||||
|
style="overflow-x: scroll;height:200px;overflow-y: scroll;">
|
||||||
|
<table id="photoInquire_Table_0--${pageName}"
|
||||||
|
class="datatables-ajax table table-bordered dataTable no-footer">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th width="80px">단속일시</th>
|
||||||
|
<th width="80px">차량번호</th>
|
||||||
|
<th width="80px">단속건수?</th>
|
||||||
|
<th width="80px">검사결과</th>
|
||||||
|
<th width="80px">처리방법</th>
|
||||||
|
<th width="80px">위반동</th>
|
||||||
|
<th width="80px">위반장소</th>
|
||||||
|
<th width="80px">사진매수</th>
|
||||||
|
<th width="80px">처리상태</th>
|
||||||
|
<th width="80px">원금액</th>
|
||||||
|
<th width="80px">감경금액</th>
|
||||||
|
<th width="80px">자료출처</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="photoInquireTbody--${pageName}"></tbody>
|
||||||
|
<template id="photoInquireRow--${pageName}">
|
||||||
|
<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">{VHRNO}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_CNT}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{unknown}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{unknown}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_STDG_NM}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{CRDN_PLC}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{ATCH_FILE_CNT}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_STTS_CD}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{unknown}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{unknown}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_INPT_SE_CD}</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
<template id="photoInquireNotFound--${pageName}">
|
||||||
|
<tr class="odd">
|
||||||
|
<td valign="top" colspan="12" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="height:200px" class="photoInquireArea">
|
||||||
|
선택자료
|
||||||
|
<table style="width: 100%;height: 150px;">
|
||||||
|
<colgroup>
|
||||||
|
<col width="25%" />
|
||||||
|
<col width="25%" />
|
||||||
|
<col width="25%" />
|
||||||
|
<col width="25%" />
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style="background-color: red"></td>
|
||||||
|
<td style="background-color: orange"></td>
|
||||||
|
<td style="background-color: green"></td>
|
||||||
|
<td style="background-color: blue"></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div style="height:200px" class="photoInquireArea">
|
||||||
|
비교자료(선택자료의 다음 자료가 보여집니다.)
|
||||||
|
<table style="width: 100%;height: 150px;">
|
||||||
|
<colgroup>
|
||||||
|
<col width="25%" />
|
||||||
|
<col width="25%" />
|
||||||
|
<col width="25%" />
|
||||||
|
<col width="25%" />
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style="background-color: red"></td>
|
||||||
|
<td style="background-color: orange"></td>
|
||||||
|
<td style="background-color: green"></td>
|
||||||
|
<td style="background-color: blue"></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sameVehicleInquireArea">
|
||||||
|
<span class="container-page-btn">
|
||||||
|
<div class="d-flex flex-row justify-content-between">
|
||||||
|
<label id="sameVehicleInquireMainPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
|
||||||
|
<ul id="sameVehicleInquireMainPaging--${pageName}" class="pagination pagination-primary">
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<span class="container-window-btn-right">
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="sameVehicleInquireArea">
|
||||||
|
<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="sameVehicleInquireMain-responsive--${pageName}" class="table-responsive"
|
||||||
|
style="overflow-x: scroll;height:400px;width:310px;overflow-y: scroll;">
|
||||||
|
<table id="sameVehicleInquireMain_Table_0--${pageName}"
|
||||||
|
class="datatables-ajax table table-bordered dataTable no-footer">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>차량번호</th>
|
||||||
|
<th>단속동</th>
|
||||||
|
<th>단속건수</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="sameVehicleInquireMainTbody--${pageName}"></tbody>
|
||||||
|
<template id="sameVehicleInquireMainRow--${pageName}">
|
||||||
|
<tr data-key="{CRDN_ID_LIST}">
|
||||||
|
<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_CNT}</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
<template id="sameVehicleInquireMainNotFound--${pageName}">
|
||||||
|
<tr class="odd">
|
||||||
|
<td valign="top" colspan="3" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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="sameVehicleInquireSub-responsive--${pageName}" class="table-responsive"
|
||||||
|
style="overflow-x: scroll;height:400px;width:1000px;overflow-y: scroll;">
|
||||||
|
<table id="sameVehicleInquireSub_Table_0--${pageName}"
|
||||||
|
class="datatables-ajax table table-bordered dataTable no-footer">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>단속일시</th>
|
||||||
|
<th>자료출처</th>
|
||||||
|
<th>단속조</th>
|
||||||
|
<th>차량번호</th>
|
||||||
|
<th>단속동</th>
|
||||||
|
<th>단속장소</th>
|
||||||
|
<th>처리상태</th>
|
||||||
|
<th>금액</th>
|
||||||
|
<th>성명</th>
|
||||||
|
<th>주민번호(전체)</th>
|
||||||
|
<th>주민번호(마스크)</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="sameVehicleInquireSubTbody--${pageName}"></tbody>
|
||||||
|
<template id="sameVehicleInquireSubRow--${pageName}">
|
||||||
|
<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_INPT_SE_CD}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{TEAM_NM}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{VHRNO}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_STDG_NM}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{CRDN_PLC}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_STTS_CD}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{unknown}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{성명}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center privacy">{주민번호}</td>
|
||||||
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center privacy-mask">{주민번호마스크}</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
<template id="sameVehicleInquireSubNotFound--${pageName}">
|
||||||
|
<tr class="odd">
|
||||||
|
<td valign="top" colspan="11" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<jsp:include page="/WEB-INF/jsp/include/bottom.jsp" />
|
||||||
|
|
||||||
|
<div class="content-backdrop fade"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="module" src="<c:url value='/resources/js/fims/crdn/inquire.js?${ver}'/>"></script>
|
||||||
|
<script type="module">
|
||||||
|
import InquireControl from "<c:url value='/resources/js/fims/crdn/inquire.js?${ver}'/>";
|
||||||
|
/**************************************************************************
|
||||||
|
* 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}"];
|
||||||
|
|
||||||
|
//달력 초기화
|
||||||
|
initDatepicker("frmSearch--${pageName}");
|
||||||
|
|
||||||
|
|
||||||
|
$P.getParams = () => {
|
||||||
|
var formFields = new FimsFormFields("#frmSearch--${pageName}");
|
||||||
|
var data = formFields.get();
|
||||||
|
data.fetchSize = 30;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
|
||||||
|
//단속사진검사 datasetControl 인스턴스
|
||||||
|
$P.photoInquireControl = new DatasetControl({
|
||||||
|
prefix:"photoInquire", prefixName:"종합", infoSize:"xl", urls : { load : "", getInfo : "" },
|
||||||
|
keymapper:info => info ? info.CRDN_ID : "", dataGetter:obj => obj.crdnList, appendData:true,
|
||||||
|
formats: {
|
||||||
|
CRDN_YMD_TM : datetimeFormat,
|
||||||
|
CRDN_INPT_SE_CD : FIM003,
|
||||||
|
CRDN_STTS_CD : FIM010
|
||||||
|
//금액,금액
|
||||||
|
//검사결과,처리방법
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$P.photoInquireControl.onDatasetChange = obj => {
|
||||||
|
$P.renderInquireDataList("photoInquire");
|
||||||
|
|
||||||
|
var prefix = obj.infoPrefix;
|
||||||
|
$("#photoInquirePaging--${pageName}").setPagingInfo({
|
||||||
|
list: $P.photoInquireControl.dataset,
|
||||||
|
prefix: "photoInquirePaging--${pageName}",
|
||||||
|
start: obj[prefix+"Start"], totalSize: obj[prefix+"Total"], fetchSize: obj[prefix+"Fetch"],
|
||||||
|
func: "pageObject['${pageName}'].photoInquireControl.load({index})"
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
//동일차량검사 datasetControl 인스턴스
|
||||||
|
$P.sameVehicleControl = new InquireControl({
|
||||||
|
prefix:"sameVehicleInquireMain", prefixName:"종합", infoSize:"xl", urls : { load : "", getInfo : "" },
|
||||||
|
keymapper:info => info ? info.CRDN_ID_LIST : "", dataGetter:obj => obj.crdnList,
|
||||||
|
formats: { CRDN_CNT : numberFormat }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prefix:"sameVehicleInquireSub", prefixName:"종합", infoSize:"xl", urls : { load : "", getInfo : "" },
|
||||||
|
keymapper:info => info ? info.CRDN_ID : "", dataGetter:obj => obj.crdnList,
|
||||||
|
formats: {
|
||||||
|
CRDN_YMD_TM : datetimeFormat,
|
||||||
|
CRDN_INPT_SE_CD : FIM003,
|
||||||
|
CRDN_STTS_CD : FIM010
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
$P.sameVehicleControl.main.onDatasetChange = obj => {
|
||||||
|
$P.renderInquireDataList("sameVehicleInquireMain");
|
||||||
|
|
||||||
|
var prefix = obj.infoPrefix;
|
||||||
|
$("#sameVehicleInquireMainPaging--${pageName}").setPagingInfo({
|
||||||
|
list: $P.sameVehicleControl.main.dataset,
|
||||||
|
prefix: "sameVehicleInquireMainPaging--${pageName}",
|
||||||
|
start: obj[prefix+"Start"], totalSize: obj[prefix+"Total"], fetchSize: obj[prefix+"Fetch"],
|
||||||
|
func: "pageObject['${pageName}'].sameVehicleControl.main.load({index})"
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
$P.sameVehicleControl.sub.onDatasetChange = obj => {
|
||||||
|
$P.renderInquireDataList("sameVehicleInquireSub");
|
||||||
|
|
||||||
|
//총 건수만 표시
|
||||||
|
};
|
||||||
|
|
||||||
|
$P.fnReset = () => {
|
||||||
|
$('#schCrdnYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-5475).date);
|
||||||
|
$('#schCrdnYmdTo--${pageName}').datepicker('setDate', new Date());
|
||||||
|
$P.photoInquireControl.setData([]);
|
||||||
|
$P.sameVehicleControl.main.setData([]);
|
||||||
|
$P.sameVehicleControl.sub.setData([]);
|
||||||
|
};
|
||||||
|
|
||||||
|
$P.fnResetAndChangeBiz = taskSeCd => {
|
||||||
|
$P.fnReset();
|
||||||
|
$P.photoInquireControl.urls.load = wctx.url("/crdn/crdn06/020/"+ taskSeCd +"/list.do?inquireDataType=photo");
|
||||||
|
$P.photoInquireControl.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.getInfo = "";
|
||||||
|
$P.sameVehicleControl.sub.urls.load = wctx.url("/crdn/crdn06/020/"+ taskSeCd +"/list.do?inquireDataType=sameVehicleSub");
|
||||||
|
$P.sameVehicleControl.sub.urls.getInfo = wctx.url("/sprt/sprt01/020/"+ taskSeCd +"/info.do");
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.searchInquireList = () => {
|
||||||
|
switch ($P.currentDisplay) {
|
||||||
|
case "photoInquire":
|
||||||
|
$P.photoInquireControl.query = $P.getParams();
|
||||||
|
$P.photoInquireControl.load(1);
|
||||||
|
break;
|
||||||
|
case "sameVehicleInquire":
|
||||||
|
$P.sameVehicleControl.main.query = $P.getParams();
|
||||||
|
$P.sameVehicleControl.main.load(1);
|
||||||
|
break;
|
||||||
|
default: break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$P.searchDetailInquireDataList = () => {
|
||||||
|
$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.load(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.scrollInquireDataList = () => {
|
||||||
|
switch ($P.currentDisplay) {
|
||||||
|
case "photoInquire":
|
||||||
|
$P.photoInquireControl.load($P.photoInquireControl.query.pageNum + 1);
|
||||||
|
break;
|
||||||
|
case "sameVehicleInquire":
|
||||||
|
$P.sameVehicleControl.main.load($P.sameVehicleControl.main.query.pageNum + 1);
|
||||||
|
break;
|
||||||
|
default: break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$P.clickInquireDataList = (dataKey, gridType) => {
|
||||||
|
switch (gridType) {
|
||||||
|
case "photoInquire":
|
||||||
|
$P.photoInquireControl.setCurrent(dataKey);
|
||||||
|
$("#photoInquireTbody--${pageName}").setCurrentRow(dataKey);
|
||||||
|
break;
|
||||||
|
case "sameVehicleInquireMain":
|
||||||
|
$P.sameVehicleControl.main.setCurrent(dataKey);
|
||||||
|
$("#sameVehicleInquireMainTbody--${pageName}").setCurrentRow(dataKey);
|
||||||
|
$P.searchDetailInquireDataList();
|
||||||
|
break;
|
||||||
|
case "sameVehicleInquireSub":
|
||||||
|
$P.sameVehicleControl.sub.setCurrent(dataKey);
|
||||||
|
$("#sameVehicleInquireSubTbody--${pageName}").setCurrentRow(dataKey);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$P.dblclickInquireDataList = (dataKey, gridType) => {
|
||||||
|
switch (gridType) {
|
||||||
|
case "photoInquire":
|
||||||
|
$P.photoInquireControl.getInfo(dataKey);
|
||||||
|
break;
|
||||||
|
case "sameVehicleInquireSub":
|
||||||
|
$P.sameVehicleControl.sub.getInfo(dataKey);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$P.renderInquireDataList = (renderDataType) => {
|
||||||
|
|
||||||
|
switch (renderDataType) {
|
||||||
|
case "photoInquire":
|
||||||
|
var dataList = $P.photoInquireControl.dataset;
|
||||||
|
var empty = dataList.empty;
|
||||||
|
var notFound = [document.getElementById("photoInquireNotFound--${pageName}").innerHTML]
|
||||||
|
var found = document.getElementById("photoInquireRow--${pageName}").innerHTML;
|
||||||
|
var replacer = (str, dataItem) => str
|
||||||
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickInquireDataList('" + dataItem.getValue("CRDN_ID") + "','photoInquire');")
|
||||||
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickInquireDataList('" + dataItem.getValue("CRDN_ID") + "','photoInquire');");
|
||||||
|
var trs = empty ? notFound : dataList.inStrings(found, replacer);
|
||||||
|
$("#photoInquireTbody--${pageName}").html(trs.join());
|
||||||
|
break;
|
||||||
|
case "sameVehicleInquireMain":
|
||||||
|
var dataList = $P.sameVehicleControl.main.dataset;
|
||||||
|
var empty = dataList.empty;
|
||||||
|
var notFound = [document.getElementById("sameVehicleInquireMainNotFound--${pageName}").innerHTML];
|
||||||
|
var found = document.getElementById("sameVehicleInquireMainRow--${pageName}").innerHTML;
|
||||||
|
var replacer = (str, dataItem) => str
|
||||||
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickInquireDataList('" + dataItem.getValue("CRDN_ID_LIST") + "','sameVehicleInquireMain');");
|
||||||
|
var trs = empty ? notFound : dataList.inStrings(found, replacer);
|
||||||
|
$("#sameVehicleInquireMainTbody--${pageName}").html(trs.join());
|
||||||
|
break;
|
||||||
|
case "sameVehicleInquireSub":
|
||||||
|
var dataList = $P.sameVehicleControl.sub.dataset;
|
||||||
|
var empty = dataList.empty;
|
||||||
|
var notFound = [document.getElementById("sameVehicleInquireSubNotFound--${pageName}").innerHTML]
|
||||||
|
var found = document.getElementById("sameVehicleInquireSubRow--${pageName}").innerHTML;
|
||||||
|
var replacer = (str, dataItem) => str
|
||||||
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickInquireDataList('" + dataItem.getValue("CRDN_ID") + "','sameVehicleInquireSub');")
|
||||||
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickInquireDataList('" + dataItem.getValue("CRDN_ID") + "','sameVehicleInquireSub');");
|
||||||
|
var trs = empty ? notFound : dataList.inStrings(found, replacer);
|
||||||
|
$("#sameVehicleInquireSubTbody--${pageName}").html(trs.join());
|
||||||
|
break;
|
||||||
|
default: break;
|
||||||
|
}
|
||||||
|
|
||||||
|
//보안모드
|
||||||
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
var defaultBizValue = $("#layout-navbar input[name='taskSeCd']:checked").val();
|
||||||
|
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + defaultBizValue + "']").prop("checked",true);
|
||||||
|
$P.fnResetAndChangeBiz(defaultBizValue);
|
||||||
|
|
||||||
|
//스크롤 이벤트 추가(사진검사)
|
||||||
|
$("#photoInquire-responsive--${pageName}").scroll(function(){
|
||||||
|
var el = $(this);
|
||||||
|
if(el.scrollTop() == 0){ return; }
|
||||||
|
if((el[0].scrollHeight - el.scrollTop() + VERTICAL_SCROLL_HEIGHT) == el.outerHeight()){
|
||||||
|
$P.scrollInquireDataList();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
//스크롤 이벤트 추가(동일차량검사)
|
||||||
|
$("#sameVehicleInquireMain-responsive--${pageName}").scroll(function(){
|
||||||
|
var el = $(this);
|
||||||
|
if(el.scrollTop() == 0){ return; }
|
||||||
|
if((el[0].scrollHeight - el.scrollTop() + VERTICAL_SCROLL_HEIGHT) == el.outerHeight()){
|
||||||
|
$P.scrollInquireDataList();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#btnReset--${pageName}').on('click', () => $P.fnReset()); //초기화버튼
|
||||||
|
$('#btnPhotoInquire--${pageName}').on('click', () => {
|
||||||
|
$(".photoInquireArea").show();
|
||||||
|
$(".sameVehicleInquireArea").hide();
|
||||||
|
$P.currentDisplay = "photoInquire";
|
||||||
|
});
|
||||||
|
$('#btnSameVehicleInquire--${pageName}').on('click', () => {
|
||||||
|
$(".sameVehicleInquireArea").show();
|
||||||
|
$(".photoInquireArea").hide();
|
||||||
|
$P.currentDisplay = "sameVehicleInquire";
|
||||||
|
});
|
||||||
|
$('#btnSearch--${pageName}').on('click', () => $P.searchInquireList()); //검색버튼
|
||||||
|
|
||||||
|
|
||||||
|
//보안모드
|
||||||
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
||||||
|
|
||||||
|
$(".photoInquireArea").show();
|
||||||
|
$(".sameVehicleInquireArea").hide();
|
||||||
|
$P.currentDisplay = "photoInquire";
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
export default class InquireControl {
|
||||||
|
constructor(mainConf, subConf) {
|
||||||
|
this.main = new DatasetControl(mainConf);
|
||||||
|
this.sub = new DatasetControl(subConf);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue