fix: 신청서 접수 화면 필드 폭 조정

src/main/webapp/WEB-INF/jsp/adds/nims/dsuseMgtReceipt-info.jsp

@@ -56,15 +56,13 @@
 			<form id="product--${pageName}" name="product">
 				<label for="product--${pageName}" style="margin-top: 10px; padding-left: 20px;"><strong>폐기 제품 정보</strong></label>
 				<div class="row my-1 mx-4 g-1 border-card rounded-3">
-					<div class="col-md-4">
+					<div class="col-md-6">
-					<label for="prductNm--${pageName}" class="w-px-100 bg-lighter pe-2 col-form-label text-sm-end">제품명</label>
+						<label for="prductNm--${pageName}" class="w-px-100 bg-lighter pe-2 col-form-label text-sm-end">제품명</label>
-						<input type="text" class="form-control w-70" id="prductNm--${pageName}" name="prductNm" data-map="prductNm" readonly>
+						<input type="text" class="form-control w-75" id="prductNm--${pageName}" name="prductNm" data-map="prductNm" readonly>
 					</div>							
-					<div class="col-md-8">
+					<div class="col-md-6">
 						<label for="prductCd--${pageName}" class="w-px-100 bg-lighter pe-2 col-form-label text-sm-end">제품코드</label>
-						<input type="text" class="form-control w-px-150" id="prductCd--${pageName}" name="prductCd" data-map="prductCd" readonly>
+						<input type="text" class="form-control w-px-140" id="prductCd--${pageName}" name="prductCd" data-map="prductCd" readonly>
-<%--					</div>--%>
-<%--					<div class="col-md-4">--%>
 						<button type="button" class="btn btn-search w-px-100" id="btnProductSearch--${pageName}" title="제품 검색">제품 검색</button>
 						<button type="button" class="btn btn-search w-px-100" id="btnProductBarcodeSearch--${pageName}" title="바코드 입력">바코드 입력</button>
 					</div>
@@ -112,10 +110,10 @@
 						<thead class="sticky-thead">
 							<tr id="theadTr--productList"
 								data-by="by--productList" data-by-output="byOutput--productList" data-main-option="mainOption--productList" data-sub-option="subOption--productList">
-								<th class="sorting" style="width: 146.156px;">제품코드</th>
+								<th class="sorting" style="width: 145.156px;">제품코드</th>
-								<th class="sorting sorting_asc" aria-sort="ascending" style="width: 300.719px;">제품명</th>
+								<th class="sorting sorting_asc" aria-sort="ascending" style="width: 325.719px;">제품명</th>
-								<th class="sorting" style="width: 100.469px;">폐기수량</th>
+								<th class="sorting" style="width: 90.469px;">폐기수량</th>
-								<th class="sorting" style="width: 230.469px;">폐기 제품 사진</th>
+								<th class="sorting" style="width: 158.469px;">폐기 제품 사진</th>
 								<th class="sorting" style="width: 120.469px;">유효기간</th>
 								<th class="sorting" style="width: 160.141px;">제조번호</th>
 								<th class="sorting" style="width: 160.141px;">일련번호</th>

src/main/webapp/resources/js/adds/cmmn/adds-componentization.js

@@ -1,62 +1,62 @@
 /**************************************************************************
-* 그리드 내부 이미지 첨부
+ * 그리드 내부 이미지 첨부
-**************************************************************************/
+ **************************************************************************/
-function fnMakeGridImageViewer(tdEl, fileInputElName, fileInfo){
+function fnMakeGridImageViewer(tdEl, fileInputElName, fileInfo) {
-		
+
-	let fileInputEl = document.createElement("input");
+    let fileInputEl = document.createElement("input");
-	fileInputEl.name = fileInputElName;
+    fileInputEl.name = fileInputElName;
-	fileInputEl.type = "file";
+    fileInputEl.type = "file";
-	fileInputEl.setAttribute("hidden","hidden");
+    fileInputEl.setAttribute("hidden", "hidden");
-	fileInputEl.setAttribute("accept","image/*")
+    fileInputEl.setAttribute("accept", "image/*")
-	tdEl.appendChild(fileInputEl);
+    tdEl.appendChild(fileInputEl);
-	
+
-	if(fileInfo != null){
+    if (fileInfo != null) {
-		fileInputEl.dataset.url = fileInfo.URL;
+        fileInputEl.dataset.url = fileInfo.URL;
-		fileInputEl.dataset.fileNm = fileInfo.FILE_NM;
+        fileInputEl.dataset.fileNm = fileInfo.FILE_NM;
-		fileInputEl.dataset.mimeType = fileInfo.MIME_TYPE;
+        fileInputEl.dataset.mimeType = fileInfo.MIME_TYPE;
-		fileInputEl.dataset.fileId = fileInfo.FILE_ID;
+        fileInputEl.dataset.fileId = fileInfo.FILE_ID;
-	}
+    }
-	
+
-	let uploadButtonEl = document.createElement("button");
+    let uploadButtonEl = document.createElement("button");
-	uploadButtonEl.type = "button";
+    uploadButtonEl.type = "button";
-	uploadButtonEl.classList.add("btn","btn-primary","w-px-50", "mx-1");
+    uploadButtonEl.classList.add("btn", "btn-primary", "w-px-50", "mx-1");
-	uploadButtonEl.textContent = "등록";
+    uploadButtonEl.textContent = "등록";
-	tdEl.appendChild(uploadButtonEl);
+    tdEl.appendChild(uploadButtonEl);
-		
+
-	let viewButtonEl = document.createElement("button");
+    let viewButtonEl = document.createElement("button");
-	viewButtonEl.type = "button";
+    viewButtonEl.type = "button";
-	viewButtonEl.classList.add("btn","btn-primary","w-px-50", "mx-1");
+    viewButtonEl.classList.add("btn", "btn-primary", "w-px-50", "mx-1");
-	viewButtonEl.setAttribute("hidden","hidden");
+    viewButtonEl.setAttribute("hidden", "hidden");
-	viewButtonEl.textContent = "보기";
+    viewButtonEl.textContent = "보기";
-	tdEl.appendChild(viewButtonEl);
+    tdEl.appendChild(viewButtonEl);
-	
+
-	$(fileInputEl).on("change", function(){
+    $(fileInputEl).on("change", function () {
-		if(this.files != null && this.files.length > 0){
+        if (this.files != null && this.files.length > 0) {
-			$(uploadButtonEl).text("수정");
+            $(uploadButtonEl).text("변경");
-			$(viewButtonEl).removeAttr("hidden");			
+            $(viewButtonEl).removeAttr("hidden");
-		} else if(this.dataset.url != null){
+        } else if (this.dataset.url != null) {
-			$(uploadButtonEl).text("수정");
+            $(uploadButtonEl).text("변경");
-			$(viewButtonEl).removeAttr("hidden");
+            $(viewButtonEl).removeAttr("hidden");
-		} else {
+        } else {
-			$(uploadButtonEl).text("등록");
+            $(uploadButtonEl).text("등록");
-			$(viewButtonEl).attr("hidden","hidden");
+            $(viewButtonEl).attr("hidden", "hidden");
-		}
+        }
-	});
+    });
-	
+
-	$(uploadButtonEl).on("click", function(){
+    $(uploadButtonEl).on("click", function () {
-		$(fileInputEl).click();
+        $(fileInputEl).click();
-	});
+    });
-
+
-	$(viewButtonEl).on("click", function(){
+    $(viewButtonEl).on("click", function () {
-				
+
-		let viewUrl = "";
+        let viewUrl = "";
-		if(fileInputEl.files.length != 0){
+        if (fileInputEl.files.length != 0) {
-			viewUrl = (window.URL || window.webkitURL).createObjectURL(fileInputEl.files[0]);
+            viewUrl = (window.URL || window.webkitURL).createObjectURL(fileInputEl.files[0]);
-		} else {
+        } else {
-			viewUrl = fileInputEl.dataset.url;
+            viewUrl = fileInputEl.dataset.url;
-		}
+        }
-		window.open(viewUrl, "이미지", "width=500, height=500");
+        window.open(viewUrl, "이미지", "width=500, height=500");
-	});
+    });
-	
+
-	$(fileInputEl).trigger("change");
+    $(fileInputEl).trigger("change");
 }