From 8ceb9372a7ab5dcc80a47e6bbe917d58f94724e1 Mon Sep 17 00:00:00 2001
From: leebj <leebj91@xit.co.kr>
Date: Thu, 20 Jun 2024 14:04:53 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EC=83=81=ED=92=88=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=20=EC=A0=9C=EA=B1=B0=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80(=ED=8F=90=EA=B8=B0=EC=8B=A0=EC=B2=AD=EC=84=9C?=
 =?UTF-8?q?=EC=A0=91=EC=88=98=20=EB=93=B1=EB=A1=9D=20=ED=99=94=EB=A9=B4),?=
 =?UTF-8?q?=20=EA=B7=B8=EB=A6=AC=EB=93=9C=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?=
 =?UTF-8?q?=EB=B7=B0=EC=96=B4=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jsp/adds/nims/dsuseMgtReceipt-info.jsp    | 60 ++++++++------
 .../js/adds/cmmn/adds-componentization.js     | 79 +++++++++----------
 2 files changed, 76 insertions(+), 63 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/adds/nims/dsuseMgtReceipt-info.jsp b/src/main/webapp/WEB-INF/jsp/adds/nims/dsuseMgtReceipt-info.jsp
index 9dc4496..0c6df1a 100644
--- a/src/main/webapp/WEB-INF/jsp/adds/nims/dsuseMgtReceipt-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/adds/nims/dsuseMgtReceipt-info.jsp
@@ -121,15 +121,15 @@
 						</tbody>
 						<template id="productListRow--productList">
 							<tr data-key="{keyCnt}">
-								<td class="cmn text-center" {onclick}="" {ondblclick}="">{prductCd}</td>
-								<td {onclick}="" {ondblclick}="">{prductNm}</td>
-								<td class="cmn text-end" {onclick}="" {ondblclick}="">{dsuseQy}</td>
-								<td class="cmn text-center prdDsuseImg" {onclick}="" {ondblclick}=""></td>
-								<td class="cmn text-center" {onclick}="" {ondblclick}="">{prdValidDe}</td>
-								<td class="cmn text-center" {onclick}="" {ondblclick}="">{mnfNo}</td>
-								<td class="cmn text-center" {onclick}="" {ondblclick}="">{mnfSeq}</td>
-								<td class="cmn text-center" {onclick}="" {ondblclick}="">{minDistbQy} {minDistbUnit}</td>
-								<td class="cmn text-center" {onclick}="" {ondblclick}="">{pceQy} {pceUnit}</td>
+								<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{prductCd}</td>
+								<td  onclick="{onclick}" ondblclick="{ondblclick}">{prductNm}</td>
+								<td class="cmn text-end"  onclick="{onclick}" ondblclick="{ondblclick}">{dsuseQy}</td>
+								<td class="cmn text-center prdDsuseImg"  onclick="{onclick}" ondblclick="{ondblclick}"></td>
+								<td class="cmn text-center"  onclick="{onclick}" ondblclick="{ondblclick}">{prdValidDe}</td>
+								<td class="cmn text-center"  onclick="{onclick}" ondblclick="{ondblclick}">{mnfNo}</td>
+								<td class="cmn text-center"  onclick="{onclick}" ondblclick="{ondblclick}">{mnfSeq}</td>
+								<td class="cmn text-center"  onclick="{onclick}" ondblclick="{ondblclick}">{minDistbQy} {minDistbUnit}</td>
+								<td class="cmn text-center"  onclick="{onclick}" ondblclick="{ondblclick}">{pceQy} {pceUnit}</td>
 							</tr>
 						</template>
 						<template id="productListNotFound--productList">
@@ -325,12 +325,12 @@
 				}
 			});
 		}
-
-		$P.productList.onDatasetChange = item => {
+		
+		
+		$P.productList.onAppend = item => {
+			
 			if (!item) return;
 
-			let empty = $P.productList.empty;
-
 			// 업무별 DataTables(그리드) tr, td
 			let foundContent = document.getElementById("productListRow--productList").content;
 			let foundTr = $(foundContent).find("tr")[0].cloneNode(false);
@@ -343,15 +343,30 @@
 			//
 			let replacer = (str, dataItem) => str
 				.replace(/{onclick}/gi, "pageObject['${pageName}'].productList.setCurrent('" + dataItem.getValue("keyCnt") + "');");
+			
+			let di = $P.productList.getData(item[0].keyCnt, "item");
+			
+			let tr = di.inString(foundTr.outerHTML, replacer);
 
-			let trs = empty ? [document.getElementById("$productListNotFound--productList").content.outerHTML]
-							: $P.productList.inStrings(foundTr.outerHTML, replacer);
+			$("#tbody--productList").append(tr);
+			
+			fnMakeGridImageViewer($("#tbody--productList").find("td.prdDsuseImg").last()[0], "dsusePrdImgFiles");
+		}
+		
+		$P.productList.onRemove = item => {
 
-			$("#table-responsive--${pageName}")[0].changeContent(trs.join(), true, true);
+			let key = item[0].data.keyCnt;
 			
-			fnMakeGridImageViewer($("#tbody--productList").find("td.prdDsuseImg").get(), "dsusePrdImgFiles");
+			$("#tbody--productList").find("tr[data-key='"+key+"']").remove();
 		}
+		
+		$P.productList.onCurrentChange = item => {
+			if (!item) return;
 
+            let key = item.data.keyCnt;
+            $("#tbody--productList").setCurrentRow(key);
+		}
+		
 		/**************************************************************************
 		 * DataTables 이벤트
 		 **************************************************************************/
@@ -456,10 +471,10 @@
 				return false;
 			}
 
-console.log($P.productFormFields.get());
-const data = {...$P.productFormFields.get(), keyCnt: prdRowKey++};
-console.log(data);
-			$P.productList.addData([data]);
+			console.log($P.productFormFields.get());
+			const data = {...$P.productFormFields.get(), keyCnt : ""+prdRowKey++};
+			console.log(data);
+			$P.productList.append([data]);
 			// FIXME: 상품필드 초기화 코드 추가
 			//
 		}
@@ -473,7 +488,7 @@ console.log(data);
 				, init: () => { setDialogZindex(); }
 				, onOK: () => {
 					console.log($P.productList.getCurrent().keyCnt);
-					debugger
+
 					$P.productList.remove($P.productList.getCurrent().keyCnt);
 				}
 			});
@@ -504,7 +519,6 @@ console.log(data);
 
 		// 초기 화면 설정
 		$P.initForm = () => {
-			fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
 			
 		}
 
diff --git a/src/main/webapp/resources/js/adds/cmmn/adds-componentization.js b/src/main/webapp/resources/js/adds/cmmn/adds-componentization.js
index 9b267a8..632bc4c 100644
--- a/src/main/webapp/resources/js/adds/cmmn/adds-componentization.js
+++ b/src/main/webapp/resources/js/adds/cmmn/adds-componentization.js
@@ -1,49 +1,48 @@
 /**************************************************************************
 * 그리드 내부 이미지 첨부
 **************************************************************************/
-function fnMakeGridImageViewer(tdEls, fileInputElName){
-	
-	for(let tdEl of tdEls){
-		
-		let fileInputEl = document.createElement("input");
-		fileInputEl.name = fileInputElName;
-		fileInputEl.type = "file";
-		fileInputEl.setAttribute("hidden","hidden");
-		fileInputEl.setAttribute("accept","image/*")
-		tdEl.appendChild(fileInputEl);
+function fnMakeGridImageViewer(tdEl, fileInputElName){
 		
-		let uploadButtonEl = document.createElement("button");
-		uploadButtonEl.type = "button";
-		uploadButtonEl.classList.add("btn","btn-primary","w-px-50", "mx-1");
-		uploadButtonEl.textContent = "등록";
-		tdEl.appendChild(uploadButtonEl);
-			
-		let viewButtonEl = document.createElement("button");
-		viewButtonEl.type = "button";
-		viewButtonEl.classList.add("btn","btn-primary","w-px-50", "mx-1");
-		viewButtonEl.setAttribute("hidden","hidden");
-		viewButtonEl.textContent = "보기";
-		tdEl.appendChild(viewButtonEl);
+	let fileInputEl = document.createElement("input");
+	fileInputEl.name = fileInputElName;
+	fileInputEl.type = "file";
+	fileInputEl.setAttribute("hidden","hidden");
+	fileInputEl.setAttribute("accept","image/*")
+	tdEl.appendChild(fileInputEl);
+	
+	let uploadButtonEl = document.createElement("button");
+	uploadButtonEl.type = "button";
+	uploadButtonEl.classList.add("btn","btn-primary","w-px-50", "mx-1");
+	uploadButtonEl.textContent = "등록";
+	tdEl.appendChild(uploadButtonEl);
 		
-		$(fileInputEl).on("change", function(){
-			if(this.files != null && this.files.length > 0){
-				$(uploadButtonEl).text("수정");
-				$(viewButtonEl).removeAttr("hidden");			
-			} else {
-				$(uploadButtonEl).text("등록");
-				$(viewButtonEl).attr("hidden","hidden");
-			}
-		});
+	let viewButtonEl = document.createElement("button");
+	viewButtonEl.type = "button";
+	viewButtonEl.classList.add("btn","btn-primary","w-px-50", "mx-1");
+	viewButtonEl.setAttribute("hidden","hidden");
+	viewButtonEl.textContent = "보기";
+	tdEl.appendChild(viewButtonEl);
+	
+	$(fileInputEl).on("change", function(){
+		if(this.files != null && this.files.length > 0){
+			$(uploadButtonEl).text("수정");
+			$(viewButtonEl).removeAttr("hidden");			
+		} else {
+			$(uploadButtonEl).text("등록");
+			$(viewButtonEl).attr("hidden","hidden");
+		}
+	});
+	
+	$(uploadButtonEl).on("click", function(){
+		$(fileInputEl).click();
+	});
+
+	$(viewButtonEl).on("click", function(){
 		
-		$(uploadButtonEl).on("click", function(){
-			$(fileInputEl).click();
-		});
+		let viewUrl = (window.URL || window.webkitURL).createObjectURL(fileInputEl.files[0]);
 
-		$(viewButtonEl).on("click", function(){
-			window.open((window.URL || window.webkitURL).createObjectURL(fileInputEl.files[0])
-			, "이미지"
-			, "width=500, height=500");
-		});
-	}
+		window.open(viewUrl, "이미지", "width=500, height=500");
+	});
+	
 
 }
\ No newline at end of file