From 35db5ef98b442eeebecac7dfd18115dfa504a1d8 Mon Sep 17 00:00:00 2001
From: jjh <jaehyun81@xit.co.kr>
Date: Wed, 3 Jul 2024 14:43:07 +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-=20=EB=8B=A8=EC=86=8D=EC=A0=95=EB=B3=B4=20=EC=97=85?=
 =?UTF-8?q?=EB=AC=B4=EB=B3=84=20=ED=99=94=EB=A9=B4=EC=97=90=20=EB=B3=B4?=
 =?UTF-8?q?=EC=97=AC=EC=A3=BC=EB=8A=94=20=ED=95=AD=EB=AA=A9=EB=93=A4=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../xit/fims/excl/web/Excl01Controller.java   |   4 +-
 .../xit/fims/sprt/web/Sprt02Controller.java   |   7 +-
 .../WEB-INF/jsp/fims/crdn/crdn06020-info.jsp  |   6 +-
 .../WEB-INF/jsp/fims/excl/excl01010-main.jsp  |   2 +-
 .../WEB-INF/jsp/fims/excl/excl02010-main.jsp  |   2 +-
 .../WEB-INF/jsp/fims/excl/excl03010-main.jsp  |   2 +-
 .../WEB-INF/jsp/fims/levy/levy01010-main.jsp  |   2 +-
 .../WEB-INF/jsp/fims/levy/levy01050-main.jsp  |   4 +-
 .../WEB-INF/jsp/fims/levy/levy02010-main.jsp  |  16 +-
 .../WEB-INF/jsp/fims/sprt/sprt02020-info.jsp  | 198 ++++++++++--------
 10 files changed, 135 insertions(+), 108 deletions(-)

diff --git a/src/main/java/cokr/xit/fims/excl/web/Excl01Controller.java b/src/main/java/cokr/xit/fims/excl/web/Excl01Controller.java
index a5f9a48e..9abb4885 100644
--- a/src/main/java/cokr/xit/fims/excl/web/Excl01Controller.java
+++ b/src/main/java/cokr/xit/fims/excl/web/Excl01Controller.java
@@ -57,11 +57,11 @@ public class Excl01Controller extends ApplicationController {
 	}
 
 	/**부과제외 대장 서비스*/
-	@Resource(name="levyExclService")
+	@Resource(name = "levyExclService")
 	protected LevyExclService levyExclService;
 
 	/**설정 정보 Bean */
-	@Resource(name="stngBean")
+	@Resource(name = "stngBean")
 	private StngBean stngBean;
 
 	/**부과제외 관리 메인화면(fims/excl/excl01/010-main)을 연다.
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 0b0bca70..03d868c4 100644
--- a/src/main/java/cokr/xit/fims/sprt/web/Sprt02Controller.java
+++ b/src/main/java/cokr/xit/fims/sprt/web/Sprt02Controller.java
@@ -43,7 +43,7 @@ import cokr.xit.foundation.data.DataObject;
 * </pre>
 */
 @Controller
-@RequestMapping(name="개별 총정보", value="/sprt/sprt02")
+@RequestMapping(name="개별 총정보", value=Sprt02Controller.CLASS_URL)
 public class Sprt02Controller extends ApplicationController {
 
 	public static final String CLASS_URL = "/sprt/sprt02";
@@ -64,7 +64,8 @@ public class Sprt02Controller extends ApplicationController {
 		;
 	}
 
-	@Resource(name="sprt02Service")
+	/** 개별총정보 서비스*/
+	@Resource(name = "sprt02Service")
 	private Sprt02Service sprt02Service;
 
 	/** 부과제외 대장 서비스 */
@@ -108,7 +109,7 @@ public class Sprt02Controller extends ApplicationController {
 	private PayerService payerService;
 
 	/** 민원 상담 내용 대장 서비스 */
-	@Resource(name="cvlcptDscsnService")
+	@Resource(name = "cvlcptDscsnService")
 	private CvlcptDscsnService cvlcptDscsnService;
 
 	/**개별 총정보 메인화면(fims/sprt/sprt02/010-main)을 연다.
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp
index 23b22866..0b574bbd 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp
@@ -44,7 +44,7 @@
 					<!-- 위반 내용 -->
 					<div class="col-md-6">
 						<label for="vltnCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">위반내용</label>
-						<select class="form-select w-px-160" id="vltnCd--${pageName}" name="vltnCd" data-map="VLTN_CD">
+						<select class="form-select w-px-200" id="vltnCd--${pageName}" name="vltnCd" data-map="VLTN_CD">
 							<c:forEach items="${VLTNList}" var="item">
 								<option value="${item.code}">${item.value}</option>
 			                </c:forEach>
@@ -170,7 +170,7 @@
 					<div class="col-md-6" slot="edit">
 						<template class="dpv eca pvs">
 							<slot>
-								<label for="crdnSn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">스티커번호</label>
+								<label for="crdnSn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속일련번호</label>
 								<input type="text" id="crdnSn--${pageName}" name="crdnSn"
 								class="form-control" data-map="CRDN_SN" maxlength="20" data-maxlengthb="20" />
 							</slot>
@@ -467,8 +467,6 @@
 
 		// 초기 화면 설정
 		$P.initForm = () => {
-
-
 			// 달력 초기화
 		    initDatepicker("frmEdit--${pageName}");
 		    $("#crdnYmd--${pageName}").datepicker("setDate", TODAY());
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 ce7c6c19..8a4d1aa7 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
@@ -493,7 +493,7 @@
 			}
 
 			ajax.get({
-				  url: wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
+				  url: wctx.url("/sprt/sprt02/010/main.do")
 				, data: params
 				, success: resp => {
 					dialog.open({
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
index e67f99cc..17955e27 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
@@ -547,7 +547,7 @@
 			}
 
 			ajax.get({
-				  url: wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
+				  url: wctx.url("/sprt/sprt02/010/main.do")
 				, data: params
 				, success: resp => {
 					dialog.open({
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
index 1febb79c..846cca40 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
@@ -392,7 +392,7 @@
 			}
 
 			ajax.get({
-				  url: wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
+				  url: wctx.url("/sprt/sprt02/010/main.do")
 				, data: params
 				, success: resp => {
 					dialog.open({
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
index 698c41d3..bed465e7 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
@@ -478,7 +478,7 @@
 			}
 
 			ajax.get({
-				  url: wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
+				  url: wctx.url("/sprt/sprt02/010/main.do")
 				, data: params
 				, success: resp => {
 					dialog.open({
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
index ce31d908..3419cb7c 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
@@ -34,7 +34,7 @@
 					<div class="row g-1">
 						<!-- 업무구분 -->
 						<div class="col-12">
-							<span class="form-label fw-bold form-search-title text-end">업무구분</span>
+							<span class="form-label fw-bold form-search-title w-px-120 text-end">업무구분</span>
 							<span class="form-search-linebox">
 								<c:forEach items="${taskListForSgg}" var="item">
 									<label>
@@ -505,7 +505,7 @@
 			}
 
 			ajax.get({
-				  url: wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
+				  url: wctx.url("/sprt/sprt02/010/main.do")
 				, data: params
 				, success: resp => {
 					dialog.open({
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp
index 23a7a295..628fb525 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp
@@ -10,10 +10,16 @@
 		<div class="card wrapper-list">
 			<!-- 상단 버튼 -->
 		    <div class="container-page-btn">
-		        <button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화">초기화</button>
+		        <button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화">
+		        	초기화
+		        </button>
 		        <span class="container-window-btn-right">
-		            <button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색">검색</button>
-					<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">엑셀</button>
+		            <button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색">
+		            	검색
+		            </button>
+					<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">
+						엑셀
+					</button>
 		        </span>
 		    </div>
 		    <!-- 상단 버튼 -->
@@ -23,8 +29,10 @@
 				<!-- hidden -->
 				<input type="hidden" id="sggCd--${pageName}" name="sggCd" />
 
+				<!-- 메인 조건 -->
 		        <div class="container-search">
                     <div class="row g-1">
+                    	<!-- 업무구분 -->
                         <div class="col-12">
 							<span class="form-label fw-bold form-search-title w-px-120 text-end">업무구분</span>
 							<span class="form-search-linebox">
@@ -466,7 +474,7 @@
 			}
 
 			ajax.get({
-				  url: wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
+				  url: wctx.url("/sprt/sprt02/010/main.do")
 				, data: params
 				, success: resp => {
 					dialog.open({
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 90ffe6f5..c9720547 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
@@ -55,14 +55,19 @@
 							<label for="crdnInptSeNm--${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="crdnInptSeNm--${pageName}" name="crdnInptSeNm" data-map="CRDN_INPT_SE_NM" readonly />
 						</div>
-						<!-- 빈 칸1 -->
-						<div class="col-md-4" id="divBlank1--${pageName}">
-						</div>
 						<!-- 단속 시작 시각 ~ 단속 종료 시각 -->
-						<div class="col-md-4" id="divCrdnBgngTm--${pageName}">
-							<label for="crdnBgngTm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속시간</label>
-							<input type="text" class="form-control w-25" id="crdnBgngTm--${pageName}" name="crdnBgngTm" data-map="CRDN_BGNG_TM" readonly /> ~
-							<input type="text" class="form-control w-25" id="crdnEndTm--${pageName}" name="crdnEndTm" data-map="CRDN_END_TM" readonly />
+						<div class="col-md-4" slot="edit">
+							<template class="pes pvs"> <!-- 밤샘주차 주정차 -->
+								<slot>
+									<label for="crdnBgngTm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속시간</label>
+									<input type="text" class="form-control w-25" id="crdnBgngTm--${pageName}" name="crdnBgngTm" data-map="CRDN_BGNG_TM" readonly /> ~
+									<input type="text" class="form-control w-25" id="crdnEndTm--${pageName}" name="crdnEndTm" data-map="CRDN_END_TM" readonly />
+								</slot>
+							</template>
+							<template class="bpv dpv eca">
+								<slot>
+								</slot>
+							</template>
 						</div>
 						<!-- 단속 일시 -->
 						<div class="col-md-4">
@@ -75,12 +80,22 @@
 							<input type="text" class="form-control w-40" id="vhrno--${pageName}" name="vhrno" data-map="VHRNO" readonly />
 						</div>
 						<!-- 위반 내용 -->
-						<div class="col-md-4">
-							<label for="vltnArtcl--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">위반내용</label>
-							<input type="text" class="form-control w-50" id="vltnArtcl--${pageName}" name="vltnArtcl" data-map="VLTN_ARTCL" readonly />
-							<label for="dstrbncYn--${pageName}" id="lbDstrbncYn--${pageName}">
-								<input type="checkbox" id="dstrbncYn--${pageName}" name="dstrbncYn" data-map="DSTRBNC_YN" disabled />1면방해
-							</label>
+						<div class="col-md-4" slot="edit">
+							<template class="dpv"> <!-- 장애인 -->
+								<slot>
+									<label for="vltnArtcl--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">위반내용</label>
+									<input type="text" class="form-control w-50" id="vltnArtcl--${pageName}" name="vltnArtcl" data-map="VLTN_ARTCL" readonly />
+									<label for="dstrbncYn--${pageName}">
+										<input type="checkbox" id="dstrbncYn--${pageName}" name="dstrbncYn" data-map="DSTRBNC_YN" disabled />1면방해
+									</label>
+								</slot>
+							</template>
+							<template class="bpv eca pes pvs">
+								<slot>
+									<label for="vltnArtcl--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">위반내용</label>
+									<input type="text" class="form-control w-50" id="vltnArtcl--${pageName}" name="vltnArtcl" data-map="VLTN_ARTCL" readonly />
+								</slot>
+							</template>
 						</div>
 						<!-- 법정동 -->
 						<div class="col-md-4">
@@ -92,18 +107,26 @@
 							<label for="crdnPlc--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속장소</label>
 							<input type="text" class="form-control w-60" id="crdnPlc--${pageName}" name="crdnPlc" data-map="CRDN_PLC" readonly />
 						</div>
-						<!-- 빈 칸2 -->
-						<div class="col-md-4" id="divBlank2--${pageName}">
-						</div>
-						<!-- 단속 일련번호 -->
-						<div class="col-md-4" id="divCrdnSn--${pageName}">
-							<label for="crdnSn--${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="crdnSn--${pageName}" name="crdnSn" data-map="CRDN_SN" readonly />
-						</div>
-						<!-- 상세 단속 장소 -->
-						<div class="col-md-4" id="divDtlCrdnPlc--${pageName}">
-							<label for="dtlCrdnPlc--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">상세단속장소</label>
-							<input type="text" class="form-control w-60" id="dtlCrdnPlc--${pageName}" name="dtlCrdnPlc" data-map="DTL_CRDN_PLC" readonly />
+						<!-- -->
+						<div class="col-md-4" slot="edit">
+							<!-- 단속 일련번호 -->
+							<template class="dpv eca pvs"> <!-- 장애인 전기차 주정차 -->
+								<slot>
+									<label for="crdnSn--${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="crdnSn--${pageName}" name="crdnSn" maxlength="20" data-maxlengthb="20" data-map="CRDN_SN" readonly />
+								</slot>
+							</template>
+							<!-- 상세 단속 장소 -->
+							<template class="bpv">
+								<slot>
+									<label for="dtlCrdnPlc--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">상세단속장소</label>
+									<input type="text" class="form-control w-60" id="dtlCrdnPlc--${pageName}" name="dtlCrdnPlc" data-map="DTL_CRDN_PLC" readonly />
+								</slot>
+							</template>
+							<template class="pes">
+								<slot>
+								</slot>
+							</template>
 						</div>
 						<!-- 민원 신청인 명 -->
 						<div class="col-md-4">
@@ -180,35 +203,66 @@
 							<label for="sumAmt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">미납금액</label>
 							<input type="text" class="form-control w-40 text-sm-end fw-bold text-red" id="sumAmt--${pageName}" name="sumAmt" data-map="SUM_AMT" data-fmt-type="number" readonly />
 						</div>
-						<!-- 단속 특별구역 코드 -->
-						<div class="col-md-3" id="divCrdnSpareaNm--${pageName}">
-							<label for="crdnSpareaNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속특별구역</label>
-							<input type="text" class="form-control w-50" id="crdnSpareaNm--${pageName}" name="crdnSpareaNm" data-map="CRDN_SPAREA_NM" readonly />
+						<!-- 업무별 화면 표시 -->
+						<div class="col-md-3" slot="edit">
+							<template class="bpv pvs"> <!-- 전용차로 주정차 -->
+								<slot>
+									<label for="ffnlgCarmdlNm--${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="ffnlgCarmdlNm--${pageName}" name="ffnlgCarmdlNm" data-map="FFNLG_CARMDL_NM" readonly />
+								</slot>
+							</template>
+							<template class="dpv"> <!-- 장애인 -->
+								<slot>
+									<label for="parkngPsbltyRsltNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">주차가능결과</label>
+									<input type="text" class="form-control w-50" id="parkngPsbltyRsltNm--${pageName}" name="parkngPsbltyRsltNm" data-map="PARKNG_PSBLTY_RSLT_NM" readonly />
+								</slot>
+							</template>
+							<template class="eca"> <!-- 전기차 -->
+								<slot>
+									<label for="useFuelNm--${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="useFuelNm--${pageName}" name="useFuelNm" data-map="USE_FUEL_NM" readonly />
+								</slot>
+							</template>
+							<template class="pes"> <!-- 밤샘주차 -->
+								<slot>
+								</slot>
+							</template>
 						</div>
-						<!-- 견인 여부 -->
-						<div class="col-md-3" id="divTowngYnNm--${pageName}">
-							<label for="towngNm--${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="towngNm--${pageName}" name="towngNm" data-map="TOWNG_NM" readonly />
+						<div class="col-md-3" slot="edit">
+							<template class="pvs"> <!-- 주정차 -->
+								<slot>
+									<label for="crdnSpareaNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속특별구역</label>
+									<input type="text" class="form-control w-50" id="crdnSpareaNm--${pageName}" name="crdnSpareaNm" data-map="CRDN_SPAREA_NM" readonly />
+								</slot>
+							</template>
+							<template class="bpv dpv eca pes">
+								<slot>
+								</slot>
+							</template>
 						</div>
-						<!-- 시간외 여부 -->
-						<div class="col-md-3" id="divOvtimeYnNm--${pageName}">
-							<label for="ovtimeNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">2시간초과</label>
-							<input type="text" class="form-control w-25" id="ovtimeNm--${pageName}" name="ovtimeNm" data-map="OVTIME_NM" readonly />
+						<div class="col-md-3" slot="edit">
+							<template class="pvs"> <!-- 주정차 -->
+								<slot>
+									<label for="ovtimeNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">2시간초과</label>
+									<input type="text" class="form-control w-25" id="ovtimeNm--${pageName}" name="ovtimeNm" data-map="OVTIME_NM" readonly />
+								</slot>
+							</template>
+							<template class="bpv dpv eca pes">
+								<slot>
+								</slot>
+							</template>
 						</div>
-						<!-- 과태료 차종 -->
-						<div class="col-md-3" id="divFfnlgCarmdlNm--${pageName}">
-							<label for="ffnlgCarmdlNm--${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="ffnlgCarmdlNm--${pageName}" name="ffnlgCarmdlNm" data-map="FFNLG_CARMDL_NM" readonly />
-						</div>
-						<!-- 주차 가능 결과 코드 -->
-						<div class="col-md-3" id="divParkngPsbltyRsltNm--${pageName}">
-							<label for="parkngPsbltyRsltNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">주차가능결과</label>
-							<input type="text" class="form-control w-50" id="parkngPsbltyRsltNm--${pageName}" name="parkngPsbltyRsltNm" data-map="PARKNG_PSBLTY_RSLT_NM" readonly />
-						</div>
-						<!-- 사용 연료 구분 -->
-						<div class="col-md-3" id="divUseFuelNm--${pageName}">
-							<label for="useFuelNm--${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="useFuelNm--${pageName}" name="useFuelNm" data-map="USE_FUEL_NM" readonly />
+						<div class="col-md-3" slot="edit">
+							<template class="pvs"> <!-- 주정차 -->
+								<slot>
+									<label for="towngNm--${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="towngNm--${pageName}" name="towngNm" data-map="TOWNG_NM" readonly />
+								</slot>
+							</template>
+							<template class="bpv dpv eca pes">
+								<slot>
+								</slot>
+							</template>
 						</div>
 					</div>
 				</div> <!-- <div class="card"> -->
@@ -945,44 +999,10 @@
 				$("#btnDeleteExistPhoto--${pageName}").prop("disabled", false);
 			}
 
-			// jquery를 이용한 show/hide (style이 유지)
-			$("#divBlank1--${pageName}").hide();								// 빈 칸1
-			$("#divBlank2--${pageName}").hide();								// 빈 칸2
-			$("#divCrdnSn--${pageName}").hide();								// 단속 일련번호
-			$("#divDtlCrdnPlc--${pageName}").hide();							// 상세 단속 장소
-			$("#lbDstrbncYn--${pageName}").hide();								// 1면 방해
-			$("#divCrdnSpareaNm--${pageName}").hide();							// 단속 특별구역 코드
-			$("#divTowngYnNm--${pageName}").hide();								// 견인 여부
-			$("#divFfnlgCarmdlNm--${pageName}").hide();							// 과태료 차종
-			$("#divOvtimeYnNm--${pageName}").hide();							// 시간외 여부
-			$("#divParkngPsbltyRsltNm--${pageName}").hide();					// 주차 가능 결과 코드
-			$("#divUseFuelNm--${pageName}").hide();								// 사용 연료 구분
-			$("#divCrdnBgngTm--${pageName}").hide();							// 단속 시작 시각 ~ 단속 종료 시각
-
-			// 업무에 따른 요소들 visible
-			if (pageObject["${pageNameMain}"].mainControl.dataset.getValue("TASK_SE_CD") == "BPV") {			// 전용차로위반
-				$("#divBlank1--${pageName}").show();							// 빈 칸1
-				$("#divDtlCrdnPlc--${pageName}").show();						// 상세 단속 장소
-			} else if (pageObject["${pageNameMain}"].mainControl.dataset.getValue("TASK_SE_CD") == "DPV") {		// 장애인전용
-				$("#divBlank1--${pageName}").show();							// 빈 칸1
-				$("#divBlank2--${pageName}").show();							// 빈 칸2
-		 		$("#lbDstrbncYn--${pageName}").show();							// 1면 방해
-				$("#divParkngPsbltyRsltNm--${pageName}").show();				// 주차 가능 결과 코드
-			} else if (pageObject["${pageNameMain}"].mainControl.dataset.getValue("TASK_SE_CD") == "ECA") {		// 전기차주차
-				$("#divBlank1--${pageName}").show();							// 빈 칸1
-				$("#divBlank2--${pageName}").show();							// 빈 칸2
-				$("#divUseFuelNm--${pageName}").show();							// 사용 연료 구분
-			} else if (pageObject["${pageNameMain}"].mainControl.dataset.getValue("TASK_SE_CD") == "PVS") {		// 주정차위반
-				$("#divCrdnBgngTm--${pageName}").show();						// 단속 시작 시각 ~ 단속 종료 시각
-				$("#divCrdnSn--${pageName}").show();							// 단속 일련번호
-				$("#divCrdnSpareaNm--${pageName}").show();						// 단속 특별구역 코드
-				$("#divTowngYnNm--${pageName}").show();							// 견인 여부
-				$("#divFfnlgCarmdlNm--${pageName}").show();						// 과태료 차종
-				$("#divOvtimeYnNm--${pageName}").show();						// 시간외 여부
-			} else if (pageObject["${pageNameMain}"].mainControl.dataset.getValue("TASK_SE_CD") == "PES") {		// 밤샘주차위반
-				$("#divBlank2--${pageName}").show();							// 빈칸
-				$("#divCrdnBgngTm--${pageName}").show();						// 단속 시작 시각 ~ 단속 종료 시각
-			}
+			let taskSeCd = pageObject["${pageNameMain}"].mainControl.dataset.getValue("TASK_SE_CD");
+
+			// 업무 구분에 따른 화면 설정
+			renderForTask("frmEdit--${pageName}", taskSeCd.toLowerCase());
 		}
 
 		/**************************************************************************