From e79e83c9d2ec7da1235f1c461b3a95808429244f Mon Sep 17 00:00:00 2001
From: leebj <leebj91@xit.co.kr>
Date: Thu, 8 Aug 2024 09:56:22 +0900
Subject: [PATCH] =?UTF-8?q?=ED=86=B5=ED=95=A9=EC=A1=B0=ED=9A=8C=20?=
 =?UTF-8?q?=EA=B4=80=EB=A0=A8=20=EB=8B=A4=EC=9D=B4=EC=96=BC=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=20=EC=86=8C=EC=8A=A4=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/sprt01010-main.jsp  |  10 +-
 .../WEB-INF/jsp/fims/sprt/sprt01100-info.jsp  |  32 ++--
 .../WEB-INF/jsp/fims/sprt/sprt01110-info.jsp  |  41 +++--
 .../WEB-INF/jsp/fims/sprt/sprt01120-info.jsp  | 153 +++++++++---------
 .../WEB-INF/jsp/fims/sprt/sprt01140-info.jsp  |  50 +++---
 .../WEB-INF/jsp/fims/sprt/sprt01150-info.jsp  |  50 +++---
 .../WEB-INF/jsp/fims/stng01030-main.jsp       |   1 -
 7 files changed, 171 insertions(+), 166 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01010-main.jsp
index d22e6084..178a6dc1 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01010-main.jsp
@@ -437,7 +437,7 @@ $(document).ready(function() {
 					, content : resp
 					, init : () => {
 						$("#"+dialogId).find("input[name='dialogId']").val(dialogId);
-						var found = $("#"+dialogId).find("template")[0].innerHTML;
+						var found = $("#"+dialogId).find("table template")[0].innerHTML;
 						var trs = cur.inStrings(found, null);
 						$("#"+dialogId).find("tbody").html(trs.join());
 					}
@@ -481,7 +481,7 @@ $(document).ready(function() {
 					, init : () => {
 
 						$("#"+dialogId).find("input[name='dialogId']").val(dialogId);
-						var found = $("#"+dialogId).find("template")[0].innerHTML;
+						var found = $("#"+dialogId).find("table template")[0].innerHTML;
 						var trs1 = upDataset.inStrings(found, null);
 						var trs2 = downDataset.inStrings(found, null);
 						$("#"+dialogId).find("tbody").html(trs1.join()+trs2.join());
@@ -523,7 +523,7 @@ $(document).ready(function() {
 					, init : () => {
 
 						$("#"+dialogId).find("input[name='dialogId']").val(dialogId);
-						var found = $("#"+dialogId).find("template")[0].innerHTML;
+						var found = $("#"+dialogId).find("table template")[0].innerHTML;
 						var trs = upDataset.inStrings(found, null);
 						$("#"+dialogId).find("tbody").html(trs.join());
 
@@ -600,7 +600,7 @@ $(document).ready(function() {
 					init : () => {
 
 						$("#"+dialogId).find("input[name='dialogId']").val(dialogId);
-						var found = $("#"+dialogId).find("template")[0].innerHTML;
+						var found = $("#"+dialogId).find("table template")[0].innerHTML;
 						var trs = upDataset.inStrings(found, null);
 						$("#"+dialogId).find("tbody").html(trs.join());
 
@@ -655,7 +655,7 @@ $(document).ready(function() {
 					init : () => {
 
 						$("#"+dialogId).find("input[name='dialogId']").val(dialogId);
-						var found = $("#"+dialogId).find("template")[0].innerHTML;
+						var found = $("#"+dialogId).find("table template")[0].innerHTML;
 						var trs = upDataset.inStrings(found, null);
 						$("#"+dialogId).find("tbody").html(trs.join());
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01100-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01100-info.jsp
index 2b03c90d..7a859838 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01100-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01100-info.jsp
@@ -3,16 +3,16 @@
 
 <c:set var="pageKorName" scope="request">특기사항입력-일괄</c:set>
 
-<div class="d-flex flex-row justify-content-evenly">
+<div class="d-flex flex-row justify-content-evenly" data-doctx="${pageName}">
 	<div class="card p-3">
 
 		<div class="card-datatable text-nowrap">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
 				<div class="table-responsive ox-scroll oy-scroll h-px-300">
-					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
-					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
+					<table name="table" 
+					class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer">
 						<thead class="sticky-thead" >
-							<tr id="theadTr--${pageName}">
+							<tr name="theadTr">
 								<th>시군구명</th>
 								<th style="width:180px">과태료명</th>
 								<th style="width:200px">단속일시</th>
@@ -22,9 +22,9 @@
 								<th>처리상태</th>
 							</tr>
 						</thead>
-						<tbody id="tbody--${pageName}">
+						<tbody name="tbody">
 						</tbody>
-						<template id="found--${pageName}">
+						<template name="found">
 							<tr data-key="{CRDN_ID}" onclick="pageObject['${pageName}'].clickGrid(this);">
 								<td>{SGG_NM}</td>
 								<td>{TASK_SE_NM}</td>
@@ -40,19 +40,19 @@
 			</div>
 		</div>
 			
-		<form id="frmEdit--${pageName}">
+		<form name="frmEdit">
 			<input type="text" name="dialogId" hidden />
 			<div class="row g-1 mt-2">
 				<div class="col-md-12">
-					<label class="bg-lighter px-2 col-form-label">특기사항</label>
-					<input type="text" id="etcCn--${pageName}" name="etcCn" class="form-control w-px-700" required />
+					<label is="name-label" for="etcCn" class="bg-lighter px-2 col-form-label">특기사항</label>
+					<input type="text" is="id-input" name="etcCn" class="form-control w-px-700" required />
 				</div>
 			</div>
 			
 			<div class="row justify-content-end mb-1">
 				<div class="col-md-12">
 					<div class="float-end pe-2">
-						<button type="button" id="btnInputEtcCn--${pageName}" class="btn btn-primary">
+						<button type="button" name="btnInputEtcCn" class="btn btn-primary">
 						특기사항등록(일괄)
 						</button>
 					</div>
@@ -64,7 +64,7 @@
 
 <script>
 
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 
 $(document).ready(function(){
 
@@ -76,12 +76,12 @@ $(document).ready(function(){
 	$P.clickGrid = (element) => {
 		var key = element.dataset.key;
 		
-		$("#tbody--${pageName}").setCurrentRow(key);
+		$P.$find("tbody").setCurrentRow(key);
 	}
 	
 	//특기사항 입력
 	$P.fnInputEtcCn = () => {
-		var etcCn = $("#etcCn--${pageName}").val();
+		var etcCn = $P.$find("etcCn").val();
 		if(etcCn == ""){
 			alert("특기사항을 입력하세요.");
 			return;
@@ -96,7 +96,7 @@ $(document).ready(function(){
 			success : (resp) => {
 				if(resp.saved){
 					alert("저장되었습니다.");
-					var dialogId = $("#frmEdit--${pageName}").find("input[name='dialogId']").val();
+					var dialogId = $P.$find("frmEdit").find("input[name='dialogId']").val();
 					dialog.close(dialogId);
 				}
 			}
@@ -104,10 +104,10 @@ $(document).ready(function(){
 	}
 	
 	//버튼 이벤트
-	$("#btnInputEtcCn--${pageName}").on("click", () => $P.fnInputEtcCn() );
+	$P.$find("btnInputEtcCn").on("click", () => $P.fnInputEtcCn() );
 	
 	//첫번째 줄 클릭
-	$("#tbody--${pageName}").find("tr:eq(0)").click();
+	$P.$find("tbody").find("tr:eq(0)").click();
 });
 
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01110-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01110-info.jsp
index 73ce7e5e..3c4a4df1 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01110-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01110-info.jsp
@@ -3,16 +3,16 @@
 
 <c:set var="pageKorName" scope="request">출력대상-단속내역서/단속확인서</c:set>
 
-<div class="d-flex flex-row justify-content-evenly">
+<div class="d-flex flex-row justify-content-evenly" data-doctx="${pageName}">
 	<div class="card p-3">
 		<div class="row mb-3 justify-content-start">
 			<div class="col-md-12">
 				<div class="float-start">
-					<button type="button" id="btnExcel--${pageName}" class="btn btn-excel">엑셀</button>
-					<button type="button" id="btnPrintCrdnList--${pageName}" class="btn btn-info">단속내역서출력</button>
-					<button type="button" id="btnPrintCrdnConfirm--${pageName}" class="btn btn-info">단속확인서출력</button>
+					<button type="button" name="btnExcel" class="btn btn-excel">엑셀</button>
+					<button type="button" name="btnPrintCrdnList" class="btn btn-info">단속내역서출력</button>
+					<button type="button" name="btnPrintCrdnConfirm" class="btn btn-info">단속확인서출력</button>
 					<label>
-						<input type="checkbox" id="privateInfoYn--${pageName}" name="privateInfoYn" class="form-check-input"/>
+						<input type="checkbox" name="privateInfoYn" class="form-check-input"/>
 						개인정보 비공개(내역서)
 					</label>
 				</div>
@@ -22,10 +22,10 @@
 		<div class="card-datatable text-nowrap">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
 				<div class="table-responsive ox-scroll oy-scroll h-px-300">
-					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
-					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
+					<table name="table" 
+					class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer">
 						<thead class="sticky-thead" >
-							<tr id="theadTr--${pageName}">
+							<tr name="theadTr">
 								<th style="width:120px">시군구명</th>
 								<th style="width:180px">과태료명</th>
 								<th style="width:120px">대체차량번호</th>
@@ -43,9 +43,9 @@
 								<th style="width:200px">번지</th>
 							</tr>
 						</thead>
-						<tbody id="tbody--${pageName}">
+						<tbody name="tbody">
 						</tbody>
-						<template id="found--${pageName}">
+						<template name="found">
 							<tr data-key="{CRDN_ID}" onclick="pageObject['${pageName}'].clickGrid(this);">
 								<td>{SGG_NM}</td>
 								<td>{TASK_SE_NM}</td>
@@ -69,17 +69,16 @@
 			</div>
 		</div>
 			
-		<form id="frmEdit--${pageName}">
+		<form name="frmEdit">
 			<input type="text" name="dialogId" hidden />
 		</form>
 		
-		<span id="tempArea--${pageName}" hidden></span>
 	</div>
 </div>
 
 <script>
 
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 
 $(document).ready(function(){
 
@@ -91,14 +90,14 @@ $(document).ready(function(){
 	$P.clickGrid = (element) => {
 		var key = element.dataset.key;
 		
-		$("#tbody--${pageName}").setCurrentRow(key);
+		$P.$find("tbody").setCurrentRow(key);
 	}
 	
 	//단속내역서 파일 생성
 	$P.fnMakeCrdnListFile = () => {
 
 		var privateInfoYn = "Y";
-		if($("#privateInfoYn--${pageName}").is(":checked")){
+		if($P.$find("privateInfoYn").is(":checked")){
 			privateInfoYn = "N";
 		}
 		
@@ -123,8 +122,8 @@ $(document).ready(function(){
 	$P.fnExcelDown = () => {
 		var query = {};
     	
-		var cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th"), 
-    			$($("#found--${pageName}")[0].content).find("td").not(".dummy-td"));
+		var cellDefs = getCellDefs($P.$find("theadTr").find("th").not(".dummy-th"), 
+    			$($P.find("found").content).find("td").not(".dummy-td"));
 		query.cellDefs = cellDefs;
 		
     	query.download = "xls";
@@ -135,12 +134,12 @@ $(document).ready(function(){
 	}
 	
 	//버튼 이벤트
-	$("#btnPrintCrdnList--${pageName}").on("click", () => $P.fnMakeCrdnListFile() );
-	$("#btnPrintCrdnConfirm--${pageName}").on("click", () => $P.fnMakeCrdnConfirmFile() );
-	$("#btnExcel--${pageName}").on("click", () => $P.fnExcelDown());
+	$P.$find("btnPrintCrdnList").on("click", () => $P.fnMakeCrdnListFile() );
+	$P.$find("btnPrintCrdnConfirm").on("click", () => $P.fnMakeCrdnConfirmFile() );
+	$P.$find("btnExcel").on("click", () => $P.fnExcelDown());
 	
 	//첫번째 줄 클릭
-	$("#tbody--${pageName}").find("tr:eq(0)").click();
+	$P.$find("tbody").find("tr:eq(0)").click();
 });
 
 </script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01120-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01120-info.jsp
index e08e5a9d..b5002b1b 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01120-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01120-info.jsp
@@ -3,13 +3,13 @@
 
 <c:set var="pageKorName" scope="request">출력대상-교부청구서,채권신고서</c:set>
 
-<div class="d-flex flex-row justify-content-evenly">
+<div class="d-flex flex-row justify-content-evenly" data-doctx="${pageName}">
 	<div class="card p-3">
 		<div class="row mb-3 justify-content-start">
 			<div class="col-md-12">
 				<div class="float-start">
-					<button type="button" id="btnPrintRequestForDelivery--${pageName}" class="btn btn-info">교부청구서출력</button>
-					<button type="button" id="btnPrintReportOnClaims--${pageName}" class="btn btn-info">채권신고서출력</button>
+					<button type="button" name="btnPrintRequestForDelivery" class="btn btn-info">교부청구서출력</button>
+					<button type="button" name="btnPrintReportOnClaims" class="btn btn-info">채권신고서출력</button>
 				</div>
 			</div>
 		</div>
@@ -17,10 +17,10 @@
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
 				<div class="table-responsive ox-scroll oy-scroll h-px-300">
-					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
-					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
+					<table name="table"
+					class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer">
 						<thead class="sticky-thead" >
-							<tr id="theadTr--${pageName}">
+							<tr name="theadTr">
 								<th style="width:120px">시군구명</th>
 								<th style="width:180px">과태료명</th>
 								<th style="width:120px">대체차량번호</th>
@@ -38,9 +38,9 @@
 								<th style="width:400px">번지</th>
 							</tr>
 						</thead>
-						<tbody id="tbody--${pageName}">
+						<tbody name="tbody">
 						</tbody>
-						<template id="found--${pageName}">
+						<template name="found">
 							<tr data-key="{CRDN_ID}" onclick="pageObject['${pageName}'].clickGrid(this);">
 								<td>{SGG_NM}</td>
 								<td>{TASK_SE_NM}</td>
@@ -64,110 +64,113 @@
 			</div>
 		</div>
 			
-		<form id="frmEdit--${pageName}">
+		<form name="frmEdit">
 			<input type="text" name="dialogId" hidden />
 			<div class="row g-1">
 				<div class="col-md-4">
-					<label for="docNo--${pageName}" 
+					<label is="name-label" for="docNo" 
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
 						문서번호
 					</label>
-					<input type="text" id="docNo--${pageName}" name="docNo" 
+					<input type="text" is="id-input" name="docNo" 
 						class="form-control" maxlength="100" required />
 				</div>
 				<div class="col-md-4">
-					<label for="caseNo--${pageName}" 
+					<label is="name-label" for="caseNo" 
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
 						사건번호
 					</label>
-					<input type="text" id="caseNo--${pageName}" name="caseNo" 
+					<input type="text" is="id-input" name="caseNo" 
 						class="form-control" maxlength="100" required />
 				</div>
 				<div class="col-md-4">
-					<label for="receiver--${pageName}" 
+					<label is="name-label" for="receiver" 
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
 						수신처 지정
 					</label>
-					<input type="text" id="receiver--${pageName}" name="receiver" 
+					<input type="text" is="id-input" name="receiver" 
 						class="form-control" maxlength="100" required />
 				</div>
 				<div class="col-md-6">
-					<label for="rtpyrNm--${pageName}" 
+					<label is="name-label" for="rtpyrNm" 
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					납부자명
 					</label>
-					<input type="text" id="rtpyrNm--${pageName}" name="rtpyrNm" 
+					<input type="text" is="id-input" name="rtpyrNm" 
 						class="form-control" data-map="RTPYR_NM" maxlength="100" />
 				</div>
 				<div class="col-md-6">
-					<label for="rtpyrNo--${pageName}" 
+					<label is="name-label" for="rtpyrNo" 
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					납부자번호
 					</label>
-					<input type="text" id="rtpyrNo--${pageName}" name="rtpyrNo" 
+					<input type="text" is="id-input" name="rtpyrNo" 
 						class="form-control privacy" data-map="RTPYR_NO" maxlength="100" />
-					<input type="text" id="mask-rtpyrNo--${pageName}" 
+					<input type="text" is="id-input" name="mask-rtpyrNo"
 						class="form-control privacy-mask" disabled value="******"/>
 				</div>
 				<div class="col-md-12">
-					<label for="vhrno--${pageName}" 
+					<label is="name-label" for="vhrno" 
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					물건
 					</label>
-					<input type="text" id="vhrno--${pageName}" name="vhrno" 
+					<input type="text" is="id-input" name="vhrno" 
 						class="form-control w-px-500" data-map="VHRNO" maxlength="100" />
 				</div>
 				<div class="col-md-12">
-					<label for="rtpyrFullAddr--${pageName}" 
+					<label is="name-label" for="rtpyrFullAddr" 
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					주소(소재지)
 					</label>
-					<input type="text" id="rtpyrFullAddr--${pageName}" name="rtpyrFullAddr"
+					<input type="text" is="id-input" name="rtpyrFullAddr"
 						class="form-control w-px-500" data-map="RTPYR_FULL_ADDR" maxlength="300" />
 				</div>
 			</div>
 		</form>
 		
-		<span id="tempArea--${pageName}" hidden></span>
 	</div>
-</div>
-
-<template id="checkActnoTemplate--${pageName}">
-	<form id="frmDialog--${pageName}">
-		<div class="card">
-			<div class="row g-1">
-				<div class="col-md-12">
-					<label for="dtbnBankNm--${pageName}"
-						class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">은행형</label>
-					<input type="text" id="dtbnBankNm--${pageName}" name="dtbnBankNm" class="form-control" />
-				</div>
-				<div class="col-md-12">
-					<label for="dtbnActno--${pageName}"
-						class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">계좌번호</label>
-					<input type="text" id="dtbnActno--${pageName}" name="dtbnActno" class="form-control" />
+	
+	<template name="checkActnoTemplate">
+		<form name="frm">
+			<div class="card">
+				<div class="row g-1">
+					<div class="col-md-12">
+						<label is="name-label" for="dtbnBankNm" data-ref-doctx="${pageName}"
+							class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">은행형</label>
+						<input type="text" is="id-input" name="dtbnBankNm" class="form-control" 
+						data-ref-doctx="${pageName}" />
+					</div>
+					<div class="col-md-12">
+						<label is="name-label" for="dtbnActno" data-ref-doctx="${pageName}"
+							class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">계좌번호</label>
+						<input type="text" is="id-input" name="dtbnActno" class="form-control" 
+						data-ref-doctx="${pageName}" />
+					</div>
 				</div>
 			</div>
-		</div>
-		<div>
-			<span class="container-page-btn">
-				<span class="container-window-btn-right">
-					<button type="button" class="btn btn-primary" id="btnChangeActno--${pageName}" 
-					title="변경">
-					변경
-					</button>
-					<button type="button" class="btn btn-primary" id="btnConfirmActno--${pageName}" 
-					title="확인">
-					확인
-					</button>
+			<div>
+				<span class="container-page-btn">
+					<span class="container-window-btn-right">
+						<button type="button" class="btn btn-primary" name="btnChangeActno"
+						title="변경">
+						변경
+						</button>
+						<button type="button" class="btn btn-primary" name="btnConfirmActno"
+						title="확인">
+						확인
+						</button>
+					</span>
 				</span>
-			</span>
-		</div>
-	</form>
-</template>
+			</div>
+		</form>
+	</template>
+</div>
+
+
 
 <script>
 
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 pageObject["${pageName}"].provided = {};
 
 pageObject.childReq = [];
@@ -191,17 +194,17 @@ $(document).ready(function(){
 	$P.clickGrid = (element) => {
 		var key = element.dataset.key;
 		
-		$("#tbody--${pageName}").setCurrentRow(key);
+		$P.$find("tbody").setCurrentRow(key);
 
 		var info = $P.provided.getInfo(key);	
-		var formFields = new FimsFormFields("#frmEdit--${pageName}");
+		var formFields = new FimsFormFields($P.selector("frmEdit"));
 		formFields.set(null,info);
 	}
 	
 	//교부청구서 파일 생성
 	$P.fnMakeRequestForDeliveryFile = () => {
 		
-		if(!customValidate($("#frmEdit--${pageName} input"))) return;
+		if(!customValidate($P.$find("frmEdit").find("input"))) return;
 		
 		$P.checkActno();
 	}
@@ -219,15 +222,19 @@ $(document).ready(function(){
 				dialog.open({
 					id : checkActnoDialogId,
 					title : "계좌번호 확인",
-					content : document.getElementById("checkActnoTemplate--${pageName}").innerHTML,
+					content : $P.find("checkActnoTemplate").innerHTML,
 					size : "md",
 					init : () => {
-						$("#btnChangeActno--${pageName}").on("click", function(){ $P.checkActnoCallback(true,checkActnoDialogId); });
-						$("#btnConfirmActno--${pageName}").on("click", function(){ $P.checkActnoCallback(false,checkActnoDialogId); });
+						$("#"+checkActnoDialogId).find("[name='btnChangeActno']").on("click", function(){ 
+							$P.checkActnoCallback(true,checkActnoDialogId); 
+						});
+						$("#"+checkActnoDialogId).find("[name='btnConfirmActno']").on("click", function(){ $
+							P.checkActnoCallback(false,checkActnoDialogId); 
+						});
 
 						if(resp.stngInfo != null){
-							$("#dtbnBankNm--${pageName}").val(resp.stngInfo.DTBN_BANK_NM);
-							$("#dtbnActno--${pageName}").val(resp.stngInfo.DTBN_ACTNO);
+							$("#"+checkActnoDialogId).find("[name='dtbnBankNm']").val(resp.stngInfo.DTBN_BANK_NM);
+							$("#"+checkActnoDialogId).find("[name='dtbnActno']").val(resp.stngInfo.DTBN_ACTNO);
 						}
 					},
 					onClose : () => {}
@@ -241,14 +248,14 @@ $(document).ready(function(){
 	$P.checkActnoCallback = (change, checkActnoDialogId) => {
 		
 		var url = wctx.url("/sprt/sprt01/120/makeRequestForDeliveryFileFromHwpFormat.do");
-		var formFields = new FimsFormFields("#frmEdit--${pageName}");
+		var formFields = new FimsFormFields($P.selector("frmEdit"));
 		var globalVariable = formFields.get();
 		
 		var changed = false;
 		if(change){
 
-			var dtbnBankNm = $("#dtbnBankNm--${pageName}").val();
-			var dtbnActno = $("#dtbnActno--${pageName}").val();
+			var dtbnBankNm = $("#"+checkActnoDialogId).find("[name='dtbnBankNm']").val();
+			var dtbnActno = $("#"+checkActnoDialogId).find("[name='dtbnActno']").val();
 			
 			$.ajax({
 				type: 'GET',
@@ -277,10 +284,10 @@ $(document).ready(function(){
 	//채권신고서 파일 생성
 	$P.fnMakeReportOnClaimsFile = () => {
 		
-		if(!customValidate($("#frmEdit--${pageName} input"))) return;
+		if(!customValidate($P.$find("frmEdit").find("input"))) return;
 		
 		var url = wctx.url("/sprt/sprt01/120/makeReportOnClaimsFileFromHwpFormat.do");
-		var formFields = new FimsFormFields("#frmEdit--${pageName}");
+		var formFields = new FimsFormFields($P.selector("frmEdit"));
 		var globalVariable = formFields.get();
 		
 		$P.fnMakeFile(url, globalVariable);
@@ -298,11 +305,11 @@ $(document).ready(function(){
 	}
 	
 	//버튼이벤트
-	$("#btnPrintRequestForDelivery--${pageName}").on("click", () => $P.fnMakeRequestForDeliveryFile() );
-	$("#btnPrintReportOnClaims--${pageName}").on("click", () => $P.fnMakeReportOnClaimsFile() );
+	$P.$find("btnPrintRequestForDelivery").on("click", () => $P.fnMakeRequestForDeliveryFile() );
+	$P.$find("btnPrintReportOnClaims").on("click", () => $P.fnMakeReportOnClaimsFile() );
 	
 	//첫번째 줄 클릭
-	$("#tbody--${pageName}").find("tr:eq(0)").click();
+	$P.$find("tbody").find("tr:eq(0)").click();
 	
 	//보안모드
     fn_securityModeToggle($("#securityMode--top").is(":checked"));
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01140-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01140-info.jsp
index 9e2831f5..7f48b511 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01140-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01140-info.jsp
@@ -3,15 +3,15 @@
 
 <c:set var="pageKorName" scope="request">출력대상-사전통지서</c:set>
 
-<div class="d-flex flex-row justify-content-evenly">
+<div class="d-flex flex-row justify-content-evenly" data-doctx="${pageName}">
 	<div class="card p-3">
 		<div class="row mb-3 justify-content-start">
 			<div class="col-md-12">
 				<div class="float-start">
-					<button type="button" id="btnPrintAdvntcePdf01--${pageName}" class="btn btn-info">사전통보서출력(PDF-A4)</button>
-					<button type="button" id="btnPrintAdvntcePdf02--${pageName}" class="btn btn-info">사전통보서출력(PDF-Letter)</button>
-					<button type="button" id="btnPrintAdvntceOutsourcing--${pageName}" class="btn btn-info">사전통보서출력(외주파일)</button>
-					<button type="button" id="btnOpenOtptStng--${pageName}" class="btn btn-primary">설정</button>
+					<button type="button" name="btnPrintAdvntcePdf01" class="btn btn-info">사전통보서출력(PDF-A4)</button>
+					<button type="button" name="btnPrintAdvntcePdf02" class="btn btn-info">사전통보서출력(PDF-Letter)</button>
+					<button type="button" name="btnPrintAdvntceOutsourcing" class="btn btn-info">사전통보서출력(외주파일)</button>
+					<button type="button" name="btnOpenOtptStng" class="btn btn-primary">설정</button>
 				</div>
 			</div>
 		</div>
@@ -19,12 +19,13 @@
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
 				<div class="table-responsive ox-scroll oy-scroll h-px-300">
-					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
-					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
+					<table name="table"
+					class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer">
 						<thead class="sticky-thead" >
-							<tr id="theadTr--${pageName}">
+							<tr name="theadTr">
 								<th style="width:50px">
-									<input type="checkbox" class="form-check-input" checked id="upGridAllCheckbox--${pageName}"
+									<input type="checkbox" class="form-check-input" checked 
+									name="gridAllCheckbox"
 									onchange="GRID.checkbox.sync(this, this.checked);" />
 								</th>
 								<th style="width:120px">시군구명</th>
@@ -43,9 +44,9 @@
 								<th style="width:400px">번지</th>
 							</tr>
 						</thead>
-						<tbody id="tbody--${pageName}">
+						<tbody name="tbody">
 						</tbody>
-						<template id="found--${pageName}">
+						<template name="found">
 							<tr data-key="{CRDN_ID}" onclick="pageObject['${pageName}'].clickGrid(this);">
 								<td>
 									<input type="checkbox" class="form-check-input" name="gridCheckbox" value="{CRDN_ID}" checked
@@ -72,18 +73,17 @@
 			</div>
 		</div>
 			
-		<form id="frmEdit--${pageName}">
+		<form name="frmEdit">
 			<input type="text" name="dialogId" hidden />
 			
 		</form>
 		
-		<span id="tempArea--${pageName}" hidden></span>
 	</div>
 </div>
 
 <script>
 
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 pageObject["${pageName}"].provided = {};
 
 pageObject.childReq = [];
@@ -108,22 +108,22 @@ $(document).ready(function(){
 	$P.clickGrid = (element) => {
 		var key = element.dataset.key;
 		
-		$("#tbody--${pageName}").setCurrentRow(key);
+		$P.$find("tbody").setCurrentRow(key);
 
 		var info = $P.provided.getInfo(key);	
-		var formFields = new FimsFormFields("#frmEdit--${pageName}");
+		var formFields = new FimsFormFields($P.selector("frmEdit"));
 		formFields.set(null,info);
 	}
 	
 	$P.fnMakeFile = (fileType, paper) => {
 		
-		var checkboxes = $("#tbody--${pageName}").find("input[type='checkbox']:checked");
+		var checkboxes = $P.$find("tbody").find("input[type='checkbox']:checked");
 		if(checkboxes.length < 1){
 			alert("체크된 자료가 없습니다.");
 			return;
 		}
 		
-		if(!customValidate($("#frmEdit--${pageName} input"))) return;
+		if(!customValidate($P.$find("frmEdit").find("input"))) return;
 		
 		var checkedCrdnIds = [];
 		checkboxes.each(function(){
@@ -149,7 +149,7 @@ $(document).ready(function(){
 			fileTypeName = "외주 요청 파일";
 		}
 		
-		var formFields = new FimsFormFields("#frmEdit--${pageName}");
+		var formFields = new FimsFormFields($P.selector("frmEdit"));
 		var globalVariable = formFields.get();
 		
 		var submitParam = {
@@ -200,7 +200,7 @@ $(document).ready(function(){
 	}
 	
 	$P.fnOpenOtptStng = () => {
-		var checkboxes = $("#tbody--${pageName}").find("input[type='checkbox']:checked");
+		var checkboxes = $P.$find("tbody").find("input[type='checkbox']:checked");
 		if(checkboxes.length < 1){
 			alert("체크된 자료가 없습니다.");
 			return;
@@ -254,13 +254,13 @@ $(document).ready(function(){
 	}
 	
 	//버튼이벤트
-	$("#btnPrintAdvntcePdf01--${pageName}").on("click", () => $P.fnMakeFile('pdf','01') );
-	$("#btnPrintAdvntcePdf02--${pageName}").on("click", () => $P.fnMakeFile('pdf','02') );
-	$("#btnPrintAdvntceOutsourcing--${pageName}").on("click", () => $P.fnMakeFile('outsourcing') );
-	$("#btnOpenOtptStng--${pageName}").on("click", () => $P.fnOpenOtptStng() );
+	$P.$find("btnPrintAdvntcePdf01").on("click", () => $P.fnMakeFile('pdf','01') );
+	$P.$find("btnPrintAdvntcePdf02").on("click", () => $P.fnMakeFile('pdf','02') );
+	$P.$find("btnPrintAdvntceOutsourcing").on("click", () => $P.fnMakeFile('outsourcing') );
+	$P.$find("btnOpenOtptStng").on("click", () => $P.fnOpenOtptStng() );
 	
 	//첫번째 줄 클릭
-	$("#tbody--${pageName}").find("tr:eq(0)").click();
+	$P.$find("tbody").find("tr:eq(0)").click();
 });
 
 </script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01150-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01150-info.jsp
index fbccf5f5..1aa4e1fa 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01150-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01150-info.jsp
@@ -3,15 +3,15 @@
 
 <c:set var="pageKorName" scope="request">출력대상-고지서</c:set>
 
-<div class="d-flex flex-row justify-content-evenly">
+<div class="d-flex flex-row justify-content-evenly" data-doctx="${pageName}">
 	<div class="card p-3">
 		<div class="row mb-3 justify-content-start">
 			<div class="col-md-12">
 				<div class="float-start">
-					<button type="button" id="btnPrintNhtPdf01--${pageName}" class="btn btn-info">고지서출력(PDF-A4)</button>
-					<button type="button" id="btnPrintNhtPdf02--${pageName}" class="btn btn-info">고지서서출력(PDF-Letter)</button>
-					<button type="button" id="btnPrintNhtOutsourcing--${pageName}" class="btn btn-info">고지서출력(외주파일)</button>
-					<button type="button" id="btnOpenOtptStng--${pageName}" class="btn btn-primary">설정</button>
+					<button type="button" name="btnPrintNhtPdf01" class="btn btn-info">고지서출력(PDF-A4)</button>
+					<button type="button" name="btnPrintNhtPdf02" class="btn btn-info">고지서서출력(PDF-Letter)</button>
+					<button type="button" name="btnPrintNhtOutsourcing" class="btn btn-info">고지서출력(외주파일)</button>
+					<button type="button" name="btnOpenOtptStng" class="btn btn-primary">설정</button>
 				</div>
 			</div>
 		</div>
@@ -19,12 +19,13 @@
 		<div class="card-datatable text-nowrap mb-3">
 			<div class="dataTables_wrapper dt-bootstrap5 no-footer">
 				<div class="table-responsive ox-scroll oy-scroll h-px-300">
-					<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" 
-					id="table--${pageName}" aria-describedby="DataTables_Table_0_info">
+					<table name="table" 
+					class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer">
 						<thead class="sticky-thead" >
-							<tr id="theadTr--${pageName}">
+							<tr name="theadTr">
 								<th style="width:50px">
-									<input type="checkbox" class="form-check-input" checked id="downGridAllCheckbox--${pageName}"
+									<input type="checkbox" class="form-check-input" checked 
+									name="gridAllCheckbox"
 									onchange="GRID.checkbox.sync(this, this.checked);" />
 								</th>
 								<th style="width:120px">시군구명</th>
@@ -42,9 +43,9 @@
 								<th style="width:400px">번지</th>
 							</tr>
 						</thead>
-						<tbody id="tbody--${pageName}">
+						<tbody name="tbody">
 						</tbody>
-						<template id="found--${pageName}">
+						<template name="found">
 							<tr data-key="{CRDN_ID}" onclick="pageObject['${pageName}'].clickGrid(this);">
 								<td>
 									<input type="checkbox" class="form-check-input" name="gridCheckbox" value="{CRDN_ID}" checked 
@@ -70,18 +71,17 @@
 			</div>
 		</div>
 			
-		<form id="frmEdit--${pageName}">
+		<form name="frmEdit">
 			<input type="text" name="dialogId" hidden />
 			
 		</form>
 		
-		<span id="tempArea--${pageName}" hidden></span>
 	</div>
 </div>
 
 <script>
 
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 pageObject["${pageName}"].provided = {};
 
 pageObject.childReq = [];
@@ -106,21 +106,21 @@ $(document).ready(function(){
 	$P.clickGrid = (element) => {
 		var key = element.dataset.key;
 		
-		$("#tbody--${pageName}").setCurrentRow(key);
+		$P.$find("tbody").setCurrentRow(key);
 
 		var info = $P.provided.getInfo(key);	
-		var formFields = new FimsFormFields("#frmEdit--${pageName}");
+		var formFields = new FimsFormFields($P.selector("frmEdit"));
 		formFields.set(null,info);
 	}
 	
 	$P.fnMakeFile = (fileType, paper) => {
-		var checkboxes = $("#tbody--${pageName}").find("input[type='checkbox']:checked");
+		var checkboxes = $P.$find("tbody").find("input[type='checkbox']:checked");
 		if(checkboxes.length < 1){
 			alert("체크된 자료가 없습니다.");
 			return;
 		}
 		
-		if(!customValidate($("#frmEdit--${pageName} input"))) return;
+		if(!customValidate($P.$find("frmEdit").find("input"))) return;
 		
 		var checkedCrdnIds = [];
 		checkboxes.each(function(){
@@ -146,7 +146,7 @@ $(document).ready(function(){
 			fileTypeName = "외주 요청 파일";
 		}
 		
-		var formFields = new FimsFormFields("#frmEdit--${pageName}");
+		var formFields = new FimsFormFields($P.selector("frmEdit"));
 		var globalVariable = formFields.get();
 		
 		var submitParam = {
@@ -195,7 +195,7 @@ $(document).ready(function(){
 	}
 	
 	$P.fnOpenOtptStng = () => {
-		var checkboxes = $("#tbody--${pageName}").find("input[type='checkbox']:checked");
+		var checkboxes = $P.$find("tbody").find("input[type='checkbox']:checked");
 		if(checkboxes.length < 1){
 			alert("체크된 자료가 없습니다.");
 			return;
@@ -249,13 +249,13 @@ $(document).ready(function(){
 	}
 	
 	//버튼이벤트
-	$("#btnPrintNhtPdf01--${pageName}").on("click", () => $P.fnMakeFile('pdf','01') );
-	$("#btnPrintNhtPdf02--${pageName}").on("click", () => $P.fnMakeFile('pdf','02') );
-	$("#btnPrintNhtOutsourcing--${pageName}").on("click", () => $P.fnMakeFile('outsourcing') );
-	$("#btnOpenOtptStng--${pageName}").on("click", () => $P.fnOpenOtptStng() );
+	$P.$find("btnPrintNhtPdf01").on("click", () => $P.fnMakeFile('pdf','01') );
+	$P.$find("btnPrintNhtPdf02").on("click", () => $P.fnMakeFile('pdf','02') );
+	$P.$find("btnPrintNhtOutsourcing").on("click", () => $P.fnMakeFile('outsourcing') );
+	$P.$find("btnOpenOtptStng").on("click", () => $P.fnOpenOtptStng() );
 	
 	//첫번째 줄 클릭
-	$("#tbody--${pageName}").find("tr:eq(0)").click();
+	$P.$find("tbody").find("tr:eq(0)").click();
 });
 
 </script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp
index 7d22f95e..daab43de 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/stng01030-main.jsp
@@ -72,7 +72,6 @@
 	</div>
 </div>
 
-<span id="tempArea--${pageName}" hidden></span>
 
 <template id="theadTr--${pageName}">
 	<tr>