From af24b8cc96554edebb6dc9c21687c0d0406ad213 Mon Sep 17 00:00:00 2001
From: leebeomjun <leebj91@xit.co.kr>
Date: Thu, 27 Jul 2023 17:43:50 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AF=BC=EC=9B=90=EC=A0=91=EC=88=98=20?=
 =?UTF-8?q?=EC=B4=88=EA=B8=B0=EC=9E=90=EB=A3=8C=20=EC=83=81=EC=84=B8?=
 =?UTF-8?q?=EC=A1=B0=ED=9A=8C=20=EC=BF=BC=EB=A6=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cokr/xit/fims/crdn/dao/Crdn01Mapper.java  |   6 +
 .../crdn/service/bean/Crdn01ServiceBean.java  |   4 +
 .../xit/fims/crdn/web/Crdn01Controller.java   |  20 +
 .../sql/mapper/fims/crdn/crdn01-mapper.xml    |  38 +-
 .../WEB-INF/jsp/fims/crdn/crdn01010-main.jsp  |  22 +-
 .../WEB-INF/jsp/fims/crdn/crdn01020-info.jsp  | 472 ++++++++++++++++++
 .../WEB-INF/jsp/fims/crdn/crdn01050-info.jsp  |   3 +-
 7 files changed, 560 insertions(+), 5 deletions(-)
 create mode 100644 src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp

diff --git a/src/main/java/cokr/xit/fims/crdn/dao/Crdn01Mapper.java b/src/main/java/cokr/xit/fims/crdn/dao/Crdn01Mapper.java
index 9cc55abc..b9369a1b 100644
--- a/src/main/java/cokr/xit/fims/crdn/dao/Crdn01Mapper.java
+++ b/src/main/java/cokr/xit/fims/crdn/dao/Crdn01Mapper.java
@@ -63,4 +63,10 @@ public interface Crdn01Mapper extends AbstractMapper {
 	 */
 	DataObject selectAnswerPreview(CrdnQuery query);
 
+	/** 민원접수 초기자료 정보를 조회한다.
+	 * @param query 민원접수 초기자료 조회 조건
+	 * @return 민원접수 초기자료
+	 */
+	DataObject selectCivilComplaintReceiptInitialDataInfo(CrdnQuery req);
+
 }
diff --git a/src/main/java/cokr/xit/fims/crdn/service/bean/Crdn01ServiceBean.java b/src/main/java/cokr/xit/fims/crdn/service/bean/Crdn01ServiceBean.java
index 472cd0b2..4e42af8b 100644
--- a/src/main/java/cokr/xit/fims/crdn/service/bean/Crdn01ServiceBean.java
+++ b/src/main/java/cokr/xit/fims/crdn/service/bean/Crdn01ServiceBean.java
@@ -156,6 +156,10 @@ public class Crdn01ServiceBean extends AbstractServiceBean implements CrdnServic
 		return crdn01Mapper.selectAnswerPreview(req);
 	}
 
+	public DataObject getCivilComplaintReceiptInitialDataInfo(CrdnQuery req) {
+		return crdn01Mapper.selectCivilComplaintReceiptInitialDataInfo(req);
+	}
+
 
 
 }
diff --git a/src/main/java/cokr/xit/fims/crdn/web/Crdn01Controller.java b/src/main/java/cokr/xit/fims/crdn/web/Crdn01Controller.java
index 41dfba9c..067a5313 100644
--- a/src/main/java/cokr/xit/fims/crdn/web/Crdn01Controller.java
+++ b/src/main/java/cokr/xit/fims/crdn/web/Crdn01Controller.java
@@ -116,6 +116,26 @@ public class Crdn01Controller extends ApplicationController {
 		);
 	}
 
+	/**민원접수 초기자료 상세조회 팝업 화면을 연다.<br />
+	 * @return fims/crdn/crdn01020-info
+	 */
+	@RequestMapping(name="민원접수 초기자료 조회", value="/020/info.do")
+	public ModelAndView getCivilComplaintReceiptInitialDataInfo(CrdnQuery req, HttpServletRequest request) {
+		boolean json = jsonResponse();
+		String pageName = "crdn01020-info";
+
+		ModelAndView mav = new ModelAndView(json ? "jsonView" : "fims/crdn/"+pageName);
+		mav.addObject("pageName", pageName);
+
+		String urlTaskSeCd = request.getServletPath().split("/")[1];
+		mav.addObject("taskSeCd", urlTaskSeCd);
+
+		DataObject info = crdn01Service.getCivilComplaintReceiptInitialDataInfo(req);
+
+		mav.addObject("crdnInfo", json ? info : toJson(info));
+		return mav;
+	}
+
 	/**민원답변대상자료 목록을 조회한다.<br />
 	 * {@link Crdn01ServiceBean#getCrackdownList(CrdnQuery)} 참고
 	 * @param req 민원답변대상자료 목록 조회 조건
diff --git a/src/main/resources/sql/mapper/fims/crdn/crdn01-mapper.xml b/src/main/resources/sql/mapper/fims/crdn/crdn01-mapper.xml
index 725547ea..74935852 100644
--- a/src/main/resources/sql/mapper/fims/crdn/crdn01-mapper.xml
+++ b/src/main/resources/sql/mapper/fims/crdn/crdn01-mapper.xml
@@ -317,6 +317,42 @@ SELECT C.CRDN_ID                <!-- 단속 ID -->
    AND C.CRDN_ID = #{crdnId}
 </select>
 
-
+<select id="selectCivilComplaintReceiptInitialDataInfo" parameterType="map" resultType="dataobject">
+/* 민원접수 초기자료 상세조회(crdn01Mapper.selectCivilComplaintReceiptInitialDataInfo) */
+SELECT C.CRDN_ID                <!-- 단속 ID -->
+     , C.CRDN_SE_CD             <!-- 단속 구분 코드 -->
+     , C.CRDN_REG_SE_CD         <!-- 단속 등록 구분 코드 -->
+     , C.CRDN_YMD               <!-- 단속 일자 -->
+     , C.CRDN_TM                <!-- 단속 시각 -->
+     , (SELECT VLTN_CD FROM TB_VLTN_INFO WHERE VLTN_ID = C.VLTN_ID) AS VLTN_CD
+     , CC.CVLCPT_APLCNT_NM      <!-- 민원 신청인 명 -->
+     , CC.CVLCPT_PRCS_PIC_NM    <!-- 민원 처리 담당자명 -->
+     , CC.CVLCPT_APLY_CN        <!-- 민원 신청 내용 -->
+     , C.CRDN_PLC               <!-- 단속 장소 -->
+     , C.DTL_CRDN_PLC           <!-- 상세 단속 장소 -->
+     , C.CRDN_SPAREA_CD         <!-- 단속 특별구역 코드 -->
+     , C.CRDN_STDG_NM           <!-- 단속 법정동 -->
+     , CC.CVLCPT_RCPT_YMD       <!-- 민원 접수 일자 -->
+     , CC.CVLCPT_PRCS_PRNMNT_DT <!-- 민원 처리 예정 일시 -->
+     , C.VHRNO                  <!-- 차량번호 -->
+     , C.PARKNG_PSBLTY_RSLT_CD  <!-- 장애차량확인 -->
+     , C.ETC_CN                 <!-- 특기사항 -->
+     , C.TOWNG_YN               <!-- 견인 여부 -->
+     , P.RTPYR_NM               <!-- 납부자 명 -->
+     , P.RTPYR_SE_CD            <!-- 납부자 구분 코드 -->
+     , P.RTPYR_NO               <!-- 납부자 주민번호 -->
+     , P.ADDR                   <!-- 납부자 주소 -->
+     , P.DTL_ADDR               <!-- 납부자 상세주소 -->
+     , P.ZIP                    <!-- 납부자 우편번호 -->
+     , C.VHCL_NM                <!-- 차량명 -->
+     , C.VHCL_COLOR             <!-- 차량색상 -->
+     , C.USE_FUEL_CD            <!-- 사용 연료 코드 -->
+     , C.VIN                    <!-- 차대번호 -->
+  FROM TB_CRDN C
+  INNER JOIN TB_CRDN_CVLCPT CC ON (C.CRDN_ID = CC.CRDN_ID AND CC.DEL_YN = 'N')
+  LEFT OUTER JOIN TB_PAYER P ON (C.RTPYR_ID = P.RTPYR_ID)
+ WHERE C.DEL_YN = 'N'
+   AND C.CRDN_ID = #{crdnId}
+</select>
 
 </mapper>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01010-main.jsp
index 1e051fa0..3a5cda4b 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01010-main.jsp
@@ -179,7 +179,8 @@ $(document).ready(function(){
 	 * DatasetControl
 	 **************************************************************************/
 	$P.crdnControl = new DatasetControl({
-	    prefix:"crdn", prefixName:"종합", infoSize:"xl", urls : { load : "", getInfo : "", remove : "" },
+		size:"xxl",
+	    urls : { load : "", getInfo : "", remove : "" },
 	    keymapper:info => info ? info.CRDN_ID : "", dataGetter:obj => obj.crdnList, appendData:true,
 	    formats : {
 	    	CRDN_REG_SE_CD 			: FIM026,
@@ -291,7 +292,24 @@ $(document).ready(function(){
 	}
 
 	$P.dblclickCrdnList = (dataKey) => {
-		$P.crdnControl.getInfo(dataKey);
+		
+		var dialogId = "cvlcptInitialDataEditDialog--${pageName}";
+		
+		ajax.get({
+			url : $P.crdnControl.urls.getInfo,
+			data : {"crdnId" : dataKey},
+			success : resp => {	
+				dialog.open({
+					id : dialogId,
+					title : "민원접수 초기자료 편집",
+					content : resp,
+					size : "xxl",
+					init : () => {
+
+					}
+				});
+			}
+		});
 	}
 
 	$P.renderCrdnList = (total) => {
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp
new file mode 100644
index 00000000..3b9d8030
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp
@@ -0,0 +1,472 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+
+<div class="d-flex flex-row justify-content-evenly">
+	<div class="card" style="max-width:1100px;" title="민원접수 초기자료 편집">
+		<form id="frmEdit--${pageName}">
+			<input name="crdnId" type="hidden" data-map="CRDN_ID" />
+			<input id="taskSeCd--${pageName}" name="taskSeCd" type="hidden" value="${taskSeCd}" />
+			<div class="row g-1">
+				<div class="col-md-12" slot="edit">
+					<template class="pvs bpv">
+						<slot>
+							<label for="crdnSeCd--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">단속구분</label>
+							<select id="crdnSeCd--${pageName}" name="crdnSeCd" data-map="CRDN_SE_CD" class="form-select">
+								<c:forEach items="${FIM002List}" var="item">
+									<option value="${item.code}">${item.value}</option>
+				                </c:forEach>
+							</select>
+						</slot>
+					</template>
+				</div>
+				<div class="col-md-4">
+					<label for="crdnYmd--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end required">
+						위반일자
+					</label>
+					<input type="text" id="crdnYmd--${pageName}" name="crdnYmd" data-map="CRDN_YMD"
+						class="form-control form-date" data-fmt-type="day" maxlength="10" required />
+		            <button type="button" class="bx bx-sm bx-calendar bg-white"></button>
+				</div>
+				<div class="col-md-4">
+					<label for="crdnTm--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end required">
+						위반시간
+					</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 
+		            	placeholder="시:분:초" />
+				</div>
+				<div class="col-md-4">
+					<label for="vhrno--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end required">
+						차량번호
+					</label>
+					<input type="text" id="vhrno--${pageName}" name="vhrno" data-map="VHRNO" class="form-control" 
+						data-maxlengthb="30" required />
+				</div>
+				<div class="col-md-6">
+					<label for="vltnCd--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">
+						위반내용
+					</label>
+					<select id="vltnCd--${pageName}" name="vltnCd" class="form-select" data-map="VLTN_CD">
+						<c:forEach items="${VLTNList}" var="item">
+							<option value="${item.code}">${item.value}</option>
+		                </c:forEach>
+					</select>
+				</div>
+				<div class="col-md-6 select2-primary">
+					<label for="crdnStdgNm--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">법정동</label>
+					<input type="text" id="crdnStdgNm--${pageName}" name="crdnStdgNm" data-map="CRDN_STDG_NM" class="form-control" readonly/>
+					<button type="button" class="btn btn-sm btn-outline-dark" onclick="">검색</button>
+				</div>
+				<div class="col-md-4">
+					<label for="crdnPlc--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">위반장소</label>
+					<input type="text" id="crdnPlc--${pageName}" name="crdnPlc" data-map="CRDN_PLC" class="form-control" 
+						data-maxlengthb="200" />
+				</div>
+				<div class="col-md-8" slot="edit">
+					<template class="bpv">
+						<slot>
+							<label for="dtlCrdnPlc--${pageName}" class="w-px-150 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" 
+								data-maxlenghb="200" />
+						</slot>
+					</template>
+					<template class="pvs">
+						<slot>
+							<label for="crdnSpareaCd--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">특별구역</label>
+							<select id="crdnSpareaCd--${pageName}" name="crdnSpareaCd" data-map="CRDN_SPAREA_CD" class="form-select">
+								<c:forEach items="${FIM007List}" var="item">
+									<option value="${item.code}">${item.value}</option>
+				                </c:forEach>
+							</select>
+						</slot>
+					</template>
+				</div>
+				<div class="col-md-6">
+					<label for="cvlcptAplcntNm--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">신고자</label>
+					<input type="text" id="cvlcptAplcntNm--${pageName}" name="cvlcptAplcntNm" data-map="CVLCPT_APLCNT_NM" 
+						class="form-control" />
+				</div>
+				<div class="col-md-6">
+					<label for="cvlcptPrcsPicNm--${pageName}" class="w-px-150 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" 
+						class="form-control" />
+				</div>
+				<div class="col-md-12">
+					<label for="cvlcptAplyCn--${pageName}" class="w-px-150 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" 
+						class="form-control" cols="100%" rows="4"
+					></textarea>
+				</div>
+				<div class="col-md-6">
+					<label for="cvlcptRcptYmd--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">접수일</label>
+					<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}" 
+						class="w-px-150 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" 
+						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-150 bg-lighter pe-2 col-form-label text-sm-end">특기사항</label>
+					<input type="text" id="etcCn--${pageName}" name="etcCn" data-map="ETC_CN" class="form-control" 
+						data-maxlengthb="1000" />
+				</div>
+				<div class="col-md-4">
+					<label for="rtpyrNm--${pageName}" class="w-px-150 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" 
+						/>
+				</div>
+				<div class="col-md-4">
+					<label for="rtpyrSeCd--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">주민번호구분</label>
+					<select id="rtpyrSeCd--${pageName}" name="rtpyrSeCd" data-map="RTPYR_SE_CD" class="form-select">
+						<c:forEach items="${FIM011List}" var="item">
+							<option value="${item.code}">${item.value}</option>
+		                </c:forEach>
+					</select>
+				</div>
+				<div class="col-md-4">
+					<label for="rtpyrNo--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">주민번호</label>
+					<input type="text" id="rtpyrNo--${pageName}" name="rtpyrNo" data-map="RTPYR_NO" class="form-control privacy" />
+					<input type="text" id="mask-rtpyrNo--${pageName}" class="form-control privacy-mask" disabled value="******"/>
+				</div>
+				<div class="col-md-12">
+					<label for="addr--${pageName}" class="w-px-150 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" 
+						data-maxlengthb="320" />
+				</div>
+				<div class="col-md-12">
+					<label for="dtlAddr--${pageName}" class="w-px-150 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" 
+						data-maxlengthb="200" />
+				</div>
+				<div class="col-md-6">
+					<label for="zip--${pageName}" class="w-px-150 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" 
+						maxlength="7" pattern="(\d{3}-\d{3}|\d{6}|\d{5})" />
+					<button type="button" class="btn btn-sm btn-outline-dark" onclick="">검색</button>
+				</div>
+				<div class="col-md-6">
+
+				</div>
+				<div class="col-md-4">
+					<label for="vin--${pageName}" class="w-px-150 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 
+						placeholder="입력항목이 아닙니다." />
+				</div>
+				<div class="col-md-4" slot="edit">
+					<template class="pvs bpv">
+						<slot>
+							<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">차량구분</label>
+						</slot>
+					</template>
+				</div>
+				<div class="col-md-4" slot="edit">
+					<template class="pvs bpv">
+						<slot>
+							<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">차종</label>
+						</slot>
+					</template>
+				</div>
+				<div class="col-md-4">
+					<label for="vhclNm--${pageName}" class="w-px-150 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 
+						placeholder="입력항목이 아닙니다." />
+				</div>
+				<div class="col-md-4">
+					<label for="vhclColor--${pageName}" class="w-px-150 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 
+						placeholder="입력항목이 아닙니다." />
+				</div>
+				<div class="col-md-4">
+					<label for="useFuelCd--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">연료구분</label>
+					<select id="useFuelCd--${pageName}" name="useFuelCd" data-map="USE_FUEL_CD" class="form-select" disabled>
+						<c:forEach items="${LVS005List}" var="item">
+							<option value=""></option>
+							<option value="${item.code}">${item.value}</option>
+		                </c:forEach>
+					</select>
+				</div>
+				<div class="col-md-4" slot="edit">
+					<template class="dpv eca pvs">
+						<slot>
+							<label for="towngYn--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">견인지시</label>
+							<select id="towngYn--${pageName}" name="towngYn" class="form-select" data-map="TOWNG_YN">
+								<c:forEach items="${FIM053List}" var="item">
+									<option value="${item.code}">${item.value}</option>
+				                </c:forEach>
+							</select>
+						</slot>
+					</template>
+				</div>
+				<div class="col-md-4" slot="edit">
+					<template class="dpv eca pvs">
+						<slot>
+							<label for="crdnSn--${pageName}" class="w-px-150 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" 
+								maxlength="20" data-maxlengthb="20" />
+						</slot>
+					</template>
+				</div>
+				<div class="col-md-4" slot="edit">
+					<template class="dpv">
+						<slot>
+							<label for="parkngPsbltyRsltCd--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">장애차량확인</label>
+							<select id="parkngPsbltyRsltCd--${pageName}" name="parkngPsbltyRsltCd" data-map="PARKNG_PSBLTY_RSLT_CD" class="form-select">
+								<c:forEach items="${FIM034List}" var="item">
+									<option value="${item.code}">${item.value}</option>
+				                </c:forEach>
+							</select>
+						</slot>
+					</template>
+				</div>
+				<div class="col-md-12" slot="edit">
+					<template class="pvs bpv">
+						<slot>
+							<label for="teamNm--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">단속조</label>
+							<select id="teamNm--${pageName}" name="teamNm" data-map="TEAM_NM" class="form-select">
+							</select>
+						</slot>
+					</template>
+				</div>
+				<div class="col-md-12" slot="edit">
+					<template class="pvs bpv">
+						<slot>
+							<label class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">단속원</label>
+							<input type="text" id="teamer1--${pageName}" name="teamer1" data-map="TEAMER_1" class="form-control" />
+							<input type="text" id="teamer2--${pageName}" name="teamer2" data-map="TEAMER_2" class="form-control" />
+							<input type="text" id="teamer3--${pageName}" name="teamer3" data-map="TEAMER_3" class="form-control" />
+							<input type="text" id="teamer4--${pageName}" name="teamer4" data-map="TEAMER_4" class="form-control" />
+						</slot>
+					</template>
+				</div>
+				<div class="col-md-6">
+					<label for="doGuidance--${pageName}">
+						<input type="checkbox" id="doGuidance--${pageName}" name="doGuidance" class="form-check-input" />계도처리
+					</label>
+				</div>
+			</div>
+
+			<div class="row mt-4 justify-content-end mb-3">
+				<div class="col-md-6">
+					<div class="row justify-content-end">
+						<div class="col-sm-3">
+							<button type="button" id="btnInst--${pageName}" class="btn btn-primary">등록</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+		</form>
+	</div>
+	<div class="card" style="width:400px;">
+		<form id="frmFile--${pageName}" class="dpv eca" method="post" enctype="multipart/form-data">
+			<input type="file" id="uploadFileList--${pageName}" name="uploadFileList" multiple accept="image/*" hidden />
+		</form>
+		<div class="col-md-12">
+			<button type="button" id="btnAddFile--${pageName}" class="btn btn-blue">이미지 추가</button>
+		</div>
+		<div id="display--${pageName}" style="overflow-y: scroll;height: 340px;border-style: solid;">
+			
+		</div>
+		<div class="col-md-12">
+			<button type="button" id="btnOpenVideoCapture--${pageName}" class="btn btn-blue">동영상 캡쳐</button>
+		</div>
+		<div id="display2--${pageName}" style="overflow-y: scroll;height: 340px;border-style: solid;">
+			
+		</div>
+	</div>
+
+</div>
+
+<script>
+/**************************************************************************
+ * Global Variable
+ **************************************************************************/
+pageObject["${pageName}"] = {};
+
+$(document).ready(function(){
+
+	var $P = pageObject["${pageName}"];
+
+	$P.captureFileArr = [];
+	
+	/**************************************************************************
+	 * DatasetControl, Dataset, FormFields
+	 **************************************************************************/
+	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+
+	$P.uploadSet = uploadSupport("#uploadFileList--${pageName}");
+
+	$P.crdnControl = new DatasetControl({
+	    urls : { load : "", create : wctx.url("/${taskSeCd}/crdn/crdn01/020/save.do") },
+	    keymapper:info => info ? info.CRDN_ID : "",
+	    dataGetter:obj => obj.crdnInfo,
+	    formats: {
+
+		}
+	});
+
+	
+	$P.crdnControl.save = (info) => {
+		if (!info) return;
+		var item = $P.crdnControl.getCurrent("item"),
+			create = "added" == item.state;
+
+		var formData = new FormData(document.getElementById("frmFile--${pageName}"));
+		for(var key in info) {
+		    var value = info[key];
+		    formData.append(key,value);
+		}
+		
+		if(formData.get("uploadFileList").size == 0){
+			formData.delete("uploadFileList");
+		}
+		if($P.captureFileArr.length > 0){
+			$P.captureFileArr.forEach(item => formData.append("uploadFileList",item));
+		}
+		
+		ajax.post({
+			url:!create ? $P.crdnControl.urls.update : $P.crdnControl.urls.create,
+			data: formData, contentType : false, processData : false,
+			success:resp => $P.crdnControl.onSave(resp)
+		});
+	};
+
+	/**************************************************************************
+	 * DatasetControl.on, Dataset.on
+	 **************************************************************************/
+	$P.crdnControl.onCurrentChange = (item) => {
+		$P.formFields.set(item);
+	}
+	 
+	$P.uploadSet.onDatasetChange  = () => { $P.fnDisplay(); };
+	$P.uploadSet.onRemove = () => { $P.fnDisplay(); };
+
+	$P.crdnControl.onSave = (resp) => {
+		if (resp.saved) {
+			dialog.alert("저장됐습니다.");
+			dialog.close("manualdialog");
+		}
+	};
+	/**************************************************************************
+	 * pageObject.function
+	 **************************************************************************/
+
+	$P.fnDisplay = () => {
+		var displayArea = document.querySelector("#display--${pageName}");
+		var imgTags = $P.uploadSet.inStrings("<img src='{url}' width='200' height='200' />").join("\n");
+		displayArea.innerHTML = imgTags;
+		
+		var display2Area = document.querySelector("#display2--${pageName}");
+		var imgTags2 = "";
+		if($P.captureFileArr.length > 0){
+			$P.captureFileArr.forEach(function(item, index){
+				imgTags2 += "<img src='" + item.url + "' width='200' height='200' />";
+			});
+		}
+		display2Area.innerHTML = imgTags2;
+	};
+
+	$P.fnSave = () => {
+
+		if(!customValidate($("#frmEdit--${pageName} input"))) return;
+
+		if($("#doGuidance--${pageName}").is(":checked")){
+
+			var rtpyrNm = document.getElementById("rtpyrNm--${pageName}");
+			if(rtpyrNm.value == ""){
+				dialog.alert({
+					content:"계도 처리를 하기 위해선 소유주정보가 입력되어야 합니다.",
+					onClose:function(){rtpyrNm.focus();}
+				});
+				return;
+			}
+			
+		}
+		
+		dialog.alert({
+			content:"현재 단속 정보를 저장하시겠습니까?",
+			onOK:() => {
+				$P.crdnControl.save($P.formFields.get());
+			}
+		});
+
+	};
+
+	$P.videoCallback = (snapshots) => {
+		snapshots.forEach(function(canvas, index, array){
+			canvas.toBlob(function(blob){
+				var identify = new Date().getTime()+ "-" + index;
+				var file = new File([blob], "capture-"+identify+".png", {type: "image/png"});
+				file.id = "file-" + identify;
+				file.url = (window.URL || window.webkitURL).createObjectURL(file);
+				$P.captureFileArr.push(file);
+				if(index === array.length - 1){ 
+					$P.fnDisplay();
+				}
+			});
+		});
+		
+	}
+	/**************************************************************************
+	 * element.on
+	 **************************************************************************/
+	 
+	$("#btnInst--${pageName}").on('click', () => $P.fnSave());
+	$("#btnAddFile--${pageName}").on('click', () => { $("#uploadFileList--${pageName}").trigger("click"); });
+	$("#btnOpenVideoCapture--${pageName}").on('click', () => {
+		window.open(wctx.url("/sprt/sprt03/010/main.do?openerPageName=${pageName}")
+				,"newVideoCapture"
+				,"width=1800,height=950"
+		);
+	});
+	
+	
+	/**************************************************************************
+	 * 초기화
+	 **************************************************************************/
+	var clsForTask = $("#taskSeCd--${pageName}").val().toLowerCase();
+	
+	//업무별 입력 항목
+	renderForTask('frmEdit--${pageName}', clsForTask);
+
+	initDatepicker("frmEdit--${pageName}"); //달력 초기화
+
+	$("#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);
+			}
+			
+		});
+	});
+	
+	//보안모드
+    fn_securityModeToggle($("#securityMode--top").is(":checked"));
+
+	var crdnInfo = ${crdnInfo};
+	crdnInfo.CVLCPT_APLY_CN = escapeHTMLEntity(crdnInfo.CVLCPT_APLY_CN);
+	$P.crdnControl.setData([crdnInfo]);
+});
+
+
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01050-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01050-info.jsp
index 22c11753..1ccc010e 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01050-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01050-info.jsp
@@ -100,8 +100,7 @@ $(document).ready(function() {
 	 **************************************************************************/
 	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
 
-	$P.cvlcptControl = new DatasetControl({		
-	    prefix:"cvlcpt", prefixName:"민원", infoSize:"xl",
+	$P.cvlcptControl = new DatasetControl({
 	    urls : { load : "", getInfo : wctx.url("/"+$P.taskSeCd+"/crdn/crdn01/050/info.do") }, 
 	    keymapper:info => info ? info.CRDN_ID : "",
 	    dataGetter:obj => obj.cvlcptInfo,