From aa4c5111e4914a28cbc070d2c88c2cbe2be67fdf Mon Sep 17 00:00:00 2001
From: jjh <jaehyun81@xit.co.kr>
Date: Mon, 21 Aug 2023 18:34:40 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B0=9C=EB=B3=84=EC=B4=9D=EC=A0=95=EB=B3=B4?=
 =?UTF-8?q?=20=ED=99=94=EB=A9=B4=20=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../xit/fims/sprt/web/Sprt02Controller.java   |   2 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp  | 310 +++++++++---------
 .../WEB-INF/jsp/fims/excl/excl01010-main.jsp  |  12 +
 .../WEB-INF/jsp/fims/excl/excl02020-info.jsp  |   7 +-
 .../WEB-INF/jsp/fims/sprt/sprt02010-main.jsp  |   2 +
 .../WEB-INF/jsp/fims/sprt/sprt02020-info.jsp  |  49 ++-
 .../WEB-INF/jsp/fims/sprt/sprt02030-info.jsp  |   1 +
 7 files changed, 196 insertions(+), 187 deletions(-)

diff --git a/src/main/java/cokr/xit/fims/sprt/web/Sprt02Controller.java b/src/main/java/cokr/xit/fims/sprt/web/Sprt02Controller.java
index e27bbf7f..c0272a2b 100644
--- a/src/main/java/cokr/xit/fims/sprt/web/Sprt02Controller.java
+++ b/src/main/java/cokr/xit/fims/sprt/web/Sprt02Controller.java
@@ -88,7 +88,7 @@ public class Sprt02Controller extends ApplicationController {
 		Map<String, List<CommonCode>> commonCodes = getCodesOf("FIM054");
 
 		return mav
-				.addObject("pageName", "sprt02020")
+				.addObject("pageName", "sprt02030")
 				.addObject("FIM054List", commonCodes.get("FIM054"))								// 업무 구분 코드(TASK_SE_CD)
 				.addObject("opnnSbmsnInfo", json ? opnnSbmsnInfo : toJson(opnnSbmsnInfo))		// 의견제출 정보
 		;
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
index 29bee5f5..9f34c1eb 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
@@ -6,7 +6,7 @@
 		<form id="frmEdit--${pageName}">
 			<input id="crdnId--${pageName}" name="crdnId" type="hidden" data-map="CRDN_ID" />
 			<input id="taskSeCd--${pageName}" name="taskSeCd" type="hidden" data-map="TASK_SE_CD" />
-			
+
 			<div class="row mt-4 justify-content-end mb-3">
 				<div class="col-md-4">
 					<input type="text" id="countStauts--${pageName}" class="form-control w-px-150 text-center fw-bold" readonly />
@@ -16,7 +16,7 @@
 				<div class="col-md-8">
 				</div>
 			</div>
-			
+
 			<div class="row g-1">
 				<div class="col-md-12" slot="edit">
 					<template class="pvs bpv">
@@ -43,14 +43,14 @@
 						위반시간
 					</label>
 		            <input type="text" id="crdnTm--${pageName}" name="crdnTm" data-map="CRDN_TM"
-		            	class="form-control form-time" data-fmt-type="time" maxlength="8" required 
+		            	class="form-control form-time" data-fmt-type="time" maxlength="8" required
 		            	placeholder="시:분:초" />
 				</div>
 				<div class="col-md-4">
 					<label for="vhrno--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 						차량번호
 					</label>
-					<input type="text" id="vhrno--${pageName}" name="vhrno" data-map="VHRNO" class="form-control" 
+					<input type="text" id="vhrno--${pageName}" name="vhrno" data-map="VHRNO" class="form-control"
 						data-maxlengthb="30" />
 				</div>
 				<div class="col-md-6">
@@ -74,14 +74,14 @@
 				</div>
 				<div class="col-md-6">
 					<label for="crdnPlc--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">위반장소</label>
-					<input type="text" id="crdnPlc--${pageName}" name="crdnPlc" data-map="CRDN_PLC" 
+					<input type="text" id="crdnPlc--${pageName}" name="crdnPlc" data-map="CRDN_PLC"
 						class="form-control w-px-300" data-maxlengthb="200" />
 				</div>
 				<div class="col-md-6" slot="edit">
 					<template class="bpv">
 						<slot>
 							<label for="dtlCrdnPlc--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">상세위반장소</label>
-							<input type="text" id="dtlCrdnPlc--${pageName}" name="dtlCrdnPlc" data-map="DTL_CRDN_PLC" class="form-control" 
+							<input type="text" id="dtlCrdnPlc--${pageName}" name="dtlCrdnPlc" data-map="DTL_CRDN_PLC" class="form-control"
 								data-maxlenghb="200" />
 						</slot>
 					</template>
@@ -98,40 +98,40 @@
 				</div>
 				<div class="col-md-6">
 					<label for="cvlcptAplcntNm--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">신고자</label>
-					<input type="text" id="cvlcptAplcntNm--${pageName}" name="cvlcptAplcntNm" data-map="CVLCPT_APLCNT_NM" 
+					<input type="text" id="cvlcptAplcntNm--${pageName}" name="cvlcptAplcntNm" data-map="CVLCPT_APLCNT_NM"
 						class="form-control" readonly />
 				</div>
 				<div class="col-md-6">
 					<label for="cvlcptPrcsPicNm--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">담당자</label>
-					<input type="text" id="cvlcptPrcsPicNm--${pageName}" name="cvlcptPrcsPicNm" data-map="CVLCPT_PRCS_PIC_NM" 
+					<input type="text" id="cvlcptPrcsPicNm--${pageName}" name="cvlcptPrcsPicNm" data-map="CVLCPT_PRCS_PIC_NM"
 						class="form-control" readonly />
 				</div>
 				<div class="col-md-12">
 					<label for="cvlcptAplyCn--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end align-top"
 					>신고내용</label>
-					<textarea type="text" id="cvlcptAplyCn--${pageName}" name="cvlcptAplyCn" data-map="CVLCPT_APLY_CN" 
+					<textarea type="text" id="cvlcptAplyCn--${pageName}" name="cvlcptAplyCn" data-map="CVLCPT_APLY_CN"
 						class="form-control" cols="100%" rows="4" readonly
 					></textarea>
 				</div>
 				<div class="col-md-6">
 					<label for="cvlcptRcptYmd--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">접수일</label>
-					<input type="text" id="cvlcptRcptYmd--${pageName}" name="cvlcptRcptYmd" data-map="CVLCPT_RCPT_YMD" 
+					<input type="text" id="cvlcptRcptYmd--${pageName}" name="cvlcptRcptYmd" data-map="CVLCPT_RCPT_YMD"
 						class="form-control form-date" data-fmt-type="day" maxlength="10" disabled />
 				</div>
 				<div class="col-md-6">
-					<label for="cvldptPrcsPrnmntDt--${pageName}" 
+					<label for="cvldptPrcsPrnmntDt--${pageName}"
 						class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">답변기한</label>
-					<input type="text" id="cvldptPrcsPrnmntDt--${pageName}" name="cvldptPrcsPrnmntDt" data-map="CVLCPT_PRCS_PRNMNT_DT" 
+					<input type="text" id="cvldptPrcsPrnmntDt--${pageName}" name="cvldptPrcsPrnmntDt" data-map="CVLCPT_PRCS_PRNMNT_DT"
 						class="form-control form-date" data-fmt-type="day" maxlength="10" disabled />
 				</div>
 				<div class="col-md-12">
 					<label for="etcCn--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">특기사항</label>
-					<input type="text" id="etcCn--${pageName}" name="etcCn" data-map="ETC_CN" 
+					<input type="text" id="etcCn--${pageName}" name="etcCn" data-map="ETC_CN"
 						class="form-control w-px-500" data-maxlengthb="1000" />
 				</div>
 				<div class="col-md-4">
 					<label for="rtpyrNm--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">소유자</label>
-					<input type="text" id="rtpyrNm--${pageName}" name="rtpyrNm" data-map="RTPYR_NM" class="form-control" 
+					<input type="text" id="rtpyrNm--${pageName}" name="rtpyrNm" data-map="RTPYR_NM" class="form-control"
 						/>
 				</div>
 				<div class="col-md-4">
@@ -149,17 +149,17 @@
 				</div>
 				<div class="col-md-12">
 					<label for="addr--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">주소</label>
-					<input type="text" id="addr--${pageName}" name="addr" data-map="ADDR" class="form-control w-px-700" 
+					<input type="text" id="addr--${pageName}" name="addr" data-map="ADDR" class="form-control w-px-700"
 						data-maxlengthb="320" />
 				</div>
 				<div class="col-md-12">
 					<label for="dtlAddr--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">상세주소</label>
-					<input type="text" id="dtlAddr--${pageName}" name="dtlAddr" data-map="DTL_ADDR" class="form-control w-px-700" 
+					<input type="text" id="dtlAddr--${pageName}" name="dtlAddr" data-map="DTL_ADDR" class="form-control w-px-700"
 						data-maxlengthb="200" />
 				</div>
 				<div class="col-md-6">
 					<label for="zip--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">우편번호</label>
-					<input type="text" id="zip--${pageName}" name="zip" data-map="ZIP" class="form-control w-px-100" 
+					<input type="text" id="zip--${pageName}" name="zip" data-map="ZIP" class="form-control w-px-100"
 						maxlength="7" pattern="(\d{3}-\d{3}|\d{6}|\d{5})" />
 					<button type="button" class="btn btn-sm btn-outline-dark" onclick="">검색</button>
 				</div>
@@ -168,17 +168,17 @@
 				</div>
 				<div class="col-md-4">
 					<label for="vin--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">차대번호</label>
-					<input type="text" id="vin--${pageName}" name="vin" data-map="VIN" class="form-control" readonly 
+					<input type="text" id="vin--${pageName}" name="vin" data-map="VIN" class="form-control" readonly
 						placeholder="입력항목이 아닙니다." />
 				</div>
 				<div class="col-md-4">
 					<label for="vhclNm--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">차량명칭</label>
-					<input type="text" id="vhclNm--${pageName}" name="vhclNm" data-map="VHCL_NM" class="form-control" readonly 
+					<input type="text" id="vhclNm--${pageName}" name="vhclNm" data-map="VHCL_NM" class="form-control" readonly
 						placeholder="입력항목이 아닙니다." />
 				</div>
 				<div class="col-md-4">
 					<label for="vhclColor--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">차량색상</label>
-					<input type="text" id="vhclColor--${pageName}" name="vhclColor" data-map="VHCL_COLOR" class="form-control" readonly 
+					<input type="text" id="vhclColor--${pageName}" name="vhclColor" data-map="VHCL_COLOR" class="form-control" readonly
 						placeholder="입력항목이 아닙니다." />
 				</div>
 				<div class="col-md-12" slot="edit">
@@ -223,7 +223,7 @@
 					<template class="dpv eca pvs">
 						<slot>
 							<label for="crdnSn--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">스티커번호</label>
-							<input type="text" id="crdnSn--${pageName}" name="crdnSn" data-map="CRDN_SN" class="form-control" 
+							<input type="text" id="crdnSn--${pageName}" name="crdnSn" data-map="CRDN_SN" class="form-control"
 								maxlength="20" data-maxlengthb="20" />
 						</slot>
 					</template>
@@ -259,7 +259,7 @@
 					</div>
 				</div>
 			</div>
-			
+
 		</form>
 	</div>
 	<div class="card" style="width:500px;">
@@ -267,7 +267,7 @@
 			<input type="file" id="newFileList--${pageName}" name="newFileList" multiple accept="image/*" hidden />
 			<input type="file" id="modifyFileList--${pageName}" name="modifyFileList" multiple accept="image/*" hidden />
 		</form>
-		
+
 		<div class="col-md-12 d-flex justify-content-between">
 			<div class="fs-4 fw-bold">등록된 사진</div>
 			<div>
@@ -280,7 +280,7 @@
 
 		<form id="frmUploadSet--${pageName}" method="post" enctype="multipart/form-data">
 			<input type="file" id="inputUploadSet--${pageName}" name="inputUploadSet" multiple accept="image/*" hidden />
-		</form>		
+		</form>
 		<div class="col-md-12 d-flex justify-content-between">
 			<div class="fs-4 fw-bold">추가한 사진</div>
 			<div>
@@ -314,19 +314,19 @@ pageObject.childReq.push({
 $(document).ready(function(){
 
 	var $P = pageObject["${pageName}"];
-	
+
 	if(pageObject.parentRes.length > 0){
 		$P.provided = pageObject.parentRes.pop();
 	} else {
 		$P.provided = pageObject.childReq.pop();
 	}
-	
+
 	$P.existFileArr = [];
-	
+
 	$P.captureFileArr = [];
 	$P.localUploadArr = [];
 	$P.numberPlateArr = [];
-	
+
 	/**************************************************************************
 	 * DatasetControl, Dataset, FormFields
 	 **************************************************************************/
@@ -335,9 +335,9 @@ $(document).ready(function(){
 	$P.uploadSet = uploadSupport("#inputUploadSet--${pageName}");
 
 	$P.crdnControl = new DatasetControl({
-	    urls : { 
+	    urls : {
 	    	load : "",
-	    	getInfo : wctx.url("/${taskSeCd}/cvlc/cvlc01/020/info.do"), 
+	    	getInfo : wctx.url("/${taskSeCd}/cvlc/cvlc01/020/info.do"),
 	    	update : wctx.url("/${taskSeCd}/cvlc/cvlc01/020/update.do"),
 	    	create : wctx.url("/${taskSeCd}/cvlc/cvlc01/020/create.do")
 	    },
@@ -348,19 +348,19 @@ $(document).ready(function(){
 		}
 	});
 
-	
+
 	$P.crdnControl.save = (info, accept) => {
 		if (!info) return;
-		
+
 		var formData = new FormData(document.getElementById("frmFile--${pageName}"));
 		for(var key in info) {
 		    var value = info[key];
 		    formData.append(key,value);
 		}
-		
+
 		formData.delete("newFileList");
 		formData.delete("modifyFileList");
-		
+
 		if($P.localUploadArr.length > 0){
 			$P.localUploadArr.forEach(item => formData.append("newFileList",item));
 		}
@@ -370,7 +370,7 @@ $(document).ready(function(){
 		if($P.captureFileArr.length > 0){
 			$P.captureFileArr.forEach(item => formData.append("newFileList",item));
 		}
-		
+
 		if($P.existFileArr.length > 0){
 			for(var i=0; i < $P.existFileArr.length; i++){
 				if($P.existFileArr[i].status == "delete"){
@@ -381,11 +381,11 @@ $(document).ready(function(){
 				}
 			}
 		}
-		
-		if(accept){	
-			formData.append("acceptYn", "Y");	
+
+		if(accept){
+			formData.append("acceptYn", "Y");
 		} else {
-			formData.append("acceptYn", "N");	
+			formData.append("acceptYn", "N");
 		}
 
 		ajax.post({
@@ -401,12 +401,12 @@ $(document).ready(function(){
 	$P.crdnControl.onCurrentChange = (item) => {
 		$P.formFields.set(item);
 	}
-	 
-	$P.uploadSet.onDatasetChange  = () => { 
+
+	$P.uploadSet.onDatasetChange  = () => {
 		var files = $P.uploadSet.getDataset();
 		files.forEach(item => $P.localUploadArr.push(item));
-		
-		$P.fnDisplay(false); 
+
+		$P.fnDisplay(false);
 	};
 	$P.uploadSet.onRemove = () => { };
 
@@ -414,15 +414,15 @@ $(document).ready(function(){
 		if (resp.saved) {
 
 			dialog.alert("저장됐습니다.");
-			
+
 			if($("#levyExcldialog--${pageName}").length > 0){
 				dialog.close("levyExcldialog--${pageName}");
 			}
-			
+
 			var crdnId = $("#crdnId--${pageName}").val();
 
 			var cursorKey = "";
-			
+
 			var nextKey = $P.provided.getNextKey(crdnId);
 	    	if(nextKey != ""){
 	    		cursorKey = nextKey;
@@ -432,7 +432,7 @@ $(document).ready(function(){
 					cursorKey = prevKey;
 				}
 	    	}
-	    	
+
 	    	$("#refreshEnd--${pageName}").attr("data-cursor-key", cursorKey);
 			$P.provided.refreshList();
 		}
@@ -442,14 +442,14 @@ $(document).ready(function(){
 	 **************************************************************************/
 	$P.fnMakeImgForExistFile = (fileArr) => {
 		var tagsText = "";
-		
+
 		for(var index = 0, j = 0; index < fileArr.length; index++){
 			var item = fileArr[index];
-			
+
 			if(item.status == "delete"){
 				continue;
 			}
-			
+
 			tagsText += "<label class='mx-2'>";
 			tagsText += "<input type='radio' name='existPhoto' class='form-check-input' value='"+item.FILE_ID +"' ";
 			if(index == 0){
@@ -458,30 +458,30 @@ $(document).ready(function(){
 			tagsText += " />";
 			tagsText += "<img src='"+ item.URL +"' width='200' height='200' />";
 			tagsText += "</label>";
-				
+
 			if(j % 2 == 1){
 				tagsText += "<br />";
 			}
-			
+
 			j++;
 		}
 
 		return tagsText;
 	}
-	
-	
+
+
 	$P.fnMakeImgForNewFile = (fileArr) => {
 		var tagsText = "";
-		
+
 		for(var index = 0; index < fileArr.length; index++){
 			var item = fileArr[index];
-			
+
 			tagsText += "<label class='mx-2'>";
 			tagsText += "<input type='checkbox' name='newPhoto' class='form-check-input' value='"+item.id +"' ";
 			tagsText += " />";
 			tagsText += "<img src='"+ item.url +"' width='200' height='200' />";
 			tagsText += "</label>";
-				
+
 			if(index % 2 == 1){
 				tagsText += "<br />";
 			}
@@ -489,12 +489,12 @@ $(document).ready(function(){
 
 		return tagsText;
 	}
-	 
+
 	$P.fnDisplay = (isExist) => {
 		if(isExist){
 			var displayArea = document.querySelector("#displayForExist--${pageName}");
 			var tagsText = $P.fnMakeImgForExistFile($P.existFileArr);
-			
+
 			if(tagsText == ""){
 				displayArea.innerHTML = "등록된 사진이 없습니다.";
 				$("#btnEditPhoto--cvlc01020-info").hide();
@@ -503,27 +503,27 @@ $(document).ready(function(){
 				$("#btnEditPhoto--cvlc01020-info").show();
 			}
 		} else {
-			var displayArea = document.querySelector("#displayForNew--${pageName}");		
+			var displayArea = document.querySelector("#displayForNew--${pageName}");
 			var concatArr = $P.localUploadArr.concat($P.numberPlateArr).concat($P.captureFileArr);
 			var tagsText = $P.fnMakeImgForNewFile(concatArr);
 			displayArea.innerHTML = tagsText;
 		}
 	};
 
-	
+
 	$P.fnReset = () => {
 		var crdnId = $("#crdnId--${pageName}").val();
-		
+
 		$P.fnGo(crdnId);
 	}
-	
+
 	$P.fnAccept = () => {
 
 		if(!customValidate($("#frmEdit--${pageName} input"))) return;
-		
+
 		var vhrno = document.getElementById("vhrno--${pageName}");
 		var rtpyrNm = document.getElementById("rtpyrNm--${pageName}");
-		
+
 		if(vhrno.value == ""){
 			dialog.alert({
 				content:"수용 처리를 하기 위해선 차량번호가 입력되어야 합니다.",
@@ -531,7 +531,7 @@ $(document).ready(function(){
 			});
 			return;
 		}
-		
+
 		if(rtpyrNm.value == ""){
 			dialog.alert({
 				content:"수용 처리를 하기 위해선 소유주정보가 입력되어야 합니다.",
@@ -539,7 +539,7 @@ $(document).ready(function(){
 			});
 			return;
 		}
-		
+
 		if(confirm("현재 단속 정보를 저장하시겠습니까?")){
 			$P.crdnControl.save($P.formFields.get(), true);
 		}
@@ -554,19 +554,19 @@ $(document).ready(function(){
 				file.id = "file-" + identify;
 				file.url = (window.URL || window.webkitURL).createObjectURL(file);
 				$P.captureFileArr.push(file);
-				if(index === array.length - 1){ 
+				if(index === array.length - 1){
 					$P.fnDisplay(false);
 				}
 			});
 		});
-		
+
 	}
-	
+
 	$P.editPhotoCallback = (modifiedFile, originalFileInfo, isNumberPlate) => {
-		
+
 		modifiedFile.id = "file-" + new Date().getTime() + "-" + "0";
 		modifiedFile.url = (window.URL || window.webkitURL).createObjectURL(modifiedFile);
-		
+
 		if(isNumberPlate){
 			$P.numberPlateArr.push(modifiedFile);
 			$P.fnDisplay(false);
@@ -579,16 +579,16 @@ $(document).ready(function(){
 					$P.existFileArr.splice(index, 1, modifiedFile);
 				};
 			});
-		
+
 			$P.fnDisplay(true);
-		}	
+		}
 	}
-	
+
 	$P.openLevyExclPop = (levyExclSeCd) => {
-		
+
 		if(levyExclSeCd == "2"){
 			var rtpyrNm = document.getElementById("rtpyrNm--${pageName}");
-			
+
 			if(rtpyrNm.value == ""){
 				dialog.alert({
 					content:"계고 처리를 하기 위해선 소유주정보가 입력되어야 합니다.",
@@ -598,20 +598,20 @@ $(document).ready(function(){
 			}
 			return;
 		}
-		
+
 		var crdnId = $("#crdnId--${pageName}").val();
-		
+
 		var params = {
 			"crdnId" : crdnId,
 			"levyExclSeCd" : levyExclSeCd,
 			"saveCallbackFuncName" : "pageObject['cvlc01020-info']['exclSaveCallback']"
 		};
-		
+
 		ajax.get({
 			url : wctx.url("/excl/excl01/020/info.do"),
 			data : params,
 			success : resp => {
-				
+
 				dialog.open({
 					id : "levyExcldialog--${pageName}",
 					title : "부과제외 정보",
@@ -623,29 +623,29 @@ $(document).ready(function(){
 			}
 		});
 	};
-	
-	
+
+
 	$P.exclSaveCallback = function(exclInfo){
-		
+
 		var mergeInfo = {...$P.formFields.get(), ...exclInfo}
-		
+
 		$P.crdnControl.save(mergeInfo, false);
 	}
-	
+
 	$P.fnPrev = () => {
 		var prevKey = $P.provided.getPrevKey($("#crdnId--${pageName}").val());
 		if(prevKey != ""){
 			$P.fnGo(prevKey);
 		}
 	}
-	
+
 	$P.fnNext = () => {
 		var nextKey = $P.provided.getNextKey($("#crdnId--${pageName}").val());
 		if(nextKey != ""){
 			$P.fnGo(nextKey);
 		}
 	}
-	
+
 	$P.fnGo = (crdnId) => {
 		ajax.get({
 			url: $P.crdnControl.urls.getInfo,
@@ -657,29 +657,29 @@ $(document).ready(function(){
 				var crdnInfo = resp.crdnInfo;
 				crdnInfo.CVLCPT_APLY_CN = escapeHTMLEntity(crdnInfo.CVLCPT_APLY_CN);
 				$P.crdnControl.setData([crdnInfo]);
-				
+
 				//보안모드
 			    fn_securityModeToggle($("#securityMode--top").is(":checked"));
-				
+
 				var cs = $P.provided.getCountStatus($("#crdnId--${pageName}").val());
 				$("#countStauts--${pageName}").val(cs);
 				$P.provided.selectRow(crdnId);
-				
+
 				if(crdnInfo.videoExist == "N"){
 					$("#btnOpenVideoCapture--${pageName}").hide();
 				} else {
 					$("#btnOpenVideoCapture--${pageName}").show();
 				}
-				
+
 				$P.existFileArr = [];
 				if(crdnInfo.fileList){
 					crdnInfo.fileList.forEach(function(item){
 						item.status = "";
 						$P.existFileArr.push(item);
-					});	
+					});
 				}
 				$P.fnDisplay(true);
-				
+
 				$P.captureFileArr = [];
 				$P.localUploadArr = [];
 				$P.numberPlateArr = [];
@@ -688,43 +688,43 @@ $(document).ready(function(){
 			}
 		});
 	}
-	
+
 	$P.fnCopy = () => {
 		var crdnId = $("#crdnId--${pageName}").val();
-		
+
 		if(confirm("현 자료의 복사본을 생성하시겠습니까?")){
-			
+
 			ajax.get({
 				url : $P.crdnControl.urls.create,
 				data : { crdnId : crdnId },
-				success : resp => {	
+				success : resp => {
 					if (resp.saved) {
 						dialog.alert("복사 자료가 생성되었습니다.");
 					}
 				}
 			});
-			
-			
+
+
 		}
-		
+
 	}
-	
+
 	$P.fnOpenCvlcptOrgnl = () => {
 		var crdnId = $("#crdnId--${pageName}").val();
-		
+
 		var dialogId = "cvlcptOrgnlDialog--${pageName}";
-		
+
 		ajax.get({
 			url : wctx.url("/${taskSeCd}/cvlc/cvlc01/050/info.do"),
 			data : { crdnId : crdnId },
-			success : resp => {	
+			success : resp => {
 				dialog.open({
 					id : dialogId,
 					title : "민원내역 원본",
 					content : resp,
 					size : "xl",
 					init : () => {
-						
+
 					}
 				});
 			}
@@ -733,7 +733,7 @@ $(document).ready(function(){
 
 	$P.fnHold = () => {
 		var crdnId = $("#crdnId--${pageName}").val();
-		
+
 		$P.provided.holdRow(crdnId);
 
 		var nextKey = $P.provided.getNextKey(crdnId);
@@ -746,37 +746,37 @@ $(document).ready(function(){
 			$P.fnGo(prevKey);
 			return;
 		}
-		
+
 		dialog.close("cvlcptInitialDataEditDialog--${openerPageName}");
 	}
-	
+
 	/**************************************************************************
 	 * 초기화(업무별 입력항목)
 	 **************************************************************************/
 	var clsForTask = "${taskSeCd}".toLowerCase();
-	
+
 	//업무별 입력 항목
 	renderForTask('frmEdit--${pageName}', clsForTask);
-	
+
 	/**************************************************************************
 	 * element.on
 	 **************************************************************************/
 	$("#btnPrev--${pageName}").on("click", () => $P.fnPrev() );
 	$("#btnNext--${pageName}").on("click", () => $P.fnNext() );
-	
+
 	$("#btnReset--${pageName}").on("click", () => $P.fnReset() );
-	$("#btnInstLevyExcl1--${pageName}").on("click", () => $P.openLevyExclPop("1")); 
-	$("#btnInstLevyExcl2--${pageName}").on("click", () => $P.openLevyExclPop("2")); 
-	$("#btnDataCopy--${pageName}").on("click", () => $P.fnCopy()); 
+	$("#btnInstLevyExcl1--${pageName}").on("click", () => $P.openLevyExclPop("1"));
+	$("#btnInstLevyExcl2--${pageName}").on("click", () => $P.openLevyExclPop("2"));
+	$("#btnDataCopy--${pageName}").on("click", () => $P.fnCopy());
 	$("#btnHold--${pageName}").on("click", () => $P.fnHold());
 	$("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl());
 	$("#btnAccept--${pageName}").on('click', () => $P.fnAccept());
-	
+
 	$("#btnAddFile--${pageName}").on('click', () => { $("#inputUploadSet--${pageName}").trigger("click"); });
-	
+
 	$("#btnOpenVideoCapture--${pageName}").on('click', () => {
 		var crdnId = $("#crdnId--${pageName}").val();
-		
+
 		window.open(wctx.url("/sprt/sprt03/010/main.do?openerPageName=${pageName}&crdnId="+crdnId)
 				,"newVideoCapture"
 				,"width=1800,height=950"
@@ -788,9 +788,9 @@ $(document).ready(function(){
 			alert("선택된 사진이 없습니다.");
 			return;
 		}
-		
+
 		var fileId = checked.val();
-		
+
 		window.open(wctx.url("/sprt/sprt03/020/main.do?openerPageName=${pageName}&fileId="+fileId)
 				,"editPhoto"
 				,"width=1400,height=750"
@@ -798,43 +798,43 @@ $(document).ready(function(){
 	});
 
 	$("#btnDeleteExistPhoto--${pageName}").on('click', () => {
-		
+
 		var checked = $("#displayForExist--${pageName}").find("[name='existPhoto']:checked");
 		if(checked.length < 1){
 			alert("선택된 사진이 없습니다.");
 			return;
 		}
-		
+
 		var target = checked[0].value;
-		
+
 		$P.existFileArr.forEach(function(item){
 			if(item.FILE_ID == target){
 				item.status = "delete";
 			}
 		});
-		
+
 		$P.fnDisplay(true);
 	});
-	
+
 	$("#btnCancelAddFile--${pageName}").on('click', () => {
 		var checked = $("#displayForNew--${pageName}").find("[name='newPhoto']:checked");
 		if(checked.length < 1){
 			alert("선택된 사진이 없습니다.");
 			return;
 		}
-		
+
 		var checkedArr = [];
 		for(var i=0; i < checked.length; i++){
 			checkedArr.push(checked[i].value);
 		}
-		
+
 		$P.captureFileArr = $P.captureFileArr.filter(item => checkedArr.indexOf(item.id) == -1);
 		$P.localUploadArr = $P.localUploadArr.filter(item => checkedArr.indexOf(item.id) == -1);
 		$P.numberPlateArr = $P.numberPlateArr.filter(item => checkedArr.indexOf(item.id) == -1);
 
 		$P.fnDisplay(false);
 	});
-	
+
 	$("#vhrno--${pageName}").on("keyup",function(e){
 		if(e.key == "Enter"){
 			var crdnYmd = $("#crdnYmd--${pageName}").val().replaceAll("-", "");
@@ -853,7 +853,7 @@ $(document).ready(function(){
 				});
 				return;
 			}
-			
+
 			json.post({
 				url: wctx.url("/api/lvis/basicInfo.do"),
 				data: JSON.stringify({
@@ -861,13 +861,13 @@ $(document).ready(function(){
 					levy_stdde : crdnYmd
 				}),
 				success:resp => {
-					
+
 					if(resp.basicInfo != null && resp.basicInfo.vhrno != null){
-						
+
 						var basicInfo = resp.basicInfo;
-						
+
 						$("#rtpyrNm--${pageName}").val(basicInfo.mber_nm);
-						
+
 						var pyrSeCd = "";
 						switch(basicInfo.mber_se_code){
 							case "11" : pyrSeCd = "01"; break;
@@ -877,14 +877,14 @@ $(document).ready(function(){
 							case "15" : pyrSeCd = "05"; break;
 						}
 						$("#rtpyrSeCd--${pageName}").val(pyrSeCd);
-						
+
 						$("#rtpyrNo--${pageName}").val(basicInfo.mber_se_no);
 
 						$("#vin--${pageName}").val(basicInfo.vin);
 						$("#vhclNm--${pageName}").val(basicInfo.cnm);
 						$("#vhclColor--${pageName}").val(basicInfo.color_nm);
 						$("#useFuelCd--${pageName}").val(basicInfo.use_fuel_code);
-						
+
 						if(basicInfo.vhcty_asort_code == "1"){ //승용
 							$("#ffnlgCarmdlCd--${pageName}").val("11");
 						} else if(basicInfo.vhcty_asort_code == "2"){ //승합
@@ -900,16 +900,16 @@ $(document).ready(function(){
 						} else {
 							//$("#ffnlgCarmdlCd--${pageName}").val("21"); //건설기계
 							//$("#ffnlgCarmdlCd--${pageName}").val("31"); //이륜차
-							
+
 						}
 
-						
+
 						//$("#--${pageName}").val(basicInfo.);
-						
+
 						//$("#addr--${pageName}").val(basicInfo.); //주소
 						//$("#dtlAddr--${pageName}").val(basicInfo.); //상세주소
 						//$("#zip--${pageName}").val(basicInfo.); //우편번호
-						
+
 						//"use_strnghld_legaldong_code" :  "4136010300",
         				//"use_strnghld_adstrd_code" : "4136053000",
         				//"use_strnghld_mntn" :  "",
@@ -922,12 +922,12 @@ $(document).ready(function(){
         				//"use_strnghld_buld_sub_no" : "2",
 
 					}
-					
+
 				}
 			});
 		}
 	});
-	
+
 	if("${taskSeCd}" == "DPV"){
 		$("#vltnCd--${pageName}").on("change", function(){
 			if(this.value == "01"){
@@ -938,7 +938,7 @@ $(document).ready(function(){
 			}
 		});
 	}
-	
+
 	$("#refreshEnd--${pageName}").on("refreshEnd", function(){
 		if(this.dataset.cursorKey != null && this.dataset.cursorKey != ""){
             $P.fnGo(this.dataset.cursorKey);
@@ -946,7 +946,7 @@ $(document).ready(function(){
             dialog.close("cvlcptInitialDataEditDialog--${openerPageName}");
         }
 	});
-	
+
 	/**************************************************************************
 	 * 초기화
 	 **************************************************************************/
@@ -955,57 +955,57 @@ $(document).ready(function(){
 	$("#frmEdit--${pageName}").find(".form-date").each(function(){
 		$(this).on("input",function(){
 			var value = this.value.replaceAll("-","");
-			
+
 			if(value.length > 7){
 				this.value = value.substring(0,4)+"-"+value.substring(4,6)+"-"+value.substring(6);
 			} else if(value.length > 5){
 				this.value = value.substring(0,4)+"-"+value.substring(4);
 			}
-			
+
 		});
 	});
 	$("#frmEdit--${pageName}").find(".form-time").each(function(){
 		$(this).on("input",function(){
 			var value = this.value.replaceAll(":","");
-			
+
 			if(value.length > 5){
 				this.value = value.substring(0,2)+":"+value.substring(2,4)+":"+value.substring(4);
 			} else if(value.length > 3){
 				this.value = value.substring(0,2)+":"+value.substring(2);
 			}
-			
+
 		});
 	});
-	
+
 	var crdnInfo = ${crdnInfo};
 	crdnInfo.CVLCPT_APLY_CN = escapeHTMLEntity(crdnInfo.CVLCPT_APLY_CN);
 	$P.crdnControl.setData([crdnInfo]);
-	
+
 	if($("#taskSeCd--${pageName}").val() == "DPV" && $("#vltnCd--${pageName}").val() == "01"){
 		$("label[for='dstrbncYn--${pageName}']").show();
 	} else {
 		$("label[for='dstrbncYn--${pageName}']").hide();
 	}
-	
+
 	//보안모드
     fn_securityModeToggle($("#securityMode--top").is(":checked"));
-	
+
 	var cs = $P.provided.getCountStatus($("#crdnId--${pageName}").val());
 	$("#countStauts--${pageName}").val(cs);
-	
+
 	if(crdnInfo.videoExist == "N"){
 		$("#btnOpenVideoCapture--${pageName}").hide();
 	} else {
 		$("#btnOpenVideoCapture--${pageName}").show();
 	}
-	
+
 	if(crdnInfo.fileList){
 		crdnInfo.fileList.forEach(function(item){
 			item.status = "";
 			$P.existFileArr.push(item);
-		});	
+		});
 	}
-	
+
 	$P.fnDisplay(true);
 });
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
index 42e200de..5eea8314 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
@@ -351,6 +351,15 @@
 			return;
 		}
 
+		let dataItems = ${pageName}Control.dataset.getDataset("item");
+		let crdnIDs = {};
+
+		for (let iLoop = 0; iLoop < dataItems.length; iLoop++) {
+			let key = dataItems[iLoop].data.CRDN_ID;
+
+			crdnIDs[iLoop] = key;
+		}
+
 		ajax.get({
 			  url : wctx.url("/sprt/sprt02/010/main.do")
 			, data : { crdnId : crdnId }
@@ -362,6 +371,9 @@
 					, title : "개별총정보"
 					, content : resp
 					, size : "xxl"
+					, init : () => {
+						sprt02010CrdnIDs = crdnIDs;
+					}
 				});
 			}
 		});
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
index 8dd9c68b..392a5b03 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
@@ -71,7 +71,7 @@
 				<label for="sttrAddr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">주소</label>
 				<input type="text" class="form-control w-75" id="sttrAddr--${pageName}" name="sttrAddr" data-map="STTR_ADDR" />
 				<input type="text" class="form-control w-px-75" id="sttrZip--${pageName}" name="sttrZip" data-map="STTR_ZIP" />
-				<button type="button" class="btn btn-sm btn-outline-dark" id="btnZip--${pageName}" title="우편번호 검색" onclick="fnZip${pageName}();">
+				<button type="button" class="btn btn-sm btn-outline-dark" id="btnZip--${pageName}" title="우편번호 검색" onclick="fnBtnZip${pageName}();">
 					검색
 				</button>
 			</div>
@@ -222,7 +222,6 @@
 		let item = ${pageName}Control.getCurrent("item");
   		let create = isEmpty(info.opnnId);
 
-
   		let formData = new FormData();
 
   		// 첨부파일 배열에 있는 내용을 등록
@@ -298,8 +297,8 @@
 		$("#sttrEml--${pageName}").val(${pageName}Control.getValue("RTPYR_EML"));
 	}
 
-	// 우편번호 조회
-	function fnZip${pageName}() {
+	// 우편번호 검색
+	function fnBtnZip${pageName}() {
 
 	}
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02010-main.jsp
index 413ab38f..44908a78 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02010-main.jsp
@@ -101,6 +101,8 @@
 	var prefixUrl = "/sprt/sprt02";
 	// FormFields
  	var ${pageName}Fields = new FormFields("#frmEdit--${pageName}");
+ 	//
+ 	var ${pageName}CrdnIDs = {};
 
 	/**************************************************************************
 	 * DatasetControl
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp
index 24ae9b1e..18d4f764 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp
@@ -9,6 +9,7 @@
 		<div class="card" style="max-width:1100px;" title="단속 정보">
 			<!-- 업무 버튼 -->
 			<div class="container-page-btn">
+				<label class="w-px-200 bg-label-danger pe-2 col-form-label text-sm-center">단속 정보</label>
 				<!-- 버튼 우측 정렬 -->
 				<span class="container-window-btn-right">
 					<button type="button" class="btn btn-primary" id="btnOpenCvlcptOrgnl--${pageName}" title="민원 원본 보기" onclick="fnBtnOpenCvlcptOrgnl${pageName}();">
@@ -186,11 +187,12 @@
 		<div class="card" style="max-width:1100px;" title="납부자 정보">
 			<!-- 업무 버튼 -->
 			<div class="container-page-btn">
-				<button type="button" class="btn btn-primary" id="btnPayerReset--${pageName}" title="납부자 초기화" onclick="btnPayerReset${pageName}();">
-					납부자 초기화
-				</button>
+				<label class="w-px-200 bg-label-danger pe-2 col-form-label text-sm-center">납부자 정보</label>
 				<!-- 버튼 우측 정렬 -->
 				<span class="container-window-btn-right">
+					<button type="button" class="btn btn-primary" id="btnPayerReset--${pageName}" title="납부자 초기화" onclick="btnPayerReset${pageName}();">
+						납부자 초기화
+					</button>
 					<button type="button" class="btn btn-primary" id="btnPayerUpdate--${pageName}" title="납부자 수정" onclick="fnBtnPayerUpdate${pageName}();">
 						납부자 수정
 					</button>
@@ -213,19 +215,19 @@
 					<label for="rtpyrNo--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">납부자 번호</label>
 					<input type="text" class="form-control w-40" id="rtpyrNo--${pageName}" name="rtpyrNo" data-map="RTPYR_NO" readonly />
 				</div>
-				<!-- 진술자 주소 --><!-- 진술자 우편번호 -->
+				<!-- 납부자 주소 --><!-- 납부자 우편번호 -->
 				<div class="col-md-12">
-					<label for="sttrAddr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">주소</label>
-					<input type="text" class="form-control w-75" id="sttrAddr--${pageName}" name="sttrAddr" data-map="STTR_ADDR" />
-					<input type="text" class="form-control w-px-75" id="sttrZip--${pageName}" name="sttrZip" data-map="STTR_ZIP" />
-					<button type="button" class="btn btn-sm btn-outline-dark" id="btnZip--${pageName}" title="우편번호 검색" onclick="fnZip${pageName}();">
+					<label for="addr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">주소</label>
+					<input type="text" class="form-control w-75" id="addr--${pageName}" name="addr" data-map="addr" />
+					<input type="text" class="form-control w-px-75" id="zip--${pageName}" name="zip" data-map="ZIP" />
+					<button type="button" class="btn btn-sm btn-outline-dark" id="btnZip--${pageName}" title="우편번호 검색" onclick="fnBtnZip${pageName}();">
 						검색
 					</button>
 				</div>
-				<!-- 진술자 상세주소 -->
+				<!-- 납부자 상세주소 -->
 				<div class="col-md-12">
-					<label for="sttrDaddr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">상세 주소</label>
-					<input type="text" class="form-control w-87" id="sttrDaddr--${pageName}" name="sttrDaddr" data-map="STTR_DADDR" />
+					<label for="dtlAddr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">상세 주소</label>
+					<input type="text" class="form-control w-87" id="dtlAddr--${pageName}" name="dtlAddr" data-map="DTL_ADDR" />
 				</div>
 				<!-- 납부자 입력 구분 코드 -->
 				<div class="col-md-4">
@@ -336,22 +338,10 @@
 			, data : { crdnId : crdnId }
 			, success : resp => {
 				dialog.open({
-					id : dialogId,
-					title : "민원내역 원본",
-					content : resp,
-					size : "xl",
-					init : () => {
-// 						var parentRes = new Object();
-// 						var childReq = pageObject.childReq.pop();
-// 						for(var reqKey in childReq) {
-// 						    if($P.provide[reqKey]){
-// 						    	parentRes[reqKey] = $P.provide[reqKey];
-// 						    } else {
-// 						    	parentRes[reqKey] = function(){};
-// 						    }
-// 						}
-// 						pageObject.parentRes.push(parentRes);
-					}
+					  id : dialogId
+					, title : "민원내역 원본"
+					, content : resp
+					, size : "xl"
 				});
 			}
 		})
@@ -397,6 +387,11 @@
 		console.log("단속 상태 변경");
 	}
 
+	// 우편번호 검색
+	function fnBtnZip${pageName}() {
+
+	}
+
 	/**************************************************************************
 	 * script 진입
 	 **************************************************************************/
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02030-info.jsp
index 2a7c2a8a..ac397da7 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02030-info.jsp
@@ -7,6 +7,7 @@
 	<div class="card" title="의견제출 정보">
 		<!-- 업무 버튼 -->
 		<div class="container-page-btn">
+			<label class="w-px-200 bg-label-danger pe-2 col-form-label text-sm-center">의견제출 정보</label>
 			<!-- 버튼 우측 정렬 -->
 			<span class="container-window-btn-right">
 				<button type="button" class="btn btn-primary" id="btnOpnnSbmsnCreate--${pageName}" title="의견제출 등록" onclick="fnBtnOpnnSbmsnCreate${pageName}();">