From 28b946d61b76c98df3308ddb637fae3ea0a78b05 Mon Sep 17 00:00:00 2001
From: jjh <jaehyun81@xit.co.kr>
Date: Tue, 5 Sep 2023 10:19:55 +0900
Subject: [PATCH] =?UTF-8?q?=EC=97=85=EB=AC=B4=EB=B3=84=20html=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20=EC=A0=95=EB=A6=AC.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/fims/sprt/sprt02020-info.jsp  | 134 ++++++++++++------
 1 file changed, 93 insertions(+), 41 deletions(-)

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 4108dbec..3b7763ee 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
@@ -8,9 +8,6 @@
 		<div class="col-xl-9 mx-1">
 			<!-- 입력 영역 -->
 			<form id="frmEdit--${pageName}" name="frmEdit">
-				<!-- hidden -->
-				<input type="hidden" id="crdnId--${pageName}" name="crdnId" data-map="CRDN_ID" />
-
 				<!-- 단속 정보 -->
 				<div class="card">
 					<!-- 업무 버튼 -->
@@ -53,8 +50,14 @@
 							<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>
-						<!--  -->
-						<div class="col-md-4">
+						<!-- 빈 칸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>
 						<!-- 단속일시 -->
 						<div class="col-md-4">
@@ -70,7 +73,7 @@
 						<div class="col-md-4">
 							<label for="vltnNm--${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="vltnNm--${pageName}" name="vltnNm" data-map="VLTN_NM" readonly />
-							<label for="dstrbncYn--${pageName}">
+							<label for="dstrbncYn--${pageName}" id="lbDstrbncYn--${pageName}">
 								<input type="checkbox" id="dstrbncYn--${pageName}" name="dstrbncYn" data-map="DSTRBNC_YN" disabled /> 1면 방해
 							</label>
 						</div>
@@ -84,8 +87,16 @@
 							<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">
+						<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>
@@ -119,38 +130,6 @@
 							<label for="vhclColor--${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="vhclColor--${pageName}" name="vhclColor" data-map="VHCL_COLOR" readonly />
 						</div>
-<!-- 주정차 -->
-						<!-- 견인 여부 -->
-						<div class="col-md-4">
-							<label for="towngYnNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">견인여부</label>
-							<input type="text" class="form-control w-20" id="towngYnNm--${pageName}" name="towngYnNm" data-map="TOWNG_YN_NM" readonly />
-						</div>
-						<div class="col-md-4">
-							<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-30" id="ffnlgCarmdlNm--${pageName}" name="ffnlgCarmdlNm" data-map="FFNLG_CARMDL_NM" readonly />
-						</div>
-						<div class="col-md-4">
-							<label for="ovtimeYnNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">시간외여부</label>
-							<input type="text" class="form-control w-20" id="ovtimeYnNm--${pageName}" name="ovtimeYnNm" data-map="OVTIME_YN_NM" readonly />
-						</div>
-<!-- /주정차 -->
-<!-- 전용차로 -->
-
-<!-- /전용차로 -->
-<!-- 장애인 -->
-						<!-- 주차 가능 결과 코드 -->
-						<div class="col-md-4">
-							<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-40" id="parkngPsbltyRsltNm--${pageName}" name="parkngPsbltyRsltNm" data-map="PARKNG_PSBLTY_RSLT_NM" readonly />
-						</div>
-<!-- /장애인 -->
-<!-- 전기차 -->
-						<!-- 사용 연료 구분 -->
-						<div class="col-md-4">
-							<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>
-<!-- /전기차 -->
 						<!-- 기타 내용 -->
 						<div class="col-md-12">
 							<label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end align-top">기타내용</label>
@@ -197,6 +176,36 @@
 							<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" id="sumAmt--${pageName}" name="sumAmt" data-map="SUM_AMT" 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>
+						<!-- 견인 여부 -->
+						<div class="col-md-3" id="divTowngYnNm--${pageName}">
+							<label for="towngYnNm--${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="towngYnNm--${pageName}" name="towngYnNm" data-map="TOWNG_YN_NM" readonly />
+						</div>
+						<!-- 시간외 여부 -->
+						<div class="col-md-3" id="divOvtimeYnNm--${pageName}">
+							<label for="ovtimeYnNm--${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="ovtimeYnNm--${pageName}" name="ovtimeYnNm" data-map="OVTIME_YN_NM" readonly />
+						</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-40" 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>
 					</div>
 				</div> <!-- 단속 정보 <div class="card"> -->
 
@@ -320,6 +329,8 @@
 			, LEVY_AMT : numberFormat											// 부과 금액
 			, REDUC_AMT : numberFormat											// 감액 금액
 			, RCVMT_AMT : numberFormat											// 수납 금액
+			, CRDN_BGNG_TM : timeFormat
+			, CRDN_END_TM : timeFormat
 		}
 	});
 
@@ -351,9 +362,50 @@
 	/**************************************************************************
 	 * 초기 셋팅
 	 **************************************************************************/
-	// 검색조건 초기값 셋팅
+	// 화면 초기값 셋팅
 	initForm${pageName} = () => {
-		//
+		// javascript를 이용한 visibility 변경 (이 방법을 사용하는 경우, 안에 있는 요소들이 보이지않지만 그 요소들이 할당 하고 있는 공간은 그대로 유지(공백처리))
+//		document.getElementById("bpvDtlCrdnPlc--${pageName}").style.visibility = "hidden";
+// 		document.getElementById("bpvDtlCrdnPlc--${pageName}").style.visibility = "visible";
+
+		// 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 (sprt02010Control.dataset.getValue("TASK_SE_CD") == "BPV") {			// 전용차로위반
+			$("#divBlank1--${pageName}").show();								// 빈 칸1
+			$("#divDtlCrdnPlc--${pageName}").show();							// 상세 단속 장소
+		} else if (sprt02010Control.dataset.getValue("TASK_SE_CD") == "DPV") {	// 장애인전용
+			$("#divBlank1--${pageName}").show();								// 빈 칸1
+			$("#divBlank2--${pageName}").show();								// 빈 칸2
+	 		$("#lbDstrbncYn--${pageName}").show();								// 1면 방해
+			$("#divParkngPsbltyRsltNm--${pageName}").show();					// 주차 가능 결과 코드
+		} else if (sprt02010Control.dataset.getValue("TASK_SE_CD") == "ECA") {	// 전기차주차
+			$("#divBlank1--${pageName}").show();								// 빈 칸1
+			$("#divBlank2--${pageName}").show();								// 빈 칸2
+			$("#divUseFuelNm--${pageName}").show();								// 사용 연료 구분
+		} else if (sprt02010Control.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 (sprt02010Control.dataset.getValue("TASK_SE_CD") == "TPV") {	// 밤샘주차위반
+			$("#divBlank2--${pageName}").show();								// 빈칸
+			$("#divCrdnBgngTm--${pageName}").show();							// 단속 시작 시각 ~ 단속 종료 시각
+		}
 	}
 
 	// 이벤트 설정