From 00845fe0d5b6ca1d2d7ba41a3a7d22f7976586d2 Mon Sep 17 00:00:00 2001
From: leebj <leebj91@xit.co.kr>
Date: Thu, 20 Jun 2024 10:20:20 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B3=B4=EA=B3=A0=EB=AC=B8=EC=84=9C=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=20=EB=A9=94=EC=9D=B8=20=ED=8E=98=EC=9D=B4=EC=A7=95?=
 =?UTF-8?q?=EC=B2=98=EB=A6=AC=EB=B0=A9=EC=8B=9D=20=EB=B3=80=EA=B2=BD(?=
 =?UTF-8?q?=EB=AC=B4=ED=95=9C=EC=8A=A4=ED=81=AC=EB=A1=A4=20->=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=EB=84=A4=EC=9D=B4=EC=85=98)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/adds/nims/dsuseDoc-main.jsp   | 125 ++++++++----------
 1 file changed, 57 insertions(+), 68 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/adds/nims/dsuseDoc-main.jsp b/src/main/webapp/WEB-INF/jsp/adds/nims/dsuseDoc-main.jsp
index 7a04ed9..699a102 100644
--- a/src/main/webapp/WEB-INF/jsp/adds/nims/dsuseDoc-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/adds/nims/dsuseDoc-main.jsp
@@ -78,62 +78,62 @@
 </div>
 
 <!-- DataTables(그리드) -->
-				<div class="card-datatable text-nowrap">
-					<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-						<div class="table-responsive ox-scroll oy-scroll h-px-500" id="table-responsive--${pageName}">
-							<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
-								<thead class="sticky-thead">
-									<tr id="theadTr--${pageName}"
-										data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
-										<th class="cmn" style="width: 72px;">No.</th>
-										<th class="cmn" style="width: 130.141px;">폐기관리번호</th>
-										<th class="cmn" style="width: 120.141px;">취급일자</th>
-										<th class="cmn" style="width: 120.469px;">폐기일자</th>
-										<th class="cmn" style="width: 250.469px;">업체명</th>
-										<th class="cmn" style="width: 90px;">폐기건수</th>
-										<th class="cmn" style="width: 170.469px;">처리상태</th>
-										<th class="cmn" style="width: 150.469px;">폐기결과보고서</th>
-										<th class="cmn" style="width: 170.469px;">폐기처리내역및사진</th>
-										<th class="cmn" style="width: 180.469px;">폐기사유</th>
-										<th class="cmn" style="width: 150px;">폐기구분</th>
-										<th class="cmn" style="width: 150px;">폐기방법</th>
-										<th class="cmn" style="width: 200.469px;">폐기장소</th>
-									</tr>
-								</thead>
-								<tbody id="tbody--${pageName}">
-								</tbody>
-								<template id="${infoPrefix}Row--${pageName}">
-									<tr data-key="dscdmng_id">
-										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
-										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dscdmng_id}</td>
-										<td class="cmn text-center"  onclick="{onclick}" ondblclick="{ondblclick}">{hdr_de}</td>
-										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_de}</td>
-										<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{bssh_nm}</td>
-										<td class="cmn text-end" onclick="{onclick}" ondblclick="{ondblclick}">{rnd_dtl_rpt_cnt}</td>
-										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{prgrs_stts_nm}</td>
-										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_rslt_doc}</td>
-										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_rslt_list_photo}</td>
-										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_prv_nm}</td>
-										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_se_nm}</td>
-										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_mth_nm}</td>
-										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_loc}</td>
+<div class="card-datatable text-nowrap">
+	<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
+		<div class="table-responsive ox-scroll oy-scroll h-px-500" id="table-responsive--${pageName}">
+			<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
+				<thead class="sticky-thead">
+					<tr id="theadTr--${pageName}"
+						data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
+						<th class="cmn" style="width: 72px;">No.</th>
+						<th class="cmn" style="width: 130.141px;">폐기관리번호</th>
+						<th class="cmn" style="width: 120.141px;">취급일자</th>
+						<th class="cmn" style="width: 120.469px;">폐기일자</th>
+						<th class="cmn" style="width: 250.469px;">업체명</th>
+						<th class="cmn" style="width: 90px;">폐기건수</th>
+						<th class="cmn" style="width: 170.469px;">처리상태</th>
+						<th class="cmn" style="width: 150.469px;">폐기결과보고서</th>
+						<th class="cmn" style="width: 170.469px;">폐기처리내역및사진</th>
+						<th class="cmn" style="width: 180.469px;">폐기사유</th>
+						<th class="cmn" style="width: 150px;">폐기구분</th>
+						<th class="cmn" style="width: 150px;">폐기방법</th>
+						<th class="cmn" style="width: 200.469px;">폐기장소</th>
+					</tr>
+				</thead>
+				<tbody id="tbody--${pageName}">
+				</tbody>
+				<template id="${infoPrefix}Row--${pageName}">
+					<tr data-key="dscdmng_id">
+						<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
+						<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dscdmng_id}</td>
+						<td class="cmn text-center"  onclick="{onclick}" ondblclick="{ondblclick}">{hdr_de}</td>
+						<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_de}</td>
+						<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{bssh_nm}</td>
+						<td class="cmn text-end" onclick="{onclick}" ondblclick="{ondblclick}">{rnd_dtl_rpt_cnt}</td>
+						<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{prgrs_stts_nm}</td>
+						<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_rslt_doc}</td>
+						<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_rslt_list_photo}</td>
+						<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_prv_nm}</td>
+						<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_se_nm}</td>
+						<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_mth_nm}</td>
+						<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dsuse_loc}</td>
 <%--										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{USR_RPT_ID_NO}</td>--%>
-									</tr>
-								</template>
-								<template id="${infoPrefix}NotFound--${pageName}">
-									<tr class="odd">
-										<td valign="top" colspan="13" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-									</tr>
-								</template>
-							</table>
-						</div>
-					</div>
-				</div>
-				<!-- / DataTables(그리드) -->
+					</tr>
+				</template>
+				<template id="${infoPrefix}NotFound--${pageName}">
+					<tr class="odd">
+						<td valign="top" colspan="13" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+					</tr>
+				</template>
+			</table>
+		</div>
+	</div>
+</div>
+<!-- / DataTables(그리드) -->
 
 <div class="d-flex flex-row p-3 justify-content-between">
-    <label id="userPagingInfo" class="dataTables_info" role="status" aria-live="polite">1 ~ 2 / 2</label>
-    <ul id="userPaging" class="pagination pagination-primary" style="display: none;">
+    <label id="${infoPrefix}Paging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+    <ul id="${infoPrefix}Paging--${pageName}" class="pagination pagination-primary" style="display: none;">
     </ul>
 </div>
 
@@ -185,10 +185,10 @@
 		// Dataset 변경 이벤트
 		$P.control.onDatasetChange = (obj) => {
 			$P.renderList(obj.${infoPrefix}Total);
-
-			$("#paging--${pageName}").setPaging({
+			
+			$("#${infoPrefix}Paging--${pageName}").setPaging({
 				  list: $P.control.dataset
-				, prefix: "paging--${pageName}"
+				, prefix: "${infoPrefix}Paging--${pageName}"
 				, start: obj.${infoPrefix}Start
 				, totalSize: obj.${infoPrefix}Total
 				, fetchSize: obj.${infoPrefix}Fetch
@@ -253,10 +253,7 @@
 			let trs = empty ? [document.getElementById("${infoPrefix}NotFound--${pageName}").content.outerHTML]
 							: ${infoPrefix}List.inStrings(foundTr.outerHTML, replacer);
 
-			let noMore = (totalSize == ${infoPrefix}List.length);
-			let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
-
-			$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
+			$("#tbody--${pageName}").html(trs.join());
 
 		    if ($P.control.untilPageNum != 0) {
 		    	$P.control.query.fetchSize = $P.control.defaultFetchSize;
@@ -266,12 +263,6 @@
 
 		}
 
-		// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
-		$P.scrollDataList = () => {
-			$P.control.tableRenderComplete = false;								// dataTables 에 자료 추가 false
-
-			$P.control.load($P.control.query.pageNum + 1);
-		}
 
 		$P.control.getBsshInfo = (gdccId) => {
 			let dialogTitle = "마약류 취급자 조회";
@@ -408,8 +399,6 @@
 			// DataTables width 변경 조정 (업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고)
 			fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
 
-			// DataTables 스크롤 이벤트 생성
-			fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
 		}
 
 		// 초기 화면 설정