|
|
|
|
@ -11,15 +11,6 @@
|
|
|
|
|
|
|
|
|
|
<div class="main_body">
|
|
|
|
|
<div id="tabs" class="main_body">
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="#tabs-a">위반정보</a></li>
|
|
|
|
|
<li><a href="#tabs-b">의견진술</a></li>
|
|
|
|
|
<li><a href="#tabs-c">세부내역</a></li>
|
|
|
|
|
<li><a href="#tabs-d">부과이후</a></li>
|
|
|
|
|
<li><a href="#tabs-e">민원내역</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<div id="tabs-a">
|
|
|
|
|
<div class="detail-card">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<div class="title">개별 총정보</div>
|
|
|
|
|
@ -29,14 +20,22 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="#tabs-a">위반정보</a></li>
|
|
|
|
|
<li><a href="#tabs-b">의견진술</a></li>
|
|
|
|
|
<li><a href="#tabs-c">세부내역</a></li>
|
|
|
|
|
<li><a href="#tabs-d">부과이후</a></li>
|
|
|
|
|
<li><a href="#tabs-e">민원내역</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<!-- 상단 네비/페이지 인디케이터 -->
|
|
|
|
|
<div class="card-toolbar">
|
|
|
|
|
<%-- 부모창에서 받아오는 리스트 배열 --%>
|
|
|
|
|
<input type="hidden" id="mmCodes" />
|
|
|
|
|
<input type="hidden" id="mmCodes"/>
|
|
|
|
|
<%-- 부모창에서 받아오는 리스크 커서 --%>
|
|
|
|
|
<input type="hidden" id="cursor" />
|
|
|
|
|
<input type="hidden" id="cursor"/>
|
|
|
|
|
<%-- 개별총정보 상태값 --%>
|
|
|
|
|
<input type="hidden" id="infoState" value="init" />
|
|
|
|
|
<input type="hidden" id="infoState" value="init"/>
|
|
|
|
|
|
|
|
|
|
<div class="page-indicator">
|
|
|
|
|
<span id="cursorCnt">0</span>of <span id="total">0</span>
|
|
|
|
|
@ -48,7 +47,7 @@
|
|
|
|
|
<button type="button" class="nav-btn" name="navigate" data-act="last">▶▶</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="page-no-padding" id="tabs-a">
|
|
|
|
|
<div class="detail-body">
|
|
|
|
|
<!-- 좌측 정보 -->
|
|
|
|
|
<div class="left">
|
|
|
|
|
@ -62,13 +61,15 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">등록구분</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmDlgb" id="mmDlgb" value="" readonly>
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmDlgb" id="mmDlgb" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">자료출처</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmIngb" id="mmIngb" value="" readonly>
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmIngb" id="mmIngb" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -78,13 +79,15 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">위반일시</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmDate" id="mmDate" value="" readonly>
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmDate" id="mmDate" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">위반내용</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmLawgb" id="mmLawgb" value="" readonly>
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmLawgb" id="mmLawgb" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -94,13 +97,15 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">신고자</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmSgnm" id="mmSgnm" value="" readonly>
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmSgnm" id="mmSgnm" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">연락처</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpAnswer" data-field="asCell" id="asCell" value="" readonly>
|
|
|
|
|
<input type="text" name="cpAnswer" data-field="asCell" id="asCell" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -110,7 +115,8 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">담당자</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmSgtel" id="mmSgtel" value="" readonly>
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmSgtel" id="mmSgtel" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
@ -126,7 +132,8 @@
|
|
|
|
|
<div class="field-group full">
|
|
|
|
|
<div class="lbl">신고내용</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<textarea name="cpMain" data-field="mmSgcont" id="mmSgcont" value="" readonly></textarea>
|
|
|
|
|
<textarea name="cpMain" data-field="mmSgcont" id="mmSgcont" value=""
|
|
|
|
|
readonly></textarea>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -142,7 +149,8 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">접수번호</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpAnswer" data-field="asJsno" id="asJsno" value="" readonly>
|
|
|
|
|
<input type="text" name="cpAnswer" data-field="asJsno" id="asJsno" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -152,13 +160,15 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">접수일자</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpAnswer" data-field="asJsdate" id="asJsdate" value="" readonly>
|
|
|
|
|
<input type="text" name="cpAnswer" data-field="asJsdate" id="asJsdate" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">목록번호</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpAnswer" data-field="asBbsNo" id="asBbsNo" value="" readonly>
|
|
|
|
|
<input type="text" name="cpAnswer" data-field="asBbsNo" id="asBbsNo" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -179,13 +189,15 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">사진등록금액</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmKeum1" id="mmKeum1" value="" readonly>
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmKeum1" id="mmKeum1" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">부과금액</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmKeum2" id="mmKeum2" value="" readonly>
|
|
|
|
|
<input type="text" name="cpMain" data-field="mmKeum2" id="mmKeum2" value=""
|
|
|
|
|
readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -195,7 +207,7 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">감액금액</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" id="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="mmMinusKeum" id="mmMinusKeum" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
@ -214,14 +226,21 @@
|
|
|
|
|
<input class="hl" data-field="" type="text" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="field-group empty"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-row">
|
|
|
|
|
<div class="field-group full">
|
|
|
|
|
<div class="lbl">특기사항</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<button type="button" class="btn btn-light" id="btnSpecial">특기사항 보기</button>
|
|
|
|
|
<textarea name="cpMain" data-field="mmSgcont" id="mmSgcont" value=""
|
|
|
|
|
readonly></textarea>
|
|
|
|
|
<%-- <button type="button" class="btn btn-light" id="btnSpecial">특기사항 보기</button>--%>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 구분선 -->
|
|
|
|
|
<div class="bar"></div>
|
|
|
|
|
|
|
|
|
|
@ -230,13 +249,15 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">처리상태일시</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" name="cpAnswer" data-field="asStateDt" id="asStateDt" value="" readonly>
|
|
|
|
|
<input type="text" name="cpAnswer" data-field="asStateDt" id="asStateDt"
|
|
|
|
|
value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">처리상태</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" class="hl" name="cpAnswer" data-field="asState" id="asState" value="" readonly>
|
|
|
|
|
<input type="text" class="hl" name="cpAnswer" data-field="asState" id="asState"
|
|
|
|
|
value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -246,13 +267,13 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">차량명</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="mmCarname" id="mmCarname" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">차량색상</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="mmCarcolor" id="mmCarcolor" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -262,7 +283,7 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">연료구분</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="" id="" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group empty"></div>
|
|
|
|
|
@ -279,13 +300,13 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">소유주</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="omName" id="omName" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">등록구분</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="omCode" id="omCode" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -295,13 +316,13 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">주민번호</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="omJno" id="omJno" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">우편번호</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="omZip" id="omZip" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -311,7 +332,7 @@
|
|
|
|
|
<div class="field-group full">
|
|
|
|
|
<div class="lbl">주소</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="omJuso" id="omJuso" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -321,13 +342,13 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">번지</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="omBunji" id="omBunji" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">차대번호</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="mmVhmno" id="mmVhmno" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -337,7 +358,7 @@
|
|
|
|
|
<div class="field-group">
|
|
|
|
|
<div class="lbl">도로코드</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" data-field="" value="" readonly>
|
|
|
|
|
<input type="text" data-field="omDoroCode" id="omDoroCode" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-group empty"></div>
|
|
|
|
|
@ -358,7 +379,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="preview" id="photoPreviewBox">
|
|
|
|
|
<img id="photoPreview" src="${pageContext.request.contextPath}/static/img/sample-1.jpg" alt="미리보기">
|
|
|
|
|
<img id="photoPreview" src="${pageContext.request.contextPath}/static/img/sample-1.jpg"
|
|
|
|
|
alt="미리보기">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@ -384,10 +406,9 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="photoEditSection" style="display:none;">
|
|
|
|
|
<jsp:include page="/WEB-INF/views/biz/totalInfo/totalInfo_photo_dialog.jsp" />
|
|
|
|
|
<jsp:include page="/WEB-INF/views/biz/totalInfo/totalInfo_photo_dialog.jsp"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="tabs-b">
|
|
|
|
|
@ -403,17 +424,11 @@
|
|
|
|
|
민원내역
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- /Main body -->
|
|
|
|
|
<%--<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>--%>
|
|
|
|
|
<%--<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>--%>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
// const { cursor, mmCodes } = JSON.parse(localStorage.getItem("TOTAL_INFO_STATE"));
|
|
|
|
|
//해당 객체는 팝업으로 인한 브라우저 전역선언이다.
|
|
|
|
|
//일반적으로 함수를 선언할땐 그냥 fnBiz로 선언하면 된다.
|
|
|
|
|
//window 전역을 그냥 복사하면 덮어씌워져서 난리남.
|
|
|
|
|
//sample.jsp 형태로 하면됨
|
|
|
|
|
window.TOTAL_INFO_POPUP_API = {
|
|
|
|
|
search: () => {
|
|
|
|
|
console.log("Total Info Search!!!!")
|
|
|
|
|
@ -421,8 +436,6 @@
|
|
|
|
|
const { cursor, mmCodes } = JSON.parse(localStorage.getItem("TOTAL_INFO_STATE"));
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
// PathVariable 형태로 url를 동적으로 쓰는방식이다.
|
|
|
|
|
// 해당 방식 이외에 그냥 쿼리스트링으로 넘기는 방법도 있다.
|
|
|
|
|
url: "/total/info/" + cursor + "/info.ajax",
|
|
|
|
|
type: "GET",
|
|
|
|
|
dataType: 'json',
|
|
|
|
|
@ -448,6 +461,17 @@
|
|
|
|
|
$("#asJsno").val(response.data.cpAnswer.asJsno);
|
|
|
|
|
$("#asJsdate").val(response.data.cpAnswer.asJsdate);
|
|
|
|
|
|
|
|
|
|
$("#mmCarname").val(response.data.cpMain.mmCarname);
|
|
|
|
|
$("#mmCarcolor").val(response.data.cpMain.mmCarcolor);
|
|
|
|
|
$("#omName").val(response.data.cpOwner.omName);
|
|
|
|
|
$("#omCode").val(response.data.cpOwner.omCode);
|
|
|
|
|
$("#omJno").val(response.data.cpOwner.omJno);
|
|
|
|
|
$("#omZip").val(response.data.cpOwner.omZip);
|
|
|
|
|
$("#omJuso").val(response.data.cpOwner.omJuso);
|
|
|
|
|
$("#omBunji").val(response.data.cpOwner.omBunji);
|
|
|
|
|
$("#mmVhmno").val(response.data.cpMain.mmVhmno);
|
|
|
|
|
$("#omDoroCode").val(response.data.cpOwner.omDoroCode);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#mmCode").text(response.data.cpMain.mmCode.substring(5).replace(/^(\d{4})(.*)$/, '$1-$2'))
|
|
|
|
|
|
|
|
|
|
|