|
|
|
|
@ -31,6 +31,9 @@
|
|
|
|
|
|
|
|
|
|
<!-- 상단 네비/페이지 인디케이터 -->
|
|
|
|
|
<div class="card-toolbar">
|
|
|
|
|
<%-- 부모창에서 받아오는 리스트 배열 --%>
|
|
|
|
|
<input type="hidden" id="mmCodes" />
|
|
|
|
|
|
|
|
|
|
<div class="page-indicator"><span id="pageNow">2</span> of <span id="pageTotal">4</span></div>
|
|
|
|
|
<div class="nav-group">
|
|
|
|
|
<button type="button" class="nav-btn" data-act="first">◀◀</button>
|
|
|
|
|
@ -48,60 +51,72 @@
|
|
|
|
|
|
|
|
|
|
<div class="form-grid">
|
|
|
|
|
<div class="lbl">등록구분</div>
|
|
|
|
|
<div class="fld"><input type="text" value="자동등록" readonly></div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" id="" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="lbl">자료출처</div>
|
|
|
|
|
<div class="fld"><input type="text" value="생활불편" readonly></div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" id="" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">위반일시</div>
|
|
|
|
|
<div class="fld"><input type="text" value="2025-06-04 20:01" readonly></div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" id="mmDate" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="lbl">위반명</div>
|
|
|
|
|
<div class="fld"><input type="text" value="주차위반" readonly></div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" id="" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">신고자</div>
|
|
|
|
|
<div class="fld"><input type="text" value="손관기" readonly></div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" id="mmSgnm" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="lbl">연락처</div>
|
|
|
|
|
<div class="fld"><input type="text" value="01096686113" readonly></div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" id="" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">담당자</div>
|
|
|
|
|
<div class="fld"><input type="text" value="부선영" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" id="mmSgtel" value="" readonly></div>
|
|
|
|
|
<div class="lbl">공개여부</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<input type="text" value="미공개" readonly>
|
|
|
|
|
<input type="text" id="" value="" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="lbl">신고내용</div>
|
|
|
|
|
<div class="fld block">
|
|
|
|
|
<textarea readonly>[예시] …신고 내용이 여기에 표시됩니다…</textarea>
|
|
|
|
|
<textarea id="mmSgcont" value="" readonly></textarea>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">위반장소</div>
|
|
|
|
|
<div class="fld"><input type="text" value="대장동 592" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" id="" value="" readonly></div>
|
|
|
|
|
<div class="lbl">접수번호</div>
|
|
|
|
|
<div class="fld"><input type="text" value="1AA-2506-0104234" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" id="" value="" readonly></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">접수일자</div>
|
|
|
|
|
<div class="fld"><input type="text" value="2025-06-04" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" id="" value="" readonly></div>
|
|
|
|
|
<div class="lbl">목록번호</div>
|
|
|
|
|
<div class="fld"><input type="text" value="0159002" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" id="" value="" readonly></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">법정동</div>
|
|
|
|
|
<div class="fld"><input type="text" value="대장동" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" id="" value="" readonly></div>
|
|
|
|
|
<div></div><div></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">사진등록금액</div>
|
|
|
|
|
<div class="fld"><input type="text" value="80,000" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" id="mmKeum1" value="" readonly></div>
|
|
|
|
|
<div class="lbl">부과금액</div>
|
|
|
|
|
<div class="fld"><input type="text" value="100,000" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" id="" value="" readonly></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">감액금액</div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" id="" value="" readonly></div>
|
|
|
|
|
<div class="lbl">총수납액</div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" id="" value="" readonly></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">잔액</div>
|
|
|
|
|
<div class="fld"><input class="hl" type="text" value="80,000" readonly></div>
|
|
|
|
|
<div class="fld"><input class="hl" type="text" value="" readonly></div>
|
|
|
|
|
<div class="lbl">특기사항</div>
|
|
|
|
|
<div class="fld">
|
|
|
|
|
<button type="button" class="btn btn-light" id="btnSpecial">특기사항 보기</button>
|
|
|
|
|
@ -110,14 +125,14 @@
|
|
|
|
|
<div class="block bar"></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">처리상태일시</div>
|
|
|
|
|
<div class="fld"><input type="text" value="2025-07-29 09:05" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
<div class="lbl">처리상태</div>
|
|
|
|
|
<div class="fld"><input class="hl" type="text" value="차적조회완료" readonly></div>
|
|
|
|
|
<div class="fld"><input class="hl" type="text" value="" readonly></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">차량명</div>
|
|
|
|
|
<div class="fld"><input type="text" value="쎄토스71" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
<div class="lbl">차량색상</div>
|
|
|
|
|
<div class="fld"><input type="text" value="차량색상" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">연료구분</div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
@ -128,22 +143,22 @@
|
|
|
|
|
<div class="section-title block">소유주 정보</div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">소유주</div>
|
|
|
|
|
<div class="fld"><input type="text" value="고선묵66" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
<div class="lbl">등록구분</div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">주민번호</div>
|
|
|
|
|
<div class="fld"><input type="text" value="******-*******" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
<div class="lbl">우편번호</div>
|
|
|
|
|
<div class="fld"><input type="text" value="17613" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">주소</div>
|
|
|
|
|
<div class="fld block"><input type="text" value="경기도 안성시 공도읍 마장공단3길 43, 201호66" readonly></div>
|
|
|
|
|
<div class="fld block"><input type="text" value="" readonly></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">번지</div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
<div class="lbl">차대번호</div>
|
|
|
|
|
<div class="fld"><input type="text" value="KLAYA75ADEK598855" readonly></div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
|
|
|
|
|
<div class="lbl">도로코드</div>
|
|
|
|
|
<div class="fld"><input type="text" value="" readonly></div>
|
|
|
|
|
@ -208,20 +223,47 @@
|
|
|
|
|
|
|
|
|
|
const fnBiz = {
|
|
|
|
|
init: () => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// fnBiz.search();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 조회결과 바인딩 샘플
|
|
|
|
|
search: () => {
|
|
|
|
|
console.log("search!!!!")
|
|
|
|
|
|
|
|
|
|
let mmCode = $("#mmCodes").val();
|
|
|
|
|
console.log('mmcode check', mmCode)
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: "",
|
|
|
|
|
type: "POST",
|
|
|
|
|
data: { id : "" },
|
|
|
|
|
// PathVariable 형태로 url를 동적으로 쓰는방식이다.
|
|
|
|
|
// 해당 방식 이외에 그냥 쿼리스트링으로 넘기는 방법도 있다.
|
|
|
|
|
url: "/total/info/" + mmCode + "/info.ajax",
|
|
|
|
|
type: "GET",
|
|
|
|
|
dataType: 'json',
|
|
|
|
|
success: function(response) {
|
|
|
|
|
// 리스폰스로 받아온 결과를 태그에 바인딩 해준다.
|
|
|
|
|
// 태그 id = 유니크 / 태그 name = 중복가능
|
|
|
|
|
// 묶음단위 혹은 동일한 값을 넣어야할때 name을 쓰고 보통은 id를 통해 바인딩 한다.
|
|
|
|
|
|
|
|
|
|
// 정확한 개념은 바인딩보다는 태그 value를 갈아끼는 것이다.
|
|
|
|
|
|
|
|
|
|
// 25.11.03 샘플로 작성한거라 main테이블 정보만 가져와서 뿌려주고 있다.
|
|
|
|
|
// f12 개발자 모드 > 콘솔창을 보면 아래 넘어오는 데이트를 볼수 있다.
|
|
|
|
|
console.log(response.data)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// .val 은 제이쿼리 함수로 테그의 value를 세팅하는 함수이다.
|
|
|
|
|
// 기본적으로 제이쿼리를 쓸텐데 아래 링크를 참조한다.
|
|
|
|
|
// https://xianeml.tistory.com/70
|
|
|
|
|
$("#mmKeum1").val(response.data.mmKeum1);
|
|
|
|
|
$("#mmKeum2").val(response.data.mmKeum2);
|
|
|
|
|
$("#mmSgcont").val(response.data.mmSgcont);
|
|
|
|
|
$("#mmSgnm").val(response.data.mmSgnm);
|
|
|
|
|
$("#mmSgtel").val(response.data.mmSgtel);
|
|
|
|
|
$("#mmDate").val(response.data.mmDate);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
error: function(xhr, status, error) {
|
|
|
|
|
|
|
|
|
|
$("#result").text("조회 실패");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
@ -235,9 +277,22 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(function () {
|
|
|
|
|
console.log("init")
|
|
|
|
|
|
|
|
|
|
$("#tabs").tabs();
|
|
|
|
|
|
|
|
|
|
fnBiz.init();
|
|
|
|
|
//mmcode 리스트 가져오기
|
|
|
|
|
$("#mmCodes").val(window.mmCode);
|
|
|
|
|
console.log($('#mmCodes').val());
|
|
|
|
|
|
|
|
|
|
// mmCodes 값이 세팅되면 search() 호출
|
|
|
|
|
const checkMmCode = setInterval(() => {
|
|
|
|
|
const val = $("#mmCodes").val();
|
|
|
|
|
if (val) {
|
|
|
|
|
clearInterval(checkMmCode);
|
|
|
|
|
fnBiz.search(); // 값이 들어온 시점에 호출
|
|
|
|
|
}
|
|
|
|
|
}, 100);
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|