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

dev
Jonguk. Lim 4 months ago
parent 9c92aa1f04
commit ab9aa77140

@ -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">
<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>
<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-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>
<%-- </div>--%>
<%-- <div class="col-md-4">--%>
<input type="text" class="form-control w-px-140" id="prductCd--${pageName}" name="prductCd" data-map="prductCd" readonly>
<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 sorting_asc" aria-sort="ascending" style="width: 300.719px;">제품명</th>
<th class="sorting" style="width: 100.469px;">폐기수량</th>
<th class="sorting" style="width: 230.469px;">폐기 제품 사진</th>
<th class="sorting" style="width: 145.156px;">제품코드</th>
<th class="sorting sorting_asc" aria-sort="ascending" style="width: 325.719px;">제품명</th>
<th class="sorting" style="width: 90.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>

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

Loading…
Cancel
Save