|
|
@ -21,28 +21,56 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row g-1">
|
|
|
|
<div class="row g-1">
|
|
|
|
<!-- 단속 일시 -->
|
|
|
|
<!-- 단속 일시 -->
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="crdnDt">단속일시</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="crdnDt">단속일시</label>
|
|
|
|
<input is="id-input" type="text" class="form-control w-30" name="crdnDt" data-map="CRDN_DT" data-fmt-type="dt" readonly />
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="crdnDt" data-map="CRDN_DT" data-fmt-type="dt" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 차량번호 -->
|
|
|
|
<!-- 차량번호 -->
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="vhrno">차량번호</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="vhrno">차량번호</label>
|
|
|
|
<input is="id-input" type="text" class="form-control w-30" name="vhrno" data-map="VHRNO" readonly />
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="vhrno" data-map="VHRNO" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 위반 항목 -->
|
|
|
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="vltnArtcl">위반항목</label>
|
|
|
|
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="vltnArtcl" data-map="VLTN_ARTCL" readonly />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- 법정동 -->
|
|
|
|
<!-- 법정동 -->
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="crdnStdgNm">법정동</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="crdnStdgNm">법정동</label>
|
|
|
|
<input is="id-input" type="text" class="form-control w-30" name="crdnStdgNm" data-map="CRDN_STDG_NM" readonly />
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="crdnStdgNm" data-map="CRDN_STDG_NM" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 단속 장소 -->
|
|
|
|
<!-- 단속 장소 -->
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="crdnPlc">단속장소</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="crdnPlc">단속장소</label>
|
|
|
|
<input is="id-input" type="text" class="form-control w-50" name="crdnPlc" data-map="CRDN_PLC" readonly />
|
|
|
|
<input is="id-input" type="text" class="form-control w-60" name="crdnPlc" data-map="CRDN_PLC" readonly />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 단속상태 -->
|
|
|
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="crdnSttsNm">단속상태</label>
|
|
|
|
|
|
|
|
<input is="id-input" type="text" class="form-control w-45 fw-bold text-primary" name="crdnSttsNm" data-map="CRDN_STTS_NM" readonly />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 납부자 명 -->
|
|
|
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="rtpyrNm">납부자명</label>
|
|
|
|
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="rtpyrNm" data-map="RTPYR_NM" readonly />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 납부자 구분 코드 -->
|
|
|
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="rtpyrSeNm">납부자 구분</label>
|
|
|
|
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="rtpyrSeNm" data-map="RTPYR_SE_NM" readonly />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 납부자 번호 -->
|
|
|
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="rtpyrNo">납부자번호</label>
|
|
|
|
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="rtpyrNo" data-map="RTPYR_NO" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 단속 이미지 -->
|
|
|
|
|
|
|
|
<jsp:include page="/WEB-INF/jsp/fims/photo-main.jsp" />
|
|
|
|
|
|
|
|
|
|
|
|
<p></p>
|
|
|
|
<p></p>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 임대차계약 정보 -->
|
|
|
|
<!-- 임대차계약 정보 -->
|
|
|
@ -60,34 +88,60 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row g-1">
|
|
|
|
<div class="row g-1">
|
|
|
|
<!-- 계약 시작 일시 -->
|
|
|
|
<!-- 계약 시작 일시 -->
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="ctrtBgngYmd">계약시작일시</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="ctrtBgngYmd">계약시작일시</label>
|
|
|
|
<input is="id-input" type="text" class="form-control w-30" name="ctrtBgngYmd" data-map="CTRT_BGNG_DT" data-fmt-type="dt" readonly />
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="ctrtBgngYmd" data-map="CTRT_BGNG_DT" data-fmt-type="dt" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 계약 종료 일시 -->
|
|
|
|
<!-- 계약 종료 일시 -->
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="ctrtEndYmd">계약종료일시</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="ctrtEndYmd">계약종료일시</label>
|
|
|
|
<input is="id-input" type="text" class="form-control w-30" name="ctrtEndYmd" data-map="CTRT_END_DT" data-fmt-type="dt" readonly />
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="ctrtEndYmd" data-map="CTRT_END_DT" data-fmt-type="dt" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 자동차등록번호 -->
|
|
|
|
<!-- 자동차등록번호 -->
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="vhrno">자동차등록번호</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="vhrno">자동차등록번호</label>
|
|
|
|
<input is="id-input" type="text" class="form-control w-30" name="vhrno" data-map="VHRNO" readonly />
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="vhrno" data-map="VHRNO" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 임차인 구분 코드 -->
|
|
|
|
<!-- 임차인 구분 코드 -->
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="vhrno">임차인구분</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="vhrno">임차인구분</label>
|
|
|
|
<input is="id-input" type="text" class="form-control w-20" name="hirerSeNm" data-map="HIRER_SE_NM" readonly />
|
|
|
|
<input is="id-input" type="text" class="form-control w-25" name="hirerSeNm" data-map="HIRER_SE_NM" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 임차인 등록 번호 -->
|
|
|
|
<!-- 임차인 등록 번호 -->
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="hirerRegNo">임차인등록번호</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="hirerRegNo">임차인등록번호</label>
|
|
|
|
<input is="id-input" type="text" class="form-control w-30" name="hirerRegNo" data-map="HIRER_REG_NO" readonly />
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="hirerRegNo" data-map="HIRER_REG_NO" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 임차인 명 -->
|
|
|
|
<!-- 임차인 명 -->
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="hirerNm">임차인명</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="hirerNm">임차인명</label>
|
|
|
|
<input is="id-input" type="text" class="form-control w-30" name="hirerNm" data-map="HIRER_NM" readonly />
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="hirerNm" data-map="HIRER_NM" readonly />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 임차인 전화번호 -->
|
|
|
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="hirerTelno">전화번호</label>
|
|
|
|
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="hirerTelno" data-map="HIRER_TELNO" readonly />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 임차인 휴대 전화번호 -->
|
|
|
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="hirerMblTelno">휴대전화번호</label>
|
|
|
|
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="hirerMblTelno" data-map="HIRER_MBL_TELNO" readonly />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 임차인 이메일 주소 -->
|
|
|
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="hirerEmlAddr">이메일</label>
|
|
|
|
|
|
|
|
<input is="id-input" type="text" class="form-control w-60" name="hirerEmlAddr" data-map="HIRER_EML_ADDR" readonly />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 주소 --><!-- 우편번호 -->
|
|
|
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="hirerAddr">주소</label>
|
|
|
|
|
|
|
|
<input is="id-input" type="text" class="form-control w-80" name="hirerAddr" data-map="HIRER_ADDR" readonly />
|
|
|
|
|
|
|
|
<input is="id-input" type="text" class="form-control w-px-75" name="hirerZip" data-map="HIRER_ZIP" readonly />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 상세주소 -->
|
|
|
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="hirerDtlAddr">상세주소</label>
|
|
|
|
|
|
|
|
<input is="id-input" type="text" class="form-control w-87" name="hirerDtlAddr" data-map="HIRER_DTL_ADDR" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 등록 일시 / 등록자 -->
|
|
|
|
<!-- 등록 일시 / 등록자 -->
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="col-md-6">
|
|
|
@ -144,10 +198,13 @@
|
|
|
|
// pageObject
|
|
|
|
// pageObject
|
|
|
|
let $P = pageObject["${pageName}"];
|
|
|
|
let $P = pageObject["${pageName}"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.$findn("photoMainWrapper").addClass("w-px-1050 min-w-px-640");
|
|
|
|
|
|
|
|
|
|
|
|
// datasetControl
|
|
|
|
// datasetControl
|
|
|
|
$P.ctrl = newRent02020Control("${pageName}", "[data-doctx=${pageName}]");
|
|
|
|
$P.ctrl = newRent02020Control("${pageName}", "[data-doctx=${pageName}]");
|
|
|
|
// 파일 리스트
|
|
|
|
// 단속 사진
|
|
|
|
$P.fileListArr = new Array();
|
|
|
|
$P.existFileArr = [];
|
|
|
|
|
|
|
|
$P.localUploadArr = [];
|
|
|
|
// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
|
|
|
|
// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
|
|
|
|
$P.callPurpose = "${callPurpose}";
|
|
|
|
$P.callPurpose = "${callPurpose}";
|
|
|
|
|
|
|
|
|
|
|
@ -160,7 +217,7 @@
|
|
|
|
$P.ctrl.urls.getInfo = wctx.url(prefixUrl + "/040/info.do"); // 임대차계약 상세 정보 조회
|
|
|
|
$P.ctrl.urls.getInfo = wctx.url(prefixUrl + "/040/info.do"); // 임대차계약 상세 정보 조회
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 첨부파일 조회
|
|
|
|
// 임대차계약 첨부 파일 조회
|
|
|
|
$P.fnSearchFileList = (lsctId) => {
|
|
|
|
$P.fnSearchFileList = (lsctId) => {
|
|
|
|
let tableFileList = $P.findn("fileList"); // table element 찾기
|
|
|
|
let tableFileList = $P.findn("fileList"); // table element 찾기
|
|
|
|
let fileLength = tableFileList.rows.length;
|
|
|
|
let fileLength = tableFileList.rows.length;
|
|
|
@ -259,6 +316,27 @@
|
|
|
|
|
|
|
|
|
|
|
|
// 3. dataset 설정
|
|
|
|
// 3. dataset 설정
|
|
|
|
$P.ctrl.setData([${Info}]);
|
|
|
|
$P.ctrl.setData([${Info}]);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 4. 사진영역 설정
|
|
|
|
|
|
|
|
settingPhotoMain("${pageName}"
|
|
|
|
|
|
|
|
, $P.findn("crdnId")
|
|
|
|
|
|
|
|
, function() {
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
vhrno: $P.$findn("vhrno").val()
|
|
|
|
|
|
|
|
, vhclNm: $P.$findn("vhclNm").val()
|
|
|
|
|
|
|
|
, vhclColr: $P.$findn("vhclColr").val()
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
, async function(vhrnoEl) {
|
|
|
|
|
|
|
|
return await $P.getVehicleTotalInfo(vhrnoEl); // 차적조회는 "단속정보 수정" 에서 해라...
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 5. 사진영역 초기화
|
|
|
|
|
|
|
|
let crdnInfo = $P.ctrl.getCurrent();
|
|
|
|
|
|
|
|
let existVideo = false;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
initPhotoMain("${pageName}", crdnInfo.fileList, existVideo);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|