파트등록, 파트 조회 메뉴에도 도면 업로드 기능 추가

This commit is contained in:
Johngreen
2025-10-31 12:00:17 +09:00
parent 49dd4b7c88
commit 1ad393e939
5 changed files with 615 additions and 39 deletions

View File

@@ -102,19 +102,15 @@ function fn_fileCallback(areaId,fileType){
appendText +=" <col width='20%'>";
appendText +=" </colgroup>";
*/
appendText+= "<tr>";
appendText+= " <td>"+[i+1]+"</td>";
appendText+= " <td class='align_l'><a href='javascript:fnc_downloadFile(\""+data[i].OBJID+"\")'>&nbsp;&nbsp;"+data[i].REAL_FILE_NAME+"</a>";
/* if(data[i].WRITER=="${connectUserId}" || 'plm_admin'== "${connectUserId}"){
appendText+= "<a href='javascript:fileDelete(\""+data[i].OBJID+"\",\""+areaId+"\")'><div class='delete_btn'></div></a>";
}
*/
appendText+= "</td>";
appendText+= " <td>"+data[i].REGDATE+"</td>"
appendText+= " <td>"+data[i].FILE_SIZE+"</td>"
appendText+= "</tr>";
appendText+= "<tr>";
appendText+= " <td>"+[i+1]+"</td>";
appendText+= " <td class='align_l'><a href='javascript:fnc_downloadFile(\""+data[i].OBJID+"\")'>&nbsp;&nbsp;"+data[i].REAL_FILE_NAME+"</a>";
// 도면 삭제 버튼 활성화
appendText+= "<a href='javascript:fileDelete(\""+data[i].OBJID+"\")'><div class='delete_btn'></div></a>";
appendText+= "</td>";
appendText+= " <td>"+data[i].REGDATE+"</td>"
appendText+= " <td>"+data[i].FILE_SIZE+"</td>"
appendText+= "</tr>";
}
//Swal.fire(appendText);
$("#"+areaId+"FileArea").append(appendText);
@@ -138,32 +134,57 @@ function fn_fileCallback(areaId,fileType){
/*첨부 파일 삭제 */
function fileDelete(fileObjId){
if(confirm("파일을 삭제하시겠습니까?")){
$.ajax({
url:"/common/deleteFileInfo.do",
type:"POST",
data:{"objId":fileObjId},
dataType:"json",
async:true,
success:function(data){
fn_fileCallback("sr","${docType}");
// 부모 창의 그리드 새로고침
if(opener && typeof opener.fn_search == "function"){
opener.fn_search();
}
// Tabulator 그리드가 있는 경우
if(opener && opener._tabulGrid){
opener._tabulGrid.replaceData();
}
// 기존 콜백 함수도 실행
if(fnc_checkNull(callbackFnc) != ""){
opener.eval(callbackFnc+"();");
}
},
error: function(jqxhr, status, error){
}
});
}
Swal.fire({
title: '파일을 삭제하시겠습니까?',
text: '삭제된 파일은 복구할 수 없습니다.',
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: '삭제',
cancelButtonText: '취소',
reverseButtons: false
}).then(function(result) {
if (result.isConfirmed) {
$.ajax({
url:"/common/deleteFileInfo.do",
type:"POST",
data:{"objId":fileObjId},
dataType:"json",
async:true,
success:function(data){
Swal.fire({
title: '삭제 완료',
text: '파일이 삭제되었습니다.',
icon: 'success',
confirmButtonText: '확인'
}).then(function() {
fn_fileCallback("sr","${docType}");
// 부모 창의 그리드 새로고침
if(opener && typeof opener.fn_search == "function"){
opener.fn_search();
}
// Tabulator 그리드가 있는 경우
if(opener && opener._tabulGrid){
opener._tabulGrid.replaceData();
}
// 기존 콜백 함수도 실행
if(fnc_checkNull(callbackFnc) != ""){
opener.eval(callbackFnc+"();");
}
});
},
error: function(jqxhr, status, error){
Swal.fire({
title: '삭제 실패',
text: '파일 삭제 중 오류가 발생했습니다.',
icon: 'error',
confirmButtonText: '확인'
});
}
});
}
});
}
</script>

View File

@@ -116,6 +116,16 @@ String connector = person.getUserId();
fn_centerPopup(popup_width, popup_height, url);
});
// 도면 다중 업로드 버튼 클릭
$("#btnDrawingUpload").click(function() {
$("#drawingFiles").click();
});
// 파일 선택 이벤트
$("#drawingFiles").change(function() {
fn_uploadDrawingFiles(this.files);
});
fn_search();
});
});
@@ -292,6 +302,174 @@ String connector = person.getUserId();
fn_centerPopup(popup_width, popup_height, url);
}
// 도면 다중 업로드 처리 함수
function fn_uploadDrawingFiles(files) {
if(!files || files.length === 0) {
Swal.fire('파일을 선택해주세요.');
return;
}
// 선택된 파트 확인 (필수 아님 - 전체 파트 대상)
var selectedParts = _tabulGrid.getSelectedData();
if(!selectedParts || selectedParts.length === 0) {
// 선택 없으면 전체 파트 대상으로 진행
var confirmMsg = '파트를 선택하지 않았습니다.\n';
confirmMsg += '전체 파트를 대상으로 파일명과 일치하는 품번에 업로드됩니다.\n';
confirmMsg += '계속하시겠습니까?';
if(!confirm(confirmMsg)) {
return;
}
}
// 파일 분류 및 처리
var filesByType = {
'3D': [], // stp 파일
'2D': [], // dwg 파일
'PDF': [] // pdf 파일
};
// 파일 확장자 확인 및 분류
for(var i = 0; i < files.length; i++) {
var file = files[i];
var fileName = file.name;
var lastDotIndex = fileName.lastIndexOf('.');
if(lastDotIndex === -1) {
continue; // 확장자가 없는 파일은 스킵
}
var ext = fileName.substring(lastDotIndex + 1).toLowerCase();
if(ext === 'stp' || ext === 'step') {
filesByType['3D'].push(file);
} else if(ext === 'dwg') {
filesByType['2D'].push(file);
} else if(ext === 'pdf') {
filesByType['PDF'].push(file);
}
}
// 업로드할 파일이 있는지 확인
var totalFiles = filesByType['3D'].length + filesByType['2D'].length + filesByType['PDF'].length;
if(totalFiles === 0) {
Swal.fire('업로드 가능한 파일 형식이 없습니다. (stp, dwg, pdf만 가능)');
return;
}
// 확인 메시지
var msg = '총 ' + totalFiles + '개의 파일을 업로드하시겠습니까?\n';
msg += '- 3D (STP): ' + filesByType['3D'].length + '개\n';
msg += '- 2D (DWG): ' + filesByType['2D'].length + '개\n';
msg += '- PDF: ' + filesByType['PDF'].length + '개';
Swal.fire({
title: '도면 다중 업로드',
text: msg,
icon: 'question',
showCancelButton: true,
confirmButtonText: '업로드',
cancelButtonText: '취소'
}).then(function(result) {
if(result.isConfirmed) {
fn_processDrawingUpload(filesByType);
}
});
}
// 실제 업로드 처리
function fn_processDrawingUpload(filesByType) {
// 현재 그리드에 표시된 파트 데이터 가져오기
var gridData = _tabulGrid.getData();
if(!gridData || gridData.length === 0) {
Swal.fire('페이지에 표시된 파트가 없습니다.');
return;
}
// 품번 목록 생성 (현재 화면에 보이는 파트만)
var partNoList = [];
for(var i = 0; i < gridData.length; i++) {
var partNo = gridData[i].PART_NO;
if(partNo) {
partNoList.push(partNo);
}
}
// FormData 생성
var formData = new FormData();
// 현재 화면의 품번 목록 전송
formData.append('partNoList', JSON.stringify(partNoList));
// 모든 파일을 files 이름으로 추가
var allFiles = filesByType['3D'].concat(filesByType['2D']).concat(filesByType['PDF']);
for(var i = 0; i < allFiles.length; i++) {
formData.append('files', allFiles[i]);
}
// 로딩 표시
Swal.fire({
title: '업로드 중...',
text: '파일을 업로드하는 중입니다. 잠시만 기다려주세요.',
allowOutsideClick: false,
allowEscapeKey: false,
allowEnterKey: false,
showConfirmButton: false,
onOpen: function() {
Swal.showLoading();
}
});
// AJAX 업로드
$.ajax({
url: '/partMng/uploadDrawingFilesForPartList.do',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
Swal.close();
if(response.result === 'success') {
var successMsg = '도면 업로드가 완료되었습니다.\n\n';
successMsg += '- 성공: ' + response.successCount + '개\n';
if(response.failCount > 0) {
successMsg += '- 실패: ' + response.failCount + '개\n';
}
if(response.notFoundCount > 0) {
successMsg += '- 품번 미존재: ' + response.notFoundCount + '개\n';
}
Swal.fire({
title: '업로드 완료',
text: successMsg,
icon: response.failCount > 0 ? 'warning' : 'success'
}).then(function() {
// 그리드 새로고침
fn_search();
// 파일 input 초기화
$("#drawingFiles").val('');
});
} else {
Swal.fire({
title: '업로드 실패',
text: response.message || '도면 업로드 중 오류가 발생했습니다.',
icon: 'error'
});
}
},
error: function(xhr, status, error) {
Swal.close();
console.error('Upload error:', error);
Swal.fire({
title: '업로드 실패',
text: '서버 오류가 발생했습니다: ' + error,
icon: 'error'
});
}
});
}
</script>
</head>
<body class="backcolor">
@@ -314,8 +492,10 @@ String connector = person.getUserId();
<!--
<input type="button" value="삭제" class="plm_btns" id="btnDelete">
-->
<input type="button" value="도면 다중 업로드" class="plm_btns" id="btnDrawingUpload">
<input type="button" value="조회" class="plm_btns" id="btnSearch">
<input type="button" value="Excel Download" class="plm_btns" id="btnExcel">
<input type="file" id="drawingFiles" multiple style="display:none;" accept=".stp,.step,.dwg,.pdf">
</div>
</div>
<div id="plmSearchZon">

View File

@@ -115,6 +115,16 @@ ui-jqgrid tr.jqgrow td {
});
});
// 도면 다중 업로드 버튼 클릭
$("#btnDrawingUpload").click(function() {
$("#drawingFiles").click();
});
// 파일 선택 이벤트
$("#drawingFiles").change(function() {
fn_uploadDrawingFiles(this.files);
});
});
@@ -410,6 +420,161 @@ ui-jqgrid tr.jqgrow td {
fn_centerPopup(popup_width, popup_height, url);
}
// 도면 다중 업로드 처리 함수
function fn_uploadDrawingFiles(files) {
if(!files || files.length === 0) {
Swal.fire('파일을 선택해주세요.');
return;
}
// 파일 분류 및 처리
var filesByType = {
'3D': [], // stp 파일
'2D': [], // dwg 파일
'PDF': [] // pdf 파일
};
// 파일 확장자 확인 및 분류
for(var i = 0; i < files.length; i++) {
var file = files[i];
var fileName = file.name;
var lastDotIndex = fileName.lastIndexOf('.');
if(lastDotIndex === -1) {
continue; // 확장자가 없는 파일은 스킵
}
var ext = fileName.substring(lastDotIndex + 1).toLowerCase();
if(ext === 'stp' || ext === 'step') {
filesByType['3D'].push(file);
} else if(ext === 'dwg') {
filesByType['2D'].push(file);
} else if(ext === 'pdf') {
filesByType['PDF'].push(file);
}
}
// 업로드할 파일이 있는지 확인
var totalFiles = filesByType['3D'].length + filesByType['2D'].length + filesByType['PDF'].length;
if(totalFiles === 0) {
Swal.fire('업로드 가능한 파일 형식이 없습니다. (stp, dwg, pdf만 가능)');
return;
}
// 확인 메시지
var msg = '총 ' + totalFiles + '개의 파일을 업로드하시겠습니까?\n';
msg += '- 3D (STP): ' + filesByType['3D'].length + '개\n';
msg += '- 2D (DWG): ' + filesByType['2D'].length + '개\n';
msg += '- PDF: ' + filesByType['PDF'].length + '개';
Swal.fire({
title: '도면 다중 업로드',
text: msg,
icon: 'question',
showCancelButton: true,
confirmButtonText: '업로드',
cancelButtonText: '취소'
}).then(function(result) {
if(result.isConfirmed) {
fn_processDrawingUpload(filesByType);
}
});
}
// 실제 업로드 처리
function fn_processDrawingUpload(filesByType) {
// 현재 그리드에 표시된 파트 데이터 가져오기
var gridData = _tabulGrid.getData();
if(!gridData || gridData.length === 0) {
Swal.fire('페이지에 표시된 파트가 없습니다.');
return;
}
// 품번 목록 생성 (현재 화면에 보이는 파트만)
var partNoList = [];
for(var i = 0; i < gridData.length; i++) {
var partNo = gridData[i].PART_NO;
if(partNo) {
partNoList.push(partNo);
}
}
// FormData 생성
var formData = new FormData();
// 현재 화면의 품번 목록 전송
formData.append('partNoList', JSON.stringify(partNoList));
// 모든 파일을 files 이름으로 추가
var allFiles = filesByType['3D'].concat(filesByType['2D']).concat(filesByType['PDF']);
for(var i = 0; i < allFiles.length; i++) {
formData.append('files', allFiles[i]);
}
// 로딩 표시
Swal.fire({
title: '업로드 중...',
text: '파일을 업로드하는 중입니다. 잠시만 기다려주세요.',
allowOutsideClick: false,
allowEscapeKey: false,
allowEnterKey: false,
showConfirmButton: false,
onOpen: function() {
Swal.showLoading();
}
});
// AJAX 업로드
$.ajax({
url: '/partMng/uploadDrawingFilesForPartList.do',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
Swal.close();
if(response.result === 'success') {
var successMsg = '도면 업로드가 완료되었습니다.\n\n';
successMsg += '- 성공: ' + response.successCount + '개\n';
if(response.failCount > 0) {
successMsg += '- 실패: ' + response.failCount + '개\n';
}
if(response.notFoundCount > 0) {
successMsg += '- 품번 미존재: ' + response.notFoundCount + '개\n';
}
Swal.fire({
title: '업로드 완료',
text: successMsg,
icon: response.failCount > 0 ? 'warning' : 'success'
}).then(function() {
// 그리드 새로고침
fn_search();
// 파일 input 초기화
$("#drawingFiles").val('');
});
} else {
Swal.fire({
title: '업로드 실패',
text: response.message || '도면 업로드 중 오류가 발생했습니다.',
icon: 'error'
});
}
},
error: function(xhr, status, error) {
Swal.close();
console.error('Upload error:', error);
Swal.fire({
title: '업로드 실패',
text: '서버 오류가 발생했습니다: ' + error,
icon: 'error'
});
}
});
}
function openExcelPopup() {
/*
if($("#customer_cd").val()==""){
@@ -448,7 +613,9 @@ ui-jqgrid tr.jqgrow td {
<input type="button" value="삭제" class="plm_btns" id="btnDelete">
<input type="button" value="등록" class="plm_btns" id="btnReg">
<input type="button" value="등록(Excel Upload)" class="plm_btns" onclick="openExcelPopup();">
<input type="button" value="도면 다중 업로드" class="plm_btns" id="btnDrawingUpload">
<input type="button" value="조회" class="plm_btns" id="btnSearch">
<input type="file" id="drawingFiles" multiple style="display:none;" accept=".stp,.step,.dwg,.pdf">
</div>
</div>