From 6bdce6342587091c7b5e977aefd380f99df2ef21 Mon Sep 17 00:00:00 2001
From: mjkhan21 <mjkhan21@xit.co.kr>
Date: Fri, 11 Jul 2025 13:22:21 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A9=B4=EC=A0=9C=EC=B0=A8=EB=9F=89=20?=
 =?UTF-8?q?=EB=AA=A9=EB=A1=9D=20=EC=A0=95=EB=A0=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/fims/crdn/crdn08010-main.jsp  | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
index dd4b1b5d..301d4c96 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
@@ -63,7 +63,7 @@
 							<thead class="sticky-thead">
 								<tr name="exmptnVhclTheadTr">
 									<th style="width: 80px;">No.</th>
-									<th style="width: 130px;">차량번호</th>
+									<th data-sort="VHRNO" style="width: 130px;">차량번호</th>
 									<th style="width: 200px;">사유</th>
 									<th style="width: 150px;">공문번호</th>
 									<th style="width: 150px;">소유주명</th>
@@ -140,14 +140,30 @@ $(document).ready(function(){
 	ctrl.dataset.onDatasetChange = (obj, option) => {
 		var t = $P.getGridTemplate();
 		var trs = Apply.fromDataset.getTbody(ctrl.dataset, t.found, t.notFound, t.replacer);
-		$P.renderExmptnVhclList(obj?.Paging?.totalSize, ctrl.dataset.length, trs, option);
+		$P.renderExmptnVhclList(ctrl.dataset.totalSize = obj["Paging"]?.totalSize, ctrl.dataset.length, trs, option);
 
 		$P.pagingSupport.setPagingInfo(obj);
 	};
-
 	ctrl.dataset.onCurrentChange = (dataItem) => {
 		Apply.fromDataset.currentRow(ctrl.dataset, dataItem, $P.findn("exmptnVhclTbody"));
 	}
+	ctrl.dataset.onSort = sorter => {
+		let t = $P.getGridTemplate(),
+			trs = Apply.fromDataset.getTbody(ctrl.dataset, t.found, t.notFound, t.replacer);
+		$P.renderExmptnVhclList(ctrl.dataset.totalSize, ctrl.dataset.length, trs);
+		
+		document.querySelectorAll("div[data-doctx='${pageName}'] table[name='exmptnVhclTable'] th[data-sort]").forEach(th => {
+			th.classList.remove(
+				TableSupport.cssClass.sortable,
+				TableSupport.cssClass.asc,
+				TableSupport.cssClass.desc
+			);
+			if (th.getAttribute("data-sort") == sorter.by)
+				th.classList.add(TableSupport.cssClass[sorter.order]);
+			else
+				th.classList.add(TableSupport.cssClass.sortable);
+		});
+	};
 
 	$P.pagingSupport = new FimsPagingSupport({
 		doq: $P,
@@ -423,6 +439,9 @@ $(document).ready(function(){
 	$P.$findn("btnCreate").on('click', () => { $P.newInfo(); });
 	$P.$findn("btnOpenDelRsn").on('click', () => { $P.fnOpenDelRsnDialog(); });
 	$P.$findn("btnHistory").on('click', () => { $P.fnOpenHistory(); });
+	document.querySelectorAll("div[data-doctx='${pageName}'] table[name='exmptnVhclTable'] th[data-sort]").forEach(th => {
+		th.addEventListener('dblclick', () => $P.sortExmptnVhclList(th));
+	});
 
 	Componentization.fnMakeScrollableTable($P.findn("table-responsive"), $P.scrollExmptnVhclList);
 	Componentization.fnMakeResizableTable($P.findn("table-responsive"));