개별총정보 - 클릭한 탭에서 이전, 다음 눌렀을때 해당 탭의 자료를 조회하도록 수정.

src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp

@@ -30,7 +30,7 @@
 					<!-- 기타 내용 -->
 					<div class="col-md-12">
 						<label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">기타 내용</label>
-						<input type="text" class="form-control w-80" id="etcCn--${pageName}" name="etcCn" data-map="ETC_CN" data-maxlengthb="1000" />
+						<input type="text" class="form-control w-80" id="etcCn--${pageName}" name="etcCn" data-maxlengthb="1000" />
 					</div>
 				</div>
 			</form>	<!-- /입력 영역 -->

src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02010-main.jsp

@@ -42,7 +42,7 @@
 		<p></p>
 
 		<div class="nav-align-top">
-			<ul class="nav nav-tabs" role="tablist">
+			<ul class="nav nav-tabs" id="tabs--${pageName}" role="tablist">
 				<li class="nav-item">
 					<button type="button" class="nav-link active" role="tab" data-bs-toggle="tab" data-bs-target="#crdnPayerInfo"
 							aria-controls="crdnPayerInfo" aria-selected="true" onClick="fnCrdnPayerInfo${pageName}();">
@@ -88,10 +88,10 @@
 			</ul>
 
 			<div class="tab-content">
-				<div class="tab-pane fade show active" id="crdnPayerInfo" role="tabpanel"></div>
+				<div class="tab-pane fade show active" id="crdnPayerInfo" role="tabpanel">단속 정보</div>
-				<div class="tab-pane fade" id="opnnSbmsnInfo" role="tabpanel">단속 정보</div>
+				<div class="tab-pane fade" id="opnnSbmsnInfo" role="tabpanel">의견제출 정보</div>
-				<div class="tab-pane fade" id="sndngInfo" role="tabpanel">의견제출 정보</div>
+				<div class="tab-pane fade" id="sndngInfo" role="tabpanel">발송반송 정보</div>
-				<div class="tab-pane fade" id="prcsDtlInfo" role="tabpanel">발송반송 정보</div>
+				<div class="tab-pane fade" id="prcsDtlInfo" role="tabpanel">처리상세 정보</div>
 				<div class="tab-pane fade" id="levyNpmntInfo" role="tabpanel">부과체납 정보</div>
 				<div class="tab-pane fade" id="rcvmtInfo" role="tabpanel">수납 정보</div>
 				<div class="tab-pane fade" id="cvlcptDscsnInfo" role="tabpanel">민원상담 정보</div>
@@ -110,6 +110,8 @@
  	var ${pageName}Fields = new FormFields("#frmEdit--${pageName}");
  	// 자료 이동을 위한 자료의 Index. 0부터 시작.
  	var curDataIndex${pageName};
+	// 현재 탭의 위치
+ 	var activeTabIndex${pageName} = 0;
 
 	/**************************************************************************
 	 * DatasetControl
@@ -153,8 +155,21 @@
 					// 최상단 단속 Data 셋팅
 					${pageName}Control.setData([resp.totalInfo]);
 
-					// 단속 납부자 Data 셋팅
+					if (activeTabIndex${pageName} == 0) {
-					fnCrdnPayerInfo${pageName}();
+						fnCrdnPayerInfo${pageName}();							// 단속 납부자 Data 셋팅
+					} else if (activeTabIndex${pageName} == 1) {
+						fnOpnnSbmsnInfo${pageName}();							// 의견제출 정보
+					} else if (activeTabIndex${pageName} == 2) {
+						fnSndngInfo${pageName}();								// 발송 반송 정보
+					} else if (activeTabIndex${pageName} == 3) {
+						fnPrcsDtlInfo${pageName}();								// 처리 상세 정보
+					} else if (activeTabIndex${pageName} == 4) {
+						fnLevyNpmntInfo${pageName}();							// 부과체납 정보
+					} else if (activeTabIndex${pageName} == 5) {
+						fnRcvmtInfo${pageName}();								// 수납 정보
+					} else if (activeTabIndex${pageName} == 6) {
+						fnCvlcptDscsnInfo${pageName}();							// 민원상담 정보
+					}
 				}
 			}
 		});
@@ -296,6 +311,90 @@
 		refreshDataInfo${pageName}(params);
 	}
 
+	getInfoCrdnPayer${pageName} = (params) => {
+		if (!params) return;
+
+		ajax.get({
+			  url : wctx.url(params.taskSeCd + "/sprt/sprt02/020/info.do")
+			, data : params || {}
+			, success : resp => {
+				$("#crdnPayerInfo").html(resp);
+			}
+		});
+	}
+
+	getInfoOpnnSbmsn${pageName} = (params) => {
+		if (!params) return;
+
+		ajax.get({
+			  url : wctx.url(params.taskSeCd + "/sprt/sprt02/030/info.do")
+			, data : params || {}
+			, success : resp => {
+				$("#opnnSbmsnInfo").html(resp);
+			}
+		});
+	}
+
+	getInfoSndng${pageName} = (params) => {
+		if (!params) return;
+
+		ajax.get({
+			  url : wctx.url(params.taskSeCd + "/sprt/sprt02/040/info.do")
+			, data : params || {}
+			, success : resp => {
+				$("#sndngInfo").html(resp);
+			}
+		});
+	}
+
+	getInfoPrcsDtl${pageName} = (params) => {
+		if (!params) return;
+
+		ajax.get({
+			  url : wctx.url(params.taskSeCd + "/sprt/sprt02/050/info.do")
+			, data : params || {}
+			, success : resp => {
+				$("#prcsDtlInfo").html(resp);
+			}
+		});
+	}
+
+	getInfoLevyNpmnt${pageName} = (params) => {
+		if (!params) return;
+
+		ajax.get({
+			  url : wctx.url(params.taskSeCd + "/sprt/sprt02/060/info.do")
+			, data : params || {}
+			, success : resp => {
+				$("#levyNpmntInfo").html(resp);
+			}
+		});
+	}
+
+	getInfoRcvmt${pageName} = (params) => {
+		if (!params) return;
+
+		ajax.get({
+			  url : wctx.url(params.taskSeCd + "/sprt/sprt02/070/info.do")
+			, data : params || {}
+			, success : resp => {
+				$("#rcvmtInfo").html(resp);
+			}
+		});
+	}
+
+	getInfoCvlcptDscsn${pageName} = (params) => {
+		if (!params) return;
+
+		ajax.get({
+			  url : wctx.url(params.taskSeCd + "/sprt/sprt02/080/info.do")
+			, data : params || {}
+			, success : resp => {
+				$("#cvlcptDscsnInfo").html(resp);
+			}
+		});
+	}
+
 	/**************************************************************************
 	 * 탭 clickEvent
 	 **************************************************************************/
@@ -310,6 +409,9 @@
 			return;
 		}
 
+		// 탭 Index
+		activeTabIndex${pageName} = 0;
+
 		let params = {
 			  callPurpose : "view"
 			, crdnId : crdnId
@@ -317,13 +419,7 @@
 			, taskSeCd : taskSeCd
 		};
 
-		ajax.get({
+		getInfoCrdnPayer${pageName}(params);
-			  url : wctx.url(taskSeCd + "/sprt/sprt02/020/info.do")
-			, data : params || {}
-			, success : resp => {
-				$("#crdnPayerInfo").html(resp);
-			}
-		});
 	}
 
 	// 의견제출 정보
@@ -337,6 +433,9 @@
 			return;
 		}
 
+		// 탭 Index
+		activeTabIndex${pageName} = 1;
+
 		let params = {
 			  callPurpose : "view"
 			, crdnId : crdnId
@@ -344,13 +443,7 @@
 			, taskSeCd : taskSeCd
 		};
 
-		ajax.get({
+		getInfoOpnnSbmsn${pageName}(params);
-			  url : wctx.url(taskSeCd + "/sprt/sprt02/030/info.do")
-			, data : params || {}
-			, success : resp => {
-				$("#opnnSbmsnInfo").html(resp);
-			}
-		});
 	}
 
 	// 발송 반송 정보
@@ -364,6 +457,9 @@
 			return;
 		}
 
+		// 탭 Index
+		activeTabIndex${pageName} = 2;
+
 		let params = {
 			  callPurpose : "view"
 			, crdnId : crdnId
@@ -371,13 +467,7 @@
 			, taskSeCd : taskSeCd
 		};
 
-		ajax.get({
+		getInfoSndng${pageName}(params);
-			  url : wctx.url(taskSeCd + "/sprt/sprt02/040/info.do")
-			, data : params || {}
-			, success : resp => {
-				$("#sndngInfo").html(resp);
-			}
-		});
 	}
 
 	// 처리 상세 정보
@@ -391,6 +481,9 @@
 			return;
 		}
 
+		// 탭 Index
+		activeTabIndex${pageName} = 3;
+
 		let params = {
 			  callPurpose : "view"
 			, crdnId : crdnId
@@ -398,13 +491,7 @@
 			, taskSeCd : taskSeCd
 		};
 
-		ajax.get({
+		getInfoPrcsDtl${pageName}(params);
-			  url : wctx.url(taskSeCd + "/sprt/sprt02/050/info.do")
-			, data : params || {}
-			, success : resp => {
-				$("#prcsDtlInfo").html(resp);
-			}
-		});
 	}
 
 	// 부과체납 정보
@@ -418,6 +505,9 @@
 			return;
 		}
 
+		// 탭 Index
+		activeTabIndex${pageName} = 4;
+
 		let params = {
 			  callPurpose : "view"
 			, crdnId : crdnId
@@ -425,13 +515,7 @@
 			, taskSeCd : taskSeCd
 		};
 
-		ajax.get({
+		getInfoLevyNpmnt${pageName}(params);
-			  url : wctx.url(taskSeCd + "/sprt/sprt02/060/info.do")
-			, data : params || {}
-			, success : resp => {
-				$("#levyNpmntInfo").html(resp);
-			}
-		});
 	}
 
 	// 수납 정보
@@ -445,6 +529,9 @@
 			return;
 		}
 
+		// 탭 Index
+		activeTabIndex${pageName} = 5;
+
 		let params = {
 			  callPurpose : "view"
 			, crdnId : crdnId
@@ -452,13 +539,7 @@
 			, taskSeCd : taskSeCd
 		};
 
-		ajax.get({
+		getInfoRcvmt${pageName}(params);
-			  url : wctx.url(taskSeCd + "/sprt/sprt02/070/info.do")
-			, data : params || {}
-			, success : resp => {
-				$("#rcvmtInfo").html(resp);
-			}
-		});
 	}
 
 	// 민원상담 정보
@@ -473,6 +554,9 @@
 			return;
 		}
 
+		// 탭 Index
+		activeTabIndex${pageName} = 6;
+
 		let params = {
 			  callPurpose : "view"
 			, inquiryCondition : "crdnId_vhrno"
@@ -482,13 +566,7 @@
 			, taskSeCd : taskSeCd
 		};
 
-		ajax.get({
+		getInfoCvlcptDscsn${pageName}(params);
-			  url : wctx.url(taskSeCd + "/sprt/sprt02/080/info.do")
-			, data : params || {}
-			, success : resp => {
-				$("#cvlcptDscsnInfo").html(resp);
-			}
-		});
 	}
 
 	/**************************************************************************

src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02050-info.jsp

@@ -166,7 +166,7 @@
 											<td class="text-center" onclick="{onclick}">{REG_DT}</td>
 											<td class="text-center" onclick="{onclick}">{RGTR_NM}</td>
 											<td class="text-center" onclick="{onclick}">{CRDN_STTS_NM}</td>
-											<td class="text-center" onclick="{onclick}">{ETC_CN}</td>
+											<td class="text-start" onclick="{onclick}">{ETC_CN}</td>
 										</tr>
 									</template>
 									<template id="${infoPrefix}NotFound--${pageName}${pageDataName3}">
@@ -210,9 +210,9 @@
 										<tr data-key="{CHG_HSTRY_ID}">
 											<td class="text-center" onclick="{onclick}">{REG_DT}</td>
 											<td class="text-center" onclick="{onclick}">{RGTR_NM}</td>
-											<td class="text-center" onclick="{onclick}">{RTPYR_NM}</td>
+											<td class="text-start" onclick="{onclick}">{RTPYR_NM}</td>
 											<td class="text-center" onclick="{onclick}">{ZIP}</td>
-											<td class="text-center" onclick="{onclick}">{WHOL_ADDR}</td>
+											<td class="text-start" onclick="{onclick}">{WHOL_ADDR}</td>
 										</tr>
 									</template>
 									<template id="${infoPrefix}NotFound--${pageName}${pageDataName4}">