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>
-						<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,16 +1,16 @@
 /**************************************************************************
-* 그리드 내부 이미지 첨부
+ * 그리드 내부 이미지 첨부
-**************************************************************************/
+ **************************************************************************/
-function fnMakeGridImageViewer(tdEl, fileInputElName, fileInfo){
+function fnMakeGridImageViewer(tdEl, fileInputElName, fileInfo) {
 
     let fileInputEl = document.createElement("input");
     fileInputEl.name = fileInputElName;
     fileInputEl.type = "file";
-	fileInputEl.setAttribute("hidden","hidden");
+    fileInputEl.setAttribute("hidden", "hidden");
-	fileInputEl.setAttribute("accept","image/*")
+    fileInputEl.setAttribute("accept", "image/*")
     tdEl.appendChild(fileInputEl);
 
-	if(fileInfo != null){
+    if (fileInfo != null) {
         fileInputEl.dataset.url = fileInfo.URL;
         fileInputEl.dataset.fileNm = fileInfo.FILE_NM;
         fileInputEl.dataset.mimeType = fileInfo.MIME_TYPE;
@@ -19,38 +19,38 @@ function fnMakeGridImageViewer(tdEl, fileInputElName, fileInfo){
 
     let uploadButtonEl = document.createElement("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 = "등록";
     tdEl.appendChild(uploadButtonEl);
 
     let viewButtonEl = document.createElement("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 = "보기";
     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");
-		} else if(this.dataset.url != null){
+        } else if (this.dataset.url != null) {
-			$(uploadButtonEl).text("수정");
+            $(uploadButtonEl).text("변경");
             $(viewButtonEl).removeAttr("hidden");
         } else {
             $(uploadButtonEl).text("등록");
-			$(viewButtonEl).attr("hidden","hidden");
+            $(viewButtonEl).attr("hidden", "hidden");
         }
     });
 
-	$(uploadButtonEl).on("click", function(){
+    $(uploadButtonEl).on("click", function () {
         $(fileInputEl).click();
     });
 
-	$(viewButtonEl).on("click", function(){
+    $(viewButtonEl).on("click", function () {
 
         let viewUrl = "";
-		if(fileInputEl.files.length != 0){
+        if (fileInputEl.files.length != 0) {
             viewUrl = (window.URL || window.webkitURL).createObjectURL(fileInputEl.files[0]);
         } else {
             viewUrl = fileInputEl.dataset.url;