SamProject/sam-kd
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
1d79a2989bd44a246d771bac0dcdcc4d8f4af0f4
sam-kd/output/write_form_script.php
hskwon aca1767eb9 초기 커밋: 5130 레거시 시스템 
- URL 하드코딩 → .env APP_URL 기반 동적 URL로 변경
- DB 연결 하드코딩 → .env 기반으로 변경
- MySQL strict mode DATE 오류 수정
2025-12-10 20:14:31 +09:00

7259 lines
296 KiB
PHP
Raw Blame History

<script>
// 이 파일에서 불러오는 코드는 아래와 같음
// include $_SERVER['DOCUMENT_ROOT'] . '/common/output.php'; // 후반부에 들어갈 자바스크립트 코드 모음
// include $_SERVER['DOCUMENT_ROOT'] . '/common/fileImage.php'; // 파일과 이미지 불러오고 저장하는 서브모듈
const authorities = <?php echo json_encode($authorities, JSON_UNESCAPED_UNICODE); ?>;
// console.log(authorities); // 배열 출력
function inputNumbers(input) {
input.value = input.value.replace(/[^0-9.]/g, '');
}
function isZeroOrEmpty(value) {
return value === '0' || value === '';
}
function getScreenJpg(exititem, direction, printside) {
if (exititem == '1') {
if (isZeroOrEmpty(direction) && isZeroOrEmpty(printside)) return '1';
if (direction == '1' && isZeroOrEmpty(printside)) return '2';
if (isZeroOrEmpty(direction) && printside == '1') return '3';
if (direction == '1' && printside == '1') return '4';
} else if (exititem == '2') {
if (isZeroOrEmpty(direction) && isZeroOrEmpty(printside)) return '5';
if (direction == '1' && isZeroOrEmpty(printside)) return '6';
if (isZeroOrEmpty(direction) && printside == '1') return '7';
if (direction == '1' && printside == '1') return '8';
} else if (exititem == '3') {
if (isZeroOrEmpty(direction) && isZeroOrEmpty(printside)) return '9';
if (direction == '1' && isZeroOrEmpty(printside)) return '10';
if (isZeroOrEmpty(direction) && printside == '1') return '11';
if (direction == '1' && printside == '1') return '12';
} else if (exititem == '4') {
if (isZeroOrEmpty(direction) && isZeroOrEmpty(printside)) return '13';
if (direction == '1' && isZeroOrEmpty(printside)) return '14';
if (isZeroOrEmpty(direction) && printside == '1') return '15';
if (direction == '1' && printside == '1') return '16';
} else if (exititem == '5') {
if (isZeroOrEmpty(direction)) return '17';
if (direction == '1') return '18';
}
return null; // 기본값 또는 오류 처리
}
function calculateRow(element) {
const row = element.closest('tr');
if (!row || (!row.closest('#screenTable') && !row.closest('#screen_unapprovedTable'))) return;
const cutwidthElement = row.querySelector('[name="cutwidth[]"]');
const cutheightElement = row.querySelector('[name="cutheight[]"]');
const numberElement = row.querySelector('[name="number[]"]');
const exititemElement = row.querySelector('[name="exititem[]"]');
const printsideElement = row.querySelector('[name="printside[]"]');
const directionElement = row.querySelector('[name="direction[]"]');
const intervalnumElement = row.querySelector('[name="intervalnum[]"]');
const intervalnumsecondElement = row.querySelector('[name="intervalnumsecond[]"]');
const exitintervalElement = row.querySelector('[name="exitinterval[]"]');
const coverElement = row.querySelector('[name="cover[]"]');
const memoElement = row.querySelector('[name="memo[]"]');
const width = cutwidthElement ? parseFloat(cutwidthElement.value.replace(/,/g, '')) || 0 : 0;
const height = cutheightElement ? parseFloat(cutheightElement.value.replace(/,/g, '')) || 0 : 0;
const number = numberElement ? parseFloat(numberElement.value.replace(/,/g, '')) || 0 : 0;
const exititem = exititemElement ? exititemElement.value : '0';
const printside = printsideElement ? printsideElement.value : '';
const direction = directionElement ? directionElement.value : '';
const intervalnum = intervalnumElement ? intervalnumElement.value : '';
const intervalnumsecond = intervalnumsecondElement ? intervalnumsecondElement.value : '';
const exitinterval = exitintervalElement ? parseFloat(exitintervalElement.value) || 900 : 900;
const cover = coverElement ? parseFloat(coverElement.value) || 1200 : 1200;
const memo = memoElement ? memoElement.value : '';
if (exititem === '0') {
if (printsideElement) printsideElement.value = '';
if (directionElement) directionElement.value = '';
if (intervalnumElement) intervalnumElement.value = '';
if (intervalnumsecondElement) intervalnumsecondElement.value = '';
if (exitintervalElement) exitintervalElement.value = '';
if (coverElement) coverElement.value = '';
} else {
if (printsideElement && printside === '') printsideElement.value = '0';
if (directionElement && direction === '') directionElement.value = '0';
if (coverElement && coverElement.value === '') coverElement.value = '1200';
if (exitintervalElement && exitintervalElement.value === '') exitintervalElement.value = '900';
}
let comment = '';
if (exititem === '0') {
comment = "(문X)";
}
// console.log('exititem :',exititem)
// console.log('printside :',printside)
// console.log('direction :',direction)
let screenjpg = getScreenJpg(exititem, direction, printside);
// console.log(screenjpg); // '1'이 출력됩니다.
let remainleft, remainright, numcenter;
if (exititem == '0') {
remainleft = ' ';
remainright = ' ';
} else if (exititem == '1') {
remainleft = width / 2 - (exitinterval / 2);
remainright = remainleft;
} else if (exititem == '2') {
remainleft = '좌 ' + intervalnum + ' ';
remainright = width - intervalnum - exitinterval;
} else if (exititem == '3') {
remainleft = width - intervalnumsecond - exitinterval;
remainright = '우 ' + intervalnumsecond + ' 띄고';
} else if (exititem == '4' || exititem == '5') {
remainleft = '좌 ' + intervalnum + ' 띄고,';
remainright = '우 ' + intervalnumsecond + ' 띄고';
numcenter = width - exitinterval * 2 - intervalnum - intervalnumsecond;
}
if (row.querySelector('[name="drawbottom1[]"]')) row.querySelector('[name="drawbottom1[]"]').value = remainleft;
if (row.querySelector('[name="drawbottom2[]"]')) row.querySelector('[name="drawbottom2[]"]').value = remainright;
if (row.querySelector('[name="drawbottom3[]"]')) row.querySelector('[name="drawbottom3[]"]').value = numcenter || ' ';
const text2Input = row.querySelector('.text2');
if (text2Input) {
let text = `${width} x ${height} , ${number} EA, ${comment}`;
// 문자열 끝에 남아있는 쉼표와 공백을 지운다
text = text.replace(/,\s*$/, '');
text2Input.value = text;
}
const imgElement = row.querySelector('.draw img');
if (imgElement) {
imgElement.src = `../img/screen/screen${screenjpg}.jpg`;
// console.log('screenjpg : ' + screenjpg);
// console.log('imgElement.src' + imgElement.src);
if(screenjpg !== 'null' )
imgElement.style.display = 'block';
}
const drawElement = row.querySelector('[name="draw[]"]');
if (drawElement && screenjpg !== 'null') {
drawElement.value = `screen${screenjpg}.jpg`;
}
screen_updateTotals();
}
function screen_updateTotals() {
const rows = document.querySelectorAll('#screenTable tr');
let totalScreen = 0;
let totalScreenM2 = 0;
rows.forEach(row => {
const numberElement = row.querySelector('[name="number[]"]');
const cutwidthElement = row.querySelector('[name="cutwidth[]"]');
const cutheightElement = row.querySelector('[name="cutheight[]"]');
const number = numberElement ? parseFloat(numberElement.value.replace(/,/g, '')) || 0 : 0;
const cutwidth = cutwidthElement ? parseFloat(cutwidthElement.value.replace(/,/g, '')) || 0 : 0;
const cutheight = cutheightElement ? parseFloat(cutheightElement.value.replace(/,/g, '')) || 0 : 0;
totalScreen += number;
totalScreenM2 += (cutwidth * cutheight * number) / 1000000;
});
document.getElementById('total_screen').textContent = `총 수량: ${totalScreen}`;
document.getElementById('total_screen_m2').textContent = `총 면적: ${totalScreenM2.toFixed(1)} m²`;
}
document.querySelectorAll('input, select').forEach(input => {
input.addEventListener('input', function() { calculateRow(this); });
if (input.tagName.toLowerCase() === 'select') {
input.addEventListener('change', function() { calculateRow(this); });
}
});
screen_updateTotals();
// 스크린작업지시서 작성
/**
* addRow(null, estimateData)를 호출하면,
* estimateData의 속성(col2, col3, col4, col7, col10, col11, exititem, printside, direction, intervalnum, intervalnumsecond,
* exitinterval, cover, drawbottom1, drawbottom3, drawbottom2, draw, text2)
* 을 각각 올바른 <input>이나 <select>의 value/selected 속성으로 설정해 줍니다.
*/
function addRow(button, estimateData = {}) {
const table = document.getElementById('screenTable');
const newRow = document.createElement('tr');
// PHP에서 넘어온 사용자 이름, 모드 값 (필요에 따라 사용)
const username = '<?php echo $user_name; ?>';
const mode = '<?php echo $mode; ?>';
if (!authorities.includes(username) || mode === 'view') return;
// estimateData 기본값 설정
// col2 → floors, col3 → text1, col4 → memo, col7 → number, col10 → cutwidth, col11 → cutheight
const floors = estimateData.col2 || '';
const text1 = estimateData.col3 || '';
const memo = estimateData.col5 || ''; // 실리카 등 추가메모
const cutwidth = estimateData.col10 || '';
const cutheight = estimateData.col11 || '';
// const numberVal = estimateData.col14 || '1'; // 수량은 무조건 1로 세팅
const numberVal = '1'; // 수량은 무조건 1로 세팅
// 나머지 필드(옵션)들도 estimateData에서 가져오기
const exititem = estimateData.exititem || '0';
const printside = estimateData.printside || '';
const direction = estimateData.direction || '';
const intervalnum = estimateData.intervalnum || '';
const intervalnumsecond = estimateData.intervalnumsecond || '';
const exitinterval = estimateData.exitinterval || '';
const cover = estimateData.cover || '';
const drawbottom1 = estimateData.drawbottom1 || '';
const drawbottom3 = estimateData.drawbottom3 || '';
const drawbottom2 = estimateData.drawbottom2 || '';
const drawHidden = estimateData.draw || ''; // 예: "screen5.jpg"
const text2Val = estimateData.text2 || '';
const done_check = estimateData.done_check || '';
const remain_check = estimateData.remain_check || '';
const mid_check = estimateData.mid_check || '';
const left_check = estimateData.left_check || '';
const right_check = estimateData.right_check || '';
// 새 행 innerHTML 생성
newRow.innerHTML =
'<td class="text-center">' + (table.rows.length + 1) + '</td>' +
// floors (col2) → "층"
'<td><input type="text" class="form-control" name="floors[]" value="' + floors + '" placeholder="층" oninput="calculateRow(this)" autocomplete="off"></td>' +
// text1 (col3) → "부호"
'<td><input type="text" class="form-control" name="text1[]" value="' + text1 + '" placeholder="부호" oninput="calculateRow(this)" autocomplete="off"></td>' +
// memo (col4) → "추가메모"
'<td><input type="text" class="form-control" name="memo[]" value="' + memo + '" placeholder="추가메모" oninput="calculateRow(this)" autocomplete="off"></td>' +
// cutwidth (col10) → "가로(W)"
'<td><input type="text" class="form-control" name="cutwidth[]" value="' + cutwidth + '" placeholder="가로(W)" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>' +
// cutheight (col11) → "세로(H)"
'<td><input type="text" class="form-control" name="cutheight[]" value="' + cutheight + '" placeholder="세로(H)" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>' +
// number (col7) → "수량(EA)"
'<td><input type="text" class="form-control" name="number[]" value="' + numberVal + '" placeholder="수량(EA)" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>' +
// exititem → "없음/중앙/좌측/우측/문2개/문2개지그재그"
'<td><select class="form-control exititem text-center" name="exititem[]" onchange="calculateRow(this)" style="font-size:10px;">' +
'<option value="0"' + (exititem === '0' ? ' selected' : '') + '>없음</option>' +
'<option value="1"' + (exititem === '1' ? ' selected' : '') + '>중앙</option>' +
'<option value="2"' + (exititem === '2' ? ' selected' : '') + '>좌측</option>' +
'<option value="3"' + (exititem === '3' ? ' selected' : '') + '>우측</option>' +
'<option value="4"' + (exititem === '4' ? ' selected' : '') + '>문2개</option>' +
'<option value="5"' + (exititem === '5' ? ' selected' : '') + '>문2개 지그재그</option>' +
'</select></td>' +
// printside → "양면/한면"
'<td><select class="form-control printside text-center" name="printside[]" onchange="calculateRow(this)" style="font-size:10px;">' +
'<option value=""' + (printside === '' ? ' selected' : '') + '></option>' +
'<option value="0"' + (printside === '0' ? ' selected' : '') + '>양면</option>' +
'<option value="1"' + (printside === '1' ? ' selected' : '') + '>한면</option>' +
'</select></td>' +
// direction → "정방향/역방향"
'<td><select class="form-control direction text-center" name="direction[]" onchange="calculateRow(this)" style="font-size:10px;">' +
'<option value=""' + (direction === '' ? ' selected' : '') + '></option>' +
'<option value="0"' + (direction === '0' ? ' selected' : '') + '>정방향</option>' +
'<option value="1"' + (direction === '1' ? ' selected' : '') + '>역방향</option>' +
'</select></td>' +
// intervalnum → "좌간격"
'<td><input type="text" class="form-control intervalnum" name="intervalnum[]" value="' + intervalnum + '" placeholder="좌간격" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>' +
// intervalnumsecond → "우간격"
'<td><input type="text" class="form-control intervalnumsecond" name="intervalnumsecond[]" value="' + intervalnumsecond + '" placeholder="우간격" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>' +
// exitinterval → "개구부"
'<td><input type="text" class="form-control exitinterval" name="exitinterval[]" value="' + exitinterval + '" placeholder="개구부" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>' +
// cover → "덮개"
'<td><input type="text" class="form-control cover" name="cover[]" value="' + cover + '" placeholder="덮개" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>' +
// drawbottom1 → "좌문구"
'<td><input type="text" class="form-control drawbottom1" name="drawbottom1[]" value="' + drawbottom1 + '" placeholder="좌" oninput="calculateRow(this)" autocomplete="off"></td>' +
// drawbottom3 → "중앙문구"
'<td><input type="text" class="form-control drawbottom3" name="drawbottom3[]" value="' + drawbottom3 + '" placeholder="중앙" oninput="calculateRow(this)" autocomplete="off"></td>' +
// drawbottom2 → "우문구"
'<td><input type="text" class="form-control drawbottom2" name="drawbottom2[]" value="' + drawbottom2 + '" placeholder="우" oninput="calculateRow(this)" autocomplete="off"></td>' +
// drawHidden + <img> → 도면(Hidden + 썸네일)
'<td class="draw">' +
// img 태그: src가 있으면 보여주기, 없으면 display:none
'<img src="' + (drawHidden ? ('../img/screen/' + drawHidden) : '') + '" ' +
'style="width:150px; height:auto; ' + (drawHidden ? '' : 'display:none;') + '" ' +
'onclick="showLargeImage(this)">' +
// 실제 파일명 숨김
'<input type="hidden" name="draw[]" value="' + drawHidden + '">' +
'</td>' +
// text2 → "텍스트2"
'<td><input type="text" class="form-control text2" name="text2[]" value="' + text2Val + '" readonly></td>' +
// 복사 / 행추가 / 삭제 버튼
'<td>' +
'<span class="text-primary fs-6 hover-pointer ms-1 me-2" onclick="copyRow(this)">' +
'<i class="bi bi-copy"></i>' +
'</span>' +
'<span class="text-success fs-6 hover-pointer ms-1 me-2" onclick="addRow(this)">+</span>' +
'<span class="text-danger fs-6 hover-pointer ms-1" onclick="removeRow(this)">-</span>' +
'</td>' +
// 화면에 표시하지 않지만 내부 연산에 필요한 hidden 체크박스들
'<td style="display:none;">' +
'<input type="text" class="form-control done_check" name="done_check[]" style="display:none;" value="' + done_check + '">' +
'<input type="text" class="form-control remain_check" name="remain_check[]" style="display:none;" value="' + remain_check + '">' +
'<input type="text" class="form-control mid_check" name="mid_check[]" style="display:none;" value="' + mid_check + '">' +
'<input type="text" class="form-control left_check" name="left_check[]" style="display:none;" value="' + left_check + '">' +
'<input type="text" class="form-control right_check" name="right_check[]" style="display:none;" value="' + right_check + '">' +
'</td>';
// 생성된 <tr>을 삽입
if (button) {
table.insertBefore(newRow, button.closest('tr').nextSibling);
} else {
table.appendChild(newRow);
}
// 새로 추가된 행에 대해 한 번 calculateRow() 호출
calculateRow(newRow);
}
// 데이터를 전달하여 행을 추가하는 함수
function addRowsFromEstimate(estimateList) {
const slatcheck = $("#slatcheck").prop('checked'); // 주자재(스크린,철재) 체크여부
console.log('스크린 slatcheck : ', slatcheck);
// 견적 데이터를 사용하여 발주서를 초기화
const orderTableBody = document.getElementById('screenTable');
orderTableBody.innerHTML = ''; // 기존 발주서 내용 초기화
// 제품코드 및 인증번호 불러오기
estimateList.forEach((estimateData) => {
prodCode = estimateData.col4;
console.log('견적서 prodCode :', prodCode);
});
// 스크린 작업지시서 추가
if (slatcheck === true) {
estimateList.forEach((estimateData) => {
// 수량이 1보다 큰 경우, 해당 수량만큼 행을 반복 생성
const quantity = parseInt(estimateData.col14) || 1;
for (let i = 0; i < quantity; i++) {
addRow(null, estimateData);
}
});
}
else
{
// 스크린 견적서 체크 안되어 있으면 작업지시서 추가 안함
console.log('slatcheck is false');
// 스크린 작업지시서 숨기기
$("#screen_order").hide();
}
}
function copyRow(button) {
const row = button.closest('tr');
const newRow = row.cloneNode(true);
const table = document.getElementById('screenTable');
const username = '<?php echo $user_name; ?>';
const mode = '<?php echo $mode; ?>';
if (!authorities.includes(username) || mode == 'view')
return;
newRow.querySelectorAll('input, select').forEach(input => {
if (input.name === "done_check[]") {
input.value = row.querySelector(`[name="${input.name}"]`).value;
} else if (input.type === 'checkbox') {
input.checked = row.querySelector(`[name="${input.name}"]`).checked;
} else {
input.value = row.querySelector(`[name="${input.name}"]`).value;
}
});
const imgElement = newRow.querySelector('.draw img');
if (imgElement) {
imgElement.src = row.querySelector('.draw img').src;
}
const drawElement = newRow.querySelector('[name="draw[]"]');
if (drawElement) {
drawElement.value = row.querySelector('[name="draw[]"]').value;
}
// Update row number
newRow.querySelector('td').innerText = table.rows.length + 1;
if (button) {
table.insertBefore(newRow, row.nextSibling);
} else {
table.appendChild(newRow);
}
newRow.querySelectorAll('input, select').forEach(input => {
input.addEventListener('input', function() { calculateRow(this); });
if (input.tagName.toLowerCase() === 'select') {
input.addEventListener('change', function() { calculateRow(this); });
}
});
// Ensure totals are updated after row is copied
screen_updateTotals();
}
function removeRow(button) {
const username = '<?php echo $user_name; ?>';
const mode = '<?php echo $mode; ?>';
if (!authorities.includes(username) || mode == 'view')
return;
const row = button.closest('tr');
row.remove();
// Update row numbers
const rows = document.querySelectorAll('#screenTable tr');
rows.forEach((row, index) => {
row.cells[0].innerText = index + 1;
});
screen_updateTotals();
}
function showLargeImage(img) {
const largeImage = document.createElement('img');
largeImage.src = img.src;
largeImage.style.position = 'fixed';
largeImage.style.top = '50%';
largeImage.style.left = '50%';
largeImage.style.transform = 'translate(-50%, -50%)';
largeImage.style.zIndex = '1000';
largeImage.style.maxWidth = '90%';
largeImage.style.maxHeight = '90%';
largeImage.style.border = '2px solid #fff';
largeImage.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.5)';
largeImage.onclick = function() {
document.body.removeChild(largeImage);
};
document.body.appendChild(largeImage);
}
function screen_updateTotals() {
const rows = document.querySelectorAll('#screenTable tr');
let totalScreen = 0;
let totalScreenM2 = 0;
rows.forEach(row => {
const number = parseFloat(row.querySelector('[name="number[]"]').value.replace(/,/g, '')) || 0;
const cutwidth = parseFloat(row.querySelector('[name="cutwidth[]"]').value.replace(/,/g, '')) || 0;
const cutheight = parseFloat(row.querySelector('[name="cutheight[]"]').value.replace(/,/g, '')) || 0;
totalScreen += number;
totalScreenM2 += (cutwidth * cutheight * number) / 1000000;
});
document.getElementById('total_screen').textContent = `총 수량: ${totalScreen}`;
document.getElementById('total_screen_m2').textContent = `총 면적: ${totalScreenM2.toFixed(1)} m²`;
}
document.querySelectorAll('#screenTable input, #screenTable select').forEach(input => {
input.addEventListener('input', function() { calculateRow(this); });
if (input.tagName.toLowerCase() === 'select') {
input.addEventListener('change', function() { calculateRow(this); });
}
});
screen_updateTotals();
</script>
<script>
function calculateAndSetValues() {
const rows = document.querySelectorAll('#screenTable tr');
let screen_su = 0;
let screen_m2 = 0;
let screen = '0';
let allDone = true;
let hasInProgress = false;
rows.forEach(row => {
const number = parseFloat(row.querySelector('[name="number[]"]').value.replace(/,/g, '')) || 0;
const cutwidth = parseFloat(row.querySelector('[name="cutwidth[]"]').value.replace(/,/g, '')) || 0;
const cutheight = parseFloat(row.querySelector('[name="cutheight[]"]').value.replace(/,/g, '')) || 0;
const done_check = row.querySelector('[name="done_check[]"]').value;
if (number > 0) {
screen = '1';
}
screen_su += number;
screen_m2 += (cutwidth * cutheight * number) / 1000000;
if (done_check === '1') {
hasInProgress = true;
} else {
allDone = false;
}
});
document.getElementById('screen_su').value = screen_su;
document.getElementById('screen_m2').value = screen_m2.toFixed(1);
document.getElementById('screen').value = screen;
}
document.querySelector('form').addEventListener('submit', function(event) {
calculateAndSetValues();
});
function slat_calculateAndSetValues() {
const rows = document.querySelectorAll('#slatTable tr');
let slat_su = 0;
let slat_m2 = 0;
let slat = '0';
let allDone = true;
let hasInProgress = false;
rows.forEach(row => {
const number = parseFloat(row.querySelector('[name="number[]"]').value.replace(/,/g, '')) || 0;
const cutwidth = parseFloat(row.querySelector('[name="cutwidth[]"]').value.replace(/,/g, '')) || 0;
const cutheight = parseFloat(row.querySelector('[name="cutheight[]"]').value.replace(/,/g, '')) || 0;
const done_check = row.querySelector('[name="done_check[]"]').value;
if (number > 0) {
slat = '1';
}
slat_su += number;
slat_m2 += (cutwidth * cutheight * number) / 1000000;
if (done_check === '1') {
hasInProgress = true;
} else {
allDone = false;
}
});
document.getElementById('slat_su').value = slat_su;
document.getElementById('slat_m2').value = slat_m2.toFixed(1);
document.getElementById('slat').value = slat;
// if (rows.length > 0) {
// if (allDone) {
// document.getElementById('slat_state').value = '제작완료';
// } else if (hasInProgress) {
// document.getElementById('slat_state').value = '제작중';
// }
// }
}
document.querySelector('form').addEventListener('submit', function(event) {
slat_calculateAndSetValues();
});
</script>
<script>
function captureReturnKey(e) {
if(e.keyCode==13 && e.srcElement.type != 'textarea')
return false;
}
$(document).ready(function() {
$(document).on('click', '.fetch_receiverBtn', function() {
callreceiver();
});
$('#receiver').on('keypress', function(event) {
if (event.keyCode === 13) { // 엔터키의 코드는 13입니다.
callreceiver();
}
});
$(document).on('click', '.fetch_outworkplaceBtn', function() {
call_outworkplace();
});
$('#outworkplace').on('keypress', function(event) {
if (event.keyCode === 13) { // 엔터키의 코드는 13입니다.
call_outworkplace();
}
});
});
ajaxRequest_write = null;
// 현장명 검색 처리
function call_outworkplace() {
var search = $('#outworkplace').val(); // 검색어를 가져옴
// console.log("Search term:", search); // 전달되는 값 확인
// AJAX 요청을 통해 데이터 가져오기
if (ajaxRequest_write !== null) {
ajaxRequest_write.abort();
}
ajaxRequest_write = $.ajax({
url: 'fetch_outworkplace.php',
type: 'POST',
data: { search: search },
dataType: 'json',
success: function(data) {
// console.log("Response data:", data); // 서버로부터의 응답을 콘솔에 출력
var tbody = $('.ModalBody');
tbody.empty(); // 기존 데이터를 지움
if (Array.isArray(data) && data.length > 0) {
data.forEach(function(row, index) {
var tr = $('<tr onclick="fetchoutworkplace(\'' + row.outworkplace + '\',\'' + row.receiver + '\',\'' + row.outputplace + '\', \'' + row.phone + '\');">').append(
$('<td>').addClass('text-center').text(index + 1),
$('<td>').addClass('text-start').html( row.outworkplace ),
$('<td>').addClass('text-start').html( row.receiver ),
$('<td>').addClass('text-start').html( row.outputplace ),
$('<td>').addClass('text-start').html( row.phone )
);
tbody.append(tr);
});
} else if (data.length === 0) {
var tr = $('<tr>').append(
$('<td>').attr('colspan', '5').addClass('text-center').text('No data available')
);
tbody.append(tr);
} else {
console.error('Unexpected data format:', data);
var tr = $('<tr>').append(
$('<td>').attr('colspan', '5').addClass('text-center').text('Error loading data')
);
tbody.append(tr);
}
$('#outworkplaceModal').modal('show'); // 모달 띄우기
},
error: function(jqXHR, textStatus, errorThrown) {
console.error('AJAX request failed:', textStatus, errorThrown);
var tbody = $('#ModalBody');
var tr = $('<tr>').append(
$('<td>').attr('colspan', '5').addClass('text-center').text('Error loading data')
);
tbody.append(tr);
}
});
}
function intovaltel(phone, receiver)
// 수신처 전화번호, 주소 화면에 넣어주기
{
$("#phone").val(phone);
$("#receiver").val(receiver);
$("#telModal").modal("hide");
}
function fetchoutworkplace(outworkplace, receiver, outputplace, phone )
// 현장명, 수신처, 수신처 주소, 전화번호 화면에 넣어주기
{
$("#phone").val(phone);
$("#receiver").val(receiver);
$("#outworkplace").val(outworkplace);
$("#outputplace").val(outputplace);
$("#outworkplaceModal").modal("hide");
}
// 수신(반장/업체) 정보가져오기
function callreceiver() {
var search = $('#receiver').val(); // 검색어를 가져옴
// console.log("Search term:", search); // 전달되는 값 확인
// AJAX 요청을 통해 데이터 가져오기
if (ajaxRequest_write !== null) {
ajaxRequest_write.abort();
}
ajaxRequest_write = $.ajax({
url: 'fetch_receiver.php',
type: 'POST',
data: { search: search },
dataType: 'json',
success: function(data) {
// console.log("Response data:", data); // 서버로부터의 응답을 콘솔에 출력
var tbody = $('#ModalBody');
tbody.empty(); // 기존 데이터를 지움
if (Array.isArray(data) && data.length > 0) {
data.forEach(function(row, index) {
var tr = $('<tr onclick="intovaltel(\'' + row.phone + '\', \'' + row.receiver + '\');">').append(
$('<td>').addClass('text-center').text(index + 1),
$('<td>').addClass('text-start').html( row.receiver ),
$('<td>').addClass('text-start').html( row.phone ),
$('<td>').addClass('text-start').html( row.outputplace ),
);
tbody.append(tr);
});
} else if (data.length === 0) {
var tr = $('<tr>').append(
$('<td>').attr('colspan', '4').addClass('text-center').text('No data available')
);
tbody.append(tr);
} else {
console.error('Unexpected data format:', data);
var tr = $('<tr>').append(
$('<td>').attr('colspan', '4').addClass('text-center').text('Error loading data')
);
tbody.append(tr);
}
$('#telModal').modal('show'); // 모달 띄우기
},
error: function(jqXHR, textStatus, errorThrown) {
console.error('AJAX request failed:', textStatus, errorThrown);
var tbody = $('#ModalBody');
var tr = $('<tr>').append(
$('<td>').attr('colspan', '4').addClass('text-center').text('Error loading data')
);
tbody.append(tr);
}
});
}
function intovaltel(phone, receiver)
// 수신처 전화번호, 주소 화면에 넣어주기
{
$("#phone").val(phone);
$("#receiver").val(receiver);
$("#telModal").modal("hide");
}
</script>
<script>
// 페이지 로딩
$(document).ready(function(){
var loader = document.getElementById('loadingOverlay');
if(loader) {
loader.style.display = 'none';
}
});
</script>
<script>
var mode = '<?php echo $mode; ?>';
var ajaxRequest_write = null;
</script>
<script>
var dataTable; // DataTables 인스턴스 전역 변수
var outputpageNumber; // 현재 페이지 번호 저장을 위한 전역 변수
var ajaxRequest_write = null;
$(document).ready(function() {
// DataTables 초기 설정
dataTable = $('#myTable').DataTable({
"paging": true,
"ordering": true,
"searching": true,
"pageLength": 500,
"lengthMenu": [25, 50, 100, 200, 500, 1000],
"language": {
"lengthMenu": "Show _MENU_ entries",
"search": "Live Search:"
},
"order": [[0, 'asc']]
});
// 페이지 번호 복원 (초기 로드 시)
var savedPageNumber = getCookie('outputpageNumber');
if (savedPageNumber) {
dataTable.page(parseInt(savedPageNumber) - 1).draw(false);
}
// 페이지 변경 이벤트 리스너
dataTable.on('page.dt', function() {
var outputpageNumber = dataTable.page.info().page + 1;
setCookie('outputpageNumber', outputpageNumber, 10); // 쿠키에 페이지 번호 저장
});
// 페이지 길이 셀렉트 박스 변경 이벤트 처리
$('#myTable_length select').on('change', function() {
var selectedValue = $(this).val();
dataTable.page.len(selectedValue).draw(); // 페이지 길이 변경 (DataTable 파괴 및 재초기화 없이)
// 변경 후 현재 페이지 번호 복원
savedPageNumber = getCookie('outputpageNumber');
if (savedPageNumber) {
dataTable.page(parseInt(savedPageNumber) - 1).draw(false);
}
});
});
function restorePageNumber() {
var savedPageNumber = getCookie('outputpageNumber');
// if (savedPageNumber) {
// dataTable.page(parseInt(savedPageNumber) - 1).draw('page');
// }
location.reload(true);
}
$(document).ready(function(){
$("#copyBtn").click(function(){
//개발자전용 수정위치
location.href = 'write_form.php?mode=copy&num=' + $("#num").val() + "&tablename=" + $("#tablename").val() ;
}); // end of function
$("#viewscreenBtn").click(function(){
var url = '/make/write_form.php?mode=view&num=' + $("#num").val() + "&tablename=" + $("#tablename").val() ;
customPopup(url, '스크린 작업지시서', 1850, 900);
}); // end of function
$("#viewslatBtn").click(function(){
var url = '/egimake/write_form.php?mode=view&num=' + $("#num").val() + "&tablename=" + $("#tablename").val() ;
customPopup(url, '철재(스라트) 작업지시서', 1850, 900);
}); // end of function
// 삭제버튼
$("#deleteBtn").click( function() {
var update_log = $("#update_log").val();
var user_name = $("#user_name").val();
var level = $("#level").val();
if (!update_log.includes(user_name) && level !== '1')
{
Swal.fire({
title: '삭제불가',
text: "작성자와 관리자만 삭제가능합니다.",
icon: 'error',
confirmButtonText: '확인'
});
} else {
Swal.fire({
title: '자료 삭제',
text: "삭제는 신중! 정말 삭제하시겠습니까?",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: '삭제',
cancelButtonText: '취소'
}).then((result) => {
if (result.isConfirmed) {
$("#mode").val('delete'); // `mode` 값을 설정
var form = $('#board_form')[0];
var formData = new FormData(form); // `formData`를 여기에서 정의합니다.
// `formData`에 필요한 추가 데이터를 수동으로 설정
formData.set('mode', $("#mode").val());
formData.set('num', $("#num").val());
// console.log('mode', $("#mode").val());
// console.log('num', $("#num").val());
if ( (typeof ajaxRequest_write !== 'undefined' && ajaxRequest_write) || ajaxRequest_write!==null ) {
ajaxRequest_write.abort();
}
ajaxRequest_write = $.ajax({
enctype: 'multipart/form-data', // file을 서버에 전송하려면 이렇게 해야 함 주의
processData: false,
contentType: false,
cache: false,
timeout: 1000000,
url: "insert.php",
type: "post",
data: formData,
dataType: "json",
success : function( data ){
// console.log(data);
Toastify({
text: "파일 삭제완료 ",
duration: 2000,
close:true,
gravity:"top",
position: "center",
style: {
background: "linear-gradient(to right, #00b09b, #96c93d)"
},
}).showToast();
setTimeout(function(){
if (window.opener && !window.opener.closed) {
// 부모 창에 restorePageNumber 함수가 있는지 확인
if (typeof window.opener.restorePageNumber === 'function') {
window.opener.restorePageNumber(); // 함수가 있으면 실행
}
// window.opener.location.reload(); // 부모 창 새로고침
window.close();
}
}, 2000);
},
error : function( jqxhr , status , error ){
console.log( jqxhr , status , error );
}
});
}
});
}
});
$("#saveBtn").click(function(e) { // "DATA 저장" 버튼 클릭 이벤트
var num = $("#num").val(); // 번호 값 가져오기
// 복사일때는 insert로 처리함
if($("#mode").val() !=='copy')
{
if (Number(num) < 1) {
$("#mode").val('insert');
} else {
$("#mode").val('modify');
}
}
else
{
$("#mode").val('insert');
}
// 모든 필수 입력 필드 확인
var empty = false;
$('input[name="cutwidth[]"], input[name="cutheight[]"], input[name="number[]"]').each(function() {
if ($(this).val().trim() === '') {
empty = true;
}
});
// 비어 있는 필드가 있으면 경고창 표시하고 함수 실행 중지
// if (empty) {
// Swal.fire({
// icon: 'error',
// title: '입력 오류',
// text: '입력창의 가로, 세로, 수량은 필수입니다!',
// confirmButtonText: '확인'
// });
// return; // 함수 실행 중지
// }
// 자료 삽입/수정하는 모듈 (로트번호 체크하고 저장하기)
savelotNum();
});
// 화면이 시작된 후
hideOverlay();
});
// 공통저장을 위한 함수 json형식으로 변환하는 로직
function saveTableToHiddenField(tbodySelector, hiddenInputSelector) {
const formData = [];
$(tbodySelector).find('tr').each(function () {
const rowData = {};
$(this).find('input, select').each(function () {
const name = $(this).attr('name')?.replace('[]', '');
if (name) {
rowData[name] = $(this).val();
}
});
formData.push(rowData);
});
const jsonString = JSON.stringify(formData);
$(hiddenInputSelector).val(jsonString);
}
function saveAllJSONTables() {
const targets = [
{ body: '#deliveryfeeTableBody', field: '#deliveryfeeList' }, // 배송비
{ body: '#screen_unapprovedListBody', field: '#screen_unapprovedList' }, // 스크린 비인정제품
{ body: '#slat_unapprovedListBody', field: '#slat_unapprovedList' }, // 철재-슬랫 비인정제품
{ body: '#motor_listBody', field: '#motorList' }, // 모터
{ body: '#bend_listBody', field: '#bendList' }, // 절곡품
{ body: '#controller_listBody', field: '#controllerList' }, // 컨트롤러
{ body: '#etc_listBody', field: '#etcList' }, // 기타
{ body: '#account_listBody', field: '#accountList' } // 회계
];
targets.forEach(t => saveTableToHiddenField(t.body, t.field));
}
// 삽입/수정하는 모듈
function saveData() {
// json 형태로 form문에 저장하기
let formData = [];
// 스크린작업지시서
$('#screenTable tr').each(function() {
let rowData = {};
$(this).find('input, select').each(function() {
let name = $(this).attr('name').replace('[]', ''); // 이름에서 '[]' 제거
let value = $(this).val();
rowData[name] = value;
});
formData.push(rowData);
});
// JSON 문자열로 변환
let jsonString = JSON.stringify(formData);
// console.log('screenlist json : ', jsonString);
// 숨겨진 필드에 JSON 데이터 설정
$('#screenlist').val(jsonString);
// 스크린수 및 기타 연산을 수행함.
calculateAndSetValues();
// 철재작업지시서
formData = [];
$('#slatTable tr').each(function() {
let rowData = {};
$(this).find('input, select').each(function() {
let name = $(this).attr('name').replace('[]', ''); // 이름에서 '[]' 제거
let value = $(this).val();
rowData[name] = value;
});
formData.push(rowData);
});
// JSON 문자열로 변환
jsonString = JSON.stringify(formData);
// console.log('slatlist json : ', jsonString);
// 숨겨진 필드에 JSON 데이터 설정
$('#slatlist').val(jsonString);
// 스라트 연산수행
slat_calculateAndSetValues();
// estimateList 저장 로직
const screenData = collectEstimateListData('#estimateListTable');
// JSON 변환 후 hidden field에 대입
jsonString = JSON.stringify(screenData);
// console.log('save 버튼 클릭시 estimateList json : ', jsonString);
$('#estimateList').val(jsonString);
// 철재작업지시서
const slatData = collectEstimateListData_Slat(); // 철재슬라트용 자료 저장하기
// JSON 변환 후 hidden field에 대입
jsonString = JSON.stringify(slatData);
// console.log('save 버튼 클릭시 slatlist json : ', jsonString);
$('#estimateSlatList').val(jsonString);
// json형태로 저장하기
saveAllJSONTables();
showMsgModal(2); // 파일저장중
// console.log('전송전 prodCode' + $("#prodCode").val());
// 폼데이터 전송시 사용함 Get form
var form = $('#board_form')[0];
var datasource = new FormData(form);
// // Iterate over the FormData entries and log them
// for (var pair of datasource.entries()) {
// console.log(pair[0] + ': ' + pair[1]);
// }
$.ajax({
enctype: 'multipart/form-data', // file을 서버에 전송하려면 이렇게 해야 함 주의
processData: false,
contentType: false,
cache: false,
timeout: 600000,
url: "insert.php",
type: "post",
data: datasource,
dataType: "json",
success: function(data){
// console.log(data);
// console.log(data.num);
// console.log(data.prodCode);
if (window.opener && !window.opener.closed) {
if (typeof window.opener.restorePageNumber === 'function') {
window.opener.restorePageNumber(); // 함수가 있으면 실행
}
}
setTimeout(function() {
if (data && data.num)
// 저장된 데이터 번호를 사용하여 새로운 페이지로 이동
hideMsgModal();
Toastify({
text: "저장완료",
duration: 1500,
close:true,
gravity:"top",
position: "center",
style: {
background: "linear-gradient(to right, #00b09b, #96c93d)"
},
}).showToast();
setTimeout(function() {
hideOverlay();
//개발자전용 수정위치
window.location.href = 'write_form.php?mode=view&tablename=' + $('#tablename').val() + '&num=' + data.num;
}, 1500);
}, 1000);
},
error: function(jqxhr, status, error) {
console.log(jqxhr, status, error);
alert("An error occurred: " + error); // Display error message
}
});
}
/**
* estimateList 데이터를 수집하는 함수
* @param {string} tableSelector - jQuery 셀렉터 (예: '#estimateListTable')
* @returns {Array<Object>} formData 배열
* 스크린 견적서에 대한 처리 save_josn.php에 저장하기 위한 형태를 만듭니다.
* 발주서 수정 버튼을 누르면 함수가 실행되는 것입니다. 스크린, 철재 별도로 로직 개발
*/
function collectEstimateListData(tableSelector = '#estimateListTable') {
const formData = [];
$(`${tableSelector} tbody tr`).each(function() {
const rowData = {};
$(this).find('td').each(function(idx) {
const $td = $(this);
// console.log('idx : ', idx); // 인덱스 0부터 시작함
if(idx == 9) {
// col10_SW 클래스를 가진 요소가 있는지 확인
const col10Element = $td.find('.col10_SW');
if(col10Element.length > 0) {
// 요소가 있으면 text 값을 가져옴
rowData['col10_SW'] = col10Element.text().trim() || '';
} else {
// 요소가 없으면 td의 text 값을 직접 가져옴
rowData['col10_SW'] = $td.text().trim() || '';
}
}
else if(idx == 10) {
// col11_SH 클래스를 가진 요소가 있는지 확인
const col11Element = $td.find('.col11_SH');
if(col11Element.length > 0) {
// 요소가 있으면 text 값을 가져옴
rowData['col11_SH'] = col11Element.text().trim() || '';
} else {
// 요소가 없으면 td의 text 값을 직접 가져옴
rowData['col11_SH'] = $td.text().trim() || '';
}
}
else if(idx == 11) {
// col10 클래스를 가진 요소가 있는지 확인
const col12Element = $td.find('.col10');
if(col12Element.length > 0) {
// 요소가 있으면 text 값을 가져옴
rowData['col10'] = col12Element.text().trim() || '';
} else {
// 요소가 없으면 td의 text 값을 직접 가져옴
rowData['col10'] = $td.text().trim() || '';
}
}
else if(idx == 12) {
// col11 클래스를 가진 요소가 있는지 확인
const col13Element = $td.find('.col11');
if(col13Element.length > 0) {
// 요소가 있으면 text 값을 가져옴
rowData['col11'] = col13Element.text().trim() || '';
} else {
// 요소가 없으면 td의 text 값을 직접 가져옴
rowData['col11'] = $td.text().trim() || '';
}
// col12 클래스를 가진 요소가 있는지 확인
const col12Element = $td.find('.col12');
if(col12Element.length > 0) {
// 요소가 있으면 text 값을 가져옴
rowData['col12'] = col12Element.text().trim() || '';
} else {
// 요소가 없으면 td의 text 값을 직접 가져옴
rowData['col12'] = $td.text().trim() || '';
}
}
else if (idx < 9) { // 1~9번째 컬럼
const colName = 'col' + (idx + 1);
let val = $td.find('input, select').val();
if (val === undefined || val === null) {
val = $td.text().trim();
}
rowData[colName] = (val === 0 || val === '0') ? '' : val;
}
else if (idx > 12 && idx < 19) { // 13~19번째 컬럼
const colName = 'col' + (idx - 1); // 마이너스되서 -1 적용 (최초 + 1)
let val = $td.find('input, select').val();
if (val === undefined || val === null) {
val = $td.text().trim();
}
rowData[colName] = (val === 0 || val === '0') ? '' : val;
}
// 18번 브랜드
else if (idx === 19) {
rowData['col18_brand'] = $td.text().trim() || '';
}
// 19번 모델명
else if (idx === 20) {
rowData['col18'] = $td.text().trim() || '';
}
// 20번 유/무선 화면에 보이는 숫자는 21인데 -1 해서 본다. 0부터 시작하니까
else if (idx === 21) {
rowData['col18_wireless'] = $td.text().trim() || '';
}
// 22~38번
else if (idx > 21 && idx < 39) {
const colName = 'col' + (idx - 3);
let val = $td.find('input, select').val();
if (val === undefined || val === null) {
val = $td.text().trim();
}
rowData[colName] = (val === 0 || val === '0') ? '' : val;
}
// 39번 custom/standard + frontbottom, railwidth, boxdirection (화면에는 col36이
else if (idx === 39) {
const parts = $td.text().trim().split(',').map(p => p.trim());
const standardSizes = ['500*350', '500*380'];
const sizeValue = parts[0] || '';
const isCustom = !standardSizes.includes(sizeValue);
rowData['col36'] = isCustom ? 'custom' : sizeValue;
rowData['col36_custom'] = isCustom ? sizeValue : '';
rowData['col36_frontbottom'] = parts[1] || '50';
rowData['col36_railwidth'] = parts[2] || '70';
rowData['col36_boxdirection'] = parts[3] || '양면';
}
// 40~48번
else if (idx > 39 && idx < 49) {
const colName = 'col' + (idx - 3);
let val = $td.find('input, select').val();
if (val === undefined || val === null) {
val = $td.text().trim();
}
rowData[colName] = (val === 0 || val === '0') ? '' : val;
}
// 49번 wing
else if (idx === 49) {
rowData['col45_wing'] = $td.text().trim() || '';
}
// 50~62번
else if (idx > 49 && idx < 63) {
const colName = 'col' + (idx - 4);
let val = $td.find('input, select').val();
if (val === undefined || val === null) {
val = $td.text().trim();
}
rowData[colName] = (val === 0 || val === '0') ? '' : val;
}
// 63번 inch/length/qty
else if (idx === 63) {
rowData['col59_inch'] = $td.find('select').val() || '';
rowData['col59_length'] = $td.find('input.col59-length-input').val() || '';
rowData['col59'] = $td.find('input.col59-input').val() || '';
}
// 64~75번
else if (idx > 63 && idx < 76) {
const colName = 'col' + (idx - 4);
let val = $td.find('input, select').val();
if (val === undefined || val === null) {
val = $td.text().trim();
}
rowData[colName] = (val === 0 || val === '0') ? '' : val;
}
});
formData.push(rowData);
});
return formData;
}
/**
* estimateSlatList 데이터를 수집하는 함수
* @param {string} tableSelector - jQuery 셀렉 * 터 (기본값: '#estimateSlatListTable')
* @returns {Array<Object>} formData 배열
* 철재 견적서에 대한 save_json.php 저장을 위한 형태
* 발주서 수정 버튼을 누르면 함수가 실행되는 것입니다.
*/
function collectEstimateListData_Slat(tableSelector = '#estimateSlatListTable') {
const formData = [];
$(`${tableSelector} tbody tr`).each(function() {
const rowData = {};
$(this).find('td').each(function(idx) {
// console.log('idx : ', idx); // 인덱스 0부터 시작함
const $td = $(this);
let colName;
// 1~5번째 컬럼 (col1 ~ col5)
if (idx < 4) {
colName = 'col' + (idx + 1);
}
else if (idx == 4) {
colName = 'col4_quartz';
}
else if (idx >= 5 && idx <= 9) {
colName = 'col' + idx;
}
else if(idx == 10) {
// col10_SW 클래스를 가진 요소가 있는지 확인
const col10Element = $td.find('.col10_SW');
if(col10Element.length > 0) {
// 요소가 있으면 text 값을 가져옴
rowData['col10_SW'] = col10Element.text().trim() || '';
} else {
// 요소가 없으면 td의 text 값을 직접 가져옴
rowData['col10_SW'] = $td.text().trim() || '';
}
return;
}
else if(idx == 11) {
// col11_SH 클래스를 가진 요소가 있는지 확인
const col11Element = $td.find('.col11_SH');
if(col11Element.length > 0) {
// 요소가 있으면 text 값을 가져옴
rowData['col11_SH'] = col11Element.text().trim() || '';
} else {
// 요소가 없으면 td의 text 값을 직접 가져옴
rowData['col11_SH'] = $td.text().trim() || '';
}
return;
}
else if(idx == 12) {
// col10 클래스를 가진 요소가 있는지 확인
const col12Element = $td.find('.col10');
if(col12Element.length > 0) {
// 요소가 있으면 text 값을 가져옴
rowData['col10'] = col12Element.text().trim() || '';
} else {
// 요소가 없으면 td의 text 값을 직접 가져옴
rowData['col10'] = $td.text().trim() || '';
}
return;
}
else if(idx == 13) {
// col11 클래스를 가진 요소가 있는지 확인
const col13Element = $td.find('.col11');
if(col13Element.length > 0) {
// 요소가 있으면 text 값을 가져옴
rowData['col11'] = col13Element.text().trim() || '';
} else {
// 요소가 없으면 td의 text 값을 직접 가져옴
rowData['col11'] = $td.text().trim() || '';
}
return;
}
else if(idx == 14) {
// col12 클래스를 가진 요소가 있는지 확인
const col12Element = $td.find('.col12');
if(col12Element.length > 0) {
// 요소가 있으면 text 값을 가져옴
rowData['col12'] = col12Element.text().trim() || '';
} else {
// 요소가 없으면 td의 text 값을 직접 가져옴
rowData['col12'] = $td.text().trim() || '';
}
return;
}
else if (idx > 14 && idx < 21) {
colName = 'col' + (idx - 2 );
}
// 20번째 컬럼 (모터 유/무선)
else if (idx === 21) {
colName = 'col19_brand';
}
else if (idx === 22) {
colName = 'col19';
}
else if (idx === 23) {
colName = 'col19_wireless';
}
else if (idx > 23 && idx < 41) {
colName = 'col' + (idx - 4);
}
else if (idx === 41) {
const parts = $td.text().trim().split(',').map(part => part.trim());
const standardSizes = ['650*550', '700*600', '780*650'];
const sizeValue = parts[0] || '';
const isCustom = !standardSizes.includes(sizeValue);
rowData['col37'] = isCustom ? 'custom' : sizeValue;
rowData['col37_custom'] = isCustom ? sizeValue : '';
rowData['col37_frontbottom'] = parts[1] || '50';
rowData['col37_railwidth'] = parts[2] || '70';
rowData['col37_boxdirection'] = parts[3] || '양면';
return;
}
else if (idx>41 && idx < 51) {
colName = 'col' + (idx - 4 );
}
else if (idx === 51) {
colName = 'col46_wing';
}
else
{
colName = 'col' + (idx - 5 );
}
// Default value processing for non-special columns
let value = $td.find('input, select').val();
if (value === undefined || value === null) {
value = $td.text().trim();
}
rowData[colName] = (value === 0 || value === '0') ? '' : value;
});
formData.push(rowData);
});
return formData;
}
// 서버에 데이터를 저장할 때 호출되는 함수
function savelotNum() {
var prodCode = $('#prodCode').val(); // 선택된 제품코드
var pairCode = $('#prodCode').find(':selected').data('pair'); // 대응하는 인정제품 코드
var outworkplace = $('#outworkplace').val(); // 현장명
var user_name = $('#user_name').val(); // 작성자 이름
// console.log('savelotNum 전송전 prodCode' + $("#prodCode").val());
if (prodCode && pairCode) {
// 로트번호 자동생성 체크박스가 체크되어 있는지 확인
if ($('#createAutoCode').is(':checked')) {
$.ajax({
url: 'lotnum_generator.php',
method: 'POST', // POST 방식으로 전달
data: {
prodCode: prodCode,
pairCode: pairCode,
outworkplace: outworkplace,
user_name: user_name
},
dataType: 'json',
success: function(response) {
// 서버에서 받아온 데이터 (예: lotNum)
// console.log(response);
$('#lotNum').val(response.lotNum); // lotNum 필드 업데이트
saveData(); // 저장버튼 실행
},
error: function(jqxhr, status, error) {
// console.log("Error:", error); // 에러 로그 출력
alert("로트번호 생성 중 오류가 발생했습니다.");
}
});
} else {
var lotNum = 'KD-' + pairCode + '-';
if( $('#lotNum').val() == null || $('#lotNum').val() == '')
$('#lotNum').val(lotNum); // 축약된 형태로만 표시
saveData(); // 자동생성 체크가 안되었을 때도 저장 수행
}
} else {
saveData(); // 제품코드나 인정제품 코드가 없을 경우에도 저장 수행
}
}
</script>
<script>
function inputNumberFormat(input) {
input.value = input.value.replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
function adjustTextareaHeight(textarea) {
textarea.style.height = 'auto';
textarea.style.height = (textarea.scrollHeight) + 'px';
}
$(document).ready(function() {
var $comment = $('#comment');
if ($comment.length) {
adjustTextareaHeight($comment[0]); // 초기 높이 조정
$comment.on('input', function() {
adjustTextareaHeight(this);
});
}
var $updatecomment = $('#updatecomment');
if ($updatecomment.length) {
adjustTextareaHeight($updatecomment[0]); // 초기 높이 조정
$updatecomment.on('input', function() {
adjustTextareaHeight(this);
});
}
});
$(document).ready(function() {
// Log 파일보기
$("#showlogBtn").click( function() {
var num = '<?php echo $num; ?>'
// table 이름을 넣어야 함
var workitem = 'output' ;
// 버튼 비활성화
var btn = $(this);
popupCenter("../Showlog.php?num=" + num + "&workitem=" + workitem , '로그기록', 500, 500);
btn.prop('disabled', false);
});
});
// 모달창 닫기
$(document).on('click', '.Modalclose', function(e) {
$("#telModal").modal("hide");
$("#outworkplaceModal").modal("hide");
$("#loadEstimateModal").modal("hide");
$("#loadEstimateModal_slat").modal("hide");
});
$(document).ready(function(){
$('#screenBtn').click(function() {
var num = $('#num').val();
window.location.href = "../make/write_form.php?mode=view&num=" + num;
});
$('#steelBtn').click(function() {
var num = $('#num').val();
var outdate = $('#outdate').val();
var indate = $('#indate').val();
var outworkplace = $('#outworkplace').val();
var receiver = $('#receiver').val();
var phone = $('#phone').val();
var outputplace = $('#outputplace').val();
var comment = $('#comment').val();
var orderman = $('#orderman').val();
window.location.href = "../egimake/write_form.php?mode=take&outputnum=" + num + "&outdate=" + outdate + "&indate=" + indate + "&outworkplace=" + outworkplace + "&receiver=" + receiver + "&phone=" + phone + "&outputplace=" + outputplace + "&comment=" + comment + "&orderman=" + orderman;
});
});
$(document).ready(function() {
var modeValue = $('#mode').val();
var screenSuValue = $('#screen_su').val();
var slatSuValue = $('#slat_su').val();
if (modeValue === 'view' && (!screenSuValue || parseInt(screenSuValue) <= 0)) {
$('#screen_order').hide();
}
if (modeValue === 'view' && (!slatSuValue || parseInt(slatSuValue) <= 0)) {
$('#slat_order').hide();
}
});
function slat_calculateRow(element) {
const row = element.closest('tr');
if (!row || (!row.closest('#slatTable') && !row.closest('#slat_unapprovedTable'))) return;
const cutwidthElement = row.querySelector('[name="cutwidth[]"]');
const cutheightElement = row.querySelector('[name="cutheight[]"]');
const numberElement = row.querySelector('[name="number[]"]');
const exititemElement = row.querySelector('[name="exititem[]"]');
const intervalnumElement = row.querySelector('[name="intervalnum[]"]');
const hingenumElement = row.querySelector('[name="hingenum[]"]');
const hingeElement = row.querySelector('[name="hinge[]"]');
const hingeDirectionElement = row.querySelector('[name="hinge_direction[]"]');
const memoElement = row.querySelector('[name="memo[]"]');
const width = cutwidthElement ? parseFloat(cutwidthElement.value.replace(/,/g,'')) || 0 : 0;
const height = cutheightElement ? parseFloat(cutheightElement.value.replace(/,/g,'')) || 0 : 0;
const number = numberElement ? parseFloat(numberElement.value.replace(/,/g,'')) || 0 : 0;
const exititem = exititemElement ? exititemElement.value : '0';
const intervalnum = intervalnumElement ? parseFloat(intervalnumElement.value.replace(/,/g,''))|| 0 : 0;
const hingenum = hingenumElement ? parseFloat(hingenumElement.value.replace(/,/g,'')) || 0 : 0;
const hinge = hingeElement ? hingeElement.value : '';
const hingeDirection= hingeDirectionElement ? hingeDirectionElement.value : '';
const memo = memoElement ? memoElement.value : '';
let comment = '';
if (exititem === '0') {
intervalnumElement.value = '';
hingenumElement.value = '';
comment = `${memo} 절단: ${width}x총H${height}x${Math.round(height/72+1)}(매), 수량: ${number}틀`;
}
else if (exititem === '1') {
comment = `${memo} 상바: ${width}x총H${height}x${Math.round(height/72+1)-29}(매), `+
`쪽바: ${Math.floor((width - (900 + hingenum))/2)}x${29*2*number}(매), `+
`비상문바: 900x29(매), 수량: ${number}틀 ${hinge}:${hingenum}`;
}
else if (exititem === '2' || exititem === '3') {
const i = width - hingenum - intervalnum - 900;
comment = `${memo} 상바: ${width}x총H${height}x${Math.round(height/72+1)-29}(매), `+
`1번 쪽바: ${intervalnum}x29(매), 2번 쪽바: ${i}x29(매), `+
`비상문바: 900x29(매), 수량: ${number}틀 ${hinge}:${hingenum}`;
}
// hinge 값이 있을 때만 마지막에 (hingeDirection) 추가
if (hinge) {
comment += ` (${hingeDirection})`;
}
// text2 업데이트
const text2Input = row.querySelector('.text2');
if (text2Input) {
text2Input.value = comment;
}
slat_updateTotals();
}
function slat_updateTotals() {
let totalslat = 0;
let totalslatM2 = 0;
$('#slatTable tr').each(function() {
const number = parseFloat($(this).find('[name="number[]"]').val()?.replace(/,/g, '') || 0) || 0;
const cutwidth = parseFloat($(this).find('[name="cutwidth[]"]').val()?.replace(/,/g, '') || 0) || 0;
const cutheight = parseFloat($(this).find('[name="cutheight[]"]').val()?.replace(/,/g, '') || 0) || 0;
totalslat += number;
totalslatM2 += (cutwidth * cutheight * number) / 1000000;
});
$('#total_slat').text(`총 수량: ${totalslat}`);
$('#total_slat_m2').text(`총 면적: ${totalslatM2.toFixed(1)} m²`);
}
$('#slatTable').on('input', 'input, select', function() {
slat_calculateRow(this);
}).on('change', 'select', function() {
slat_calculateRow(this);
});
slat_updateTotals();
// 철재작업지시서 추가
function addRow_slat(button, estimateData = {}) {
const table = document.getElementById('slatTable');
const newRow = document.createElement('tr');
const username = '<?php echo $user_name; ?>';
const mode = '<?php echo $mode; ?>';
if (!authorities.includes(username) || mode === 'view') return;
// estimateData 키명에 맞춰서
const floors = estimateData.col2 || '';
const text1 = estimateData.col3 || '';
const memo = estimateData.col4 || 'EGI 1.6T';
// 견적서에서 불러오는 위치와 비인정 철재에서 불러오는 위치가 다르다. 비인정은 5,6번이 제작치수임
var cutwidth, cutheight;
if (!Number(estimateData.col10) || !Number(estimateData.col11)) {
cutwidth = estimateData.col5 || '';
cutheight = estimateData.col6 || '';
} else {
cutwidth = estimateData.col10 || '';
cutheight = estimateData.col11 || '';
}
// // 견적서에서 불러오는 위치와 비인정 철재에서 불러오는 위치가 다르다.
// if(Number(estimateData.col5) && Number(estimateData.col6)) {
// const cutwidth = estimateData.col5 || '';
// const cutheight = estimateData.col6 || '';
// }
// else {
// const cutwidth = estimateData.col10 || '';
// const cutheight = estimateData.col11 || '';
// }
// const number = estimateData.col7 || '1';
const number = '1'; // 수량은 무조건 1로 세팅
const exititem = estimateData.exititem || '0';
const interval = estimateData.intervalnum || '';
const hinge = estimateData.hinge || '';
const hingenum = estimateData.hingenum || '';
const hingeDir = estimateData.hinge_direction || '(없음)';
const text2 = estimateData.text2 || '';
newRow.innerHTML = `
<td>${table.rows.length+1}</td>
<td><input type="text" class="form-control col2" name="floors[]" value="${floors}" placeholder="층" oninput="slat_calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control col3" name="text1[]" value="${text1}" placeholder="부호" oninput="slat_calculateRow(this)" autocomplete="off"></td>
<td>
<select class="form-control col4" name="memo[]" onchange="slat_calculateRow(this)">
<option ${memo==='EGI 1.6T'?'selected':''}>EGI 1.6T</option>
<option ${memo==='EGI 1.2T'?'selected':''}>EGI 1.2T</option>
</select>
</td>
<td><input type="text" class="form-control col5" name="cutwidth[]" value="${cutwidth}" placeholder="가로(W)" oninput="inputNumbers(this); slat_calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control col6" name="cutheight[]" value="${cutheight}" placeholder="세로(H)" oninput="inputNumbers(this); slat_calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control col7" name="number[]" value="${number}" placeholder="수량" oninput="inputNumbers(this); slat_calculateRow(this)" autocomplete="off"></td>
<td>
<select class="form-control exititem text-center" name="exititem[]" onchange="slat_calculateRow(this)">
<option value="0" ${exititem==='0'?'selected':''}>없음</option>
<option value="1" ${exititem==='1'?'selected':''}>중앙</option>
<option value="2" ${exititem==='2'?'selected':''}>좌측</option>
<option value="3" ${exititem==='3'?'selected':''}>우측</option>
</select>
</td>
<td><input type="text" class="form-control intervalnum" name="intervalnum[]" value="${interval}" placeholder="띄울치수" oninput="inputNumbers(this); slat_calculateRow(this)" autocomplete="off"></td>
<td>
<select class="form-control hinge" name="hinge[]" onchange="slat_calculateRow(this)">
<option value=""></option>
<option ${hinge==='승리'?'selected':''}>승리</option>
<option ${hinge==='태영'?'selected':''}>태영</option>
<option ${hinge==='굴비'?'selected':''}>굴비</option>
<option ${hinge==='대신'?'selected':''}>대신</option>
</select>
</td>
<td><input type="text" class="form-control hingenum" name="hingenum[]" value="${hingenum}" placeholder="힌지치수" readonly></td>
<td>
<select class="form-control hinge_direction" name="hinge_direction[]" onchange="slat_calculateRow(this)">
<option ${hingeDir==='(없음)'?'selected':''}>(없음)</option>
<option ${hingeDir==='정방향'?'selected':''}>정방향</option>
<option ${hingeDir==='역방향'?'selected':''}>역방향</option>
</select>
</td>
<td><input type="text" class="form-control text2" name="text2[]" style="font-size:11px!important;" value="${text2}" title="${text2}" readonly></td>
<td>
<span class="text-primary hover-pointer me-2" onclick="slat_copyRow(this)"><i class="bi bi-copy"></i></span>
<span class="text-success hover-pointer me-2" onclick="addRow_slat(this)">+</span>
<span class="text-danger hover-pointer" onclick="slat_removeRow(this)">-</span>
</td>
<td style="display:none;">
<input type="hidden" name="done_check[]" value="${estimateData.done_check||''}">
</td>
`;
if (button) table.insertBefore(newRow, button.closest('tr').nextSibling);
else table.appendChild(newRow);
slat_calculateRow(newRow);
slat_updateTotals();
}
function slat_copyRow(button) {
const row = button.closest('tr');
const newRow = row.cloneNode(true);
const table = document.getElementById('slatTable');
const username = '<?php echo $user_name; ?>';
const mode = '<?php echo $mode; ?>';
if (!authorities.includes(username) || mode == 'view')
return;
newRow.querySelectorAll('input, select').forEach(input => {
if (input.name === "done_check[]") {
input.value = row.querySelector(`[name="${input.name}"]`).value;
} else if (input.type === 'checkbox') {
input.checked = row.querySelector(`[name="${input.name}"]`).checked;
} else {
input.value = row.querySelector(`[name="${input.name}"]`).value;
}
});
// Update row number
newRow.querySelector('td').innerText = table.rows.length + 1;
if (button) {
table.insertBefore(newRow, row.nextSibling);
} else {
table.appendChild(newRow);
}
newRow.querySelectorAll('input, select').forEach(input => {
input.addEventListener('input', function() { slat_calculateRow(this); });
if (input.tagName.toLowerCase() === 'select') {
input.addEventListener('change', function() { slat_calculateRow(this); });
}
});
// Ensure totals are updated after row is copied
screen_updateTotals();
}
// 숫자만 입력 가능하도록 inputNumber 함수
$(document).on('input', '.inputNumber', function() {
this.value = this.value.replace(/[^0-9]/g, '');
});
// 비인정제품에 대한 처리
// 공통 유틸리티 함수
function toggleTableHeaderVisibility(tableBody) {
const table = tableBody.closest('table');
const thead = table.find('thead');
if (tableBody.find('tr').length === 0) {
thead.hide();
} else {
thead.show();
}
// console.log(tableBody.find('tr').length);
}
function updateSerialNumbers(tableBody) {
tableBody.find('tr').each(function(index) {
$(this).find('.serial-number').text(index + 1);
});
}
// 추가/삭제/복사 등 이벤트 바인딩
$(document).ready(function () {
// 각 + 버튼 클릭 시 해당 함수 실행
$('.add-row-screen-unapproved').on('click', function () {
alertToast('행추가');
addRowUA_screen($('#screen_unapprovedListBody'));
});
$('.add-row-slat-unapproved').on('click', function () {
addRowUA_slat($('#slat_unapprovedListBody'));
alertToast('행추가');
});
$('.add-row-motor').on('click', function () {
addRowUA_motor($('#motor_listBody'));
alertToast('행추가');
});
$('.add-row-bend').on('click', function () {
addRowUA_bend($('#bend_listBody'));
alertToast('행추가');
});
$('.add-row-controller').on('click', function () {
addRowUA_controller($('#controller_listBody'));
alertToast('행추가');
});
$('.add-row-etc').on('click', function () {
addRowUA_etc($('#etc_listBody'));
alertToast('행추가');
});
});
// 추가 이벤트 바인딩
$(document).on('click', '.add-row-generic', function() {
const tableBody = $(this).closest('tbody');
const currentRow = $(this).closest('tr');
const tableId = tableBody.attr('id');
if (tableId.includes('screen')) addRowUA_screen(tableBody, currentRow);
else if (tableId.includes('slat')) addRowUA_slat(tableBody, currentRow);
else if (tableId.includes('motor')) addRowUA_motor(tableBody, currentRow);
else if (tableId.includes('bend')) addRowUA_bend(tableBody, currentRow);
else if (tableId.includes('controller')) addRowUA_controller(tableBody, currentRow);
else if (tableId.includes('etc')) addRowUA_etc(tableBody, currentRow);
else if (tableId.includes('account')) addRow_Account(tableBody, currentRow);
alertToast('행추가');
});
// 삭제 이벤트 바인딩
$(document).on('click', '.remove-row-generic', function() {
const tableBody = $(this).closest('tbody');
$(this).closest('tr').remove();
updateSerialNumbers(tableBody);
toggleTableHeaderVisibility(tableBody);
alertToast('행삭제');
});
// 복사 이벤트 바인딩
$(document).on('click', '.copy-row-generic', function () {
const tableBody = $(this).closest('tbody');
const currentRow = $(this).closest('tr');
const newRow = currentRow.clone();
// select 값 복원
newRow.find('select').each(function (i) {
$(this).val( currentRow.find('select').eq(i).val() );
});
// 현재 행 바로 아래에 삽입
currentRow.after(newRow);
updateSerialNumbers(tableBody);
toggleTableHeaderVisibility(tableBody);
alertToast('행복사');
});
// 테이블 thead 표시 여부 조절
$(document).ready(function () {
toggleTableHeaderVisibility($('#screen_unapprovedListBody'));
toggleTableHeaderVisibility($('#slat_unapprovedListBody'));
toggleTableHeaderVisibility($('#motor_listBody'));
toggleTableHeaderVisibility($('#bend_listBody'));
toggleTableHeaderVisibility($('#controller_listBody'));
toggleTableHeaderVisibility($('#etc_listBody'));
});
// 배송관련 동적행 추가
function addRow_deliveryfee(tableBody, rowData = {}) {
// rowData.col1 ~ col11에 담긴 값이 있으면 사용, 없으면 빈 문자열
var col10Val = rowData.col10 || ''; // 하차업체명
var col9Val = rowData.col9 || ''; // 상차지
var col1Val = rowData.col1 || ''; // 물류업체명
var col2Val = rowData.col2 || ''; // 차량톤수
var col3Val = rowData.col3 || ''; // 금액
var col4Val = rowData.col4 || ''; // 부가세
var col5Val = rowData.col5 || ''; // 합계
var col6Val = rowData.col6 || ''; // 착불/선불
var col7Val = rowData.col7 || ''; // 차량번호
var col8Val = rowData.col8 || ''; // 기사연락처
var col11Val = rowData.col11 || ''; // 비고
// 물류업체명 select 옵션
var deliveryCompanyOptions = ['25시물류','조운물류'];
// 차량톤수 select 옵션
var tonOptions = ['1','1.4','0.5','2.5','3.5','5','오토바이'];
// 착불/선불 select 옵션
var payTypeOptions = ['착불','선불'];
// 3자리 콤마 찍는 헬퍼 함수
function formatNumber(num) {
if (isNaN(num) || num === null) return '';
// 소수점 이하 처리 여부는 필요에 따라 수정(현재 정수·소수 모두 콤마 가능)
return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
// 새 행 생성
var newRow = $('<tr>');
// (1) 첫 번째 열: + / - 버튼
newRow.append(
'<td class="text-center" style="width:5%;">' +
'<div class="d-flex justify-content-center align-items-center">' +
'<button type="button" class="btn btn-outline-dark btn-sm viewNoBtn add-row-deliveryfee me-1" style="border:0px;" ' +
'data-table="' + tableBody.closest("table").attr("id") + '">+</button>' +
'<button type="button" class="btn btn-outline-danger btn-sm viewNoBtn remove-row-deliveryfee" style="border:0px;">-</button>' +
'</div>' +
'</td>'
);
// (11) 하차업체명 (col10) - 문자 입력
newRow.append(
'<td class="text-center" style="width:12%;">' +
'<input type="text" name="col10[]" class="form-control text-center" '
+ 'value="' + col10Val + '" autocomplete="off">' +
'</td>'
);
// (10) 상차지 (col9) - 문자 입력
newRow.append(
'<td class="text-center" style="width:12%;">' +
'<input type="text" name="col9[]" class="form-control text-center" '
+ 'value="' + col9Val + '" autocomplete="off">' +
'</td>'
);
// (2) 물류업체명 (col1) - select
var col1Html = '<select name="col1[]" class="form-select w-auto viewNoBtn text-center" style="font-size:0.8rem;" autocomplete="off">';
col1Html += '<option value="">선택</option>';
$.each(deliveryCompanyOptions, function(index, item) {
var selected = (item === col1Val) ? ' selected' : '';
col1Html += '<option value="'+ item + '"' + selected + '>' + item + '</option>';
});
col1Html += '</select>';
newRow.append('<td class="text-center" style="width:6%;">' + col1Html + '</td>');
// // (3) 차량톤수 (col2) - select
// var col2Html = '<select name="col2[]" class="form-control viewNoBtn text-center" autocomplete="off">';
// col2Html += '<option value="">선택</option>';
// $.each(tonOptions, function(index, item) {
// var selected = (item === col2Val) ? ' selected' : '';
// col2Html += '<option value="'+ item + '"' + selected + '>' + item + '</option>';
// });
// col2Html += '</select>';
// newRow.append('<td class="text-center" style="width:6%;">' + col2Html + '</td>');
// (3) 차량톤수 (col2) - input 요소로 변경
newRow.append(
'<td class="text-center" style="width:6%;">' +
'<input type="text" name="col2[]" class="form-control text-center" ' +
'value="' + col2Val + '" autocomplete="off">' +
'</td>'
);
// (4) 금액 (col3) - input, 숫자만 입력하도록 inputNumber 클래스 사용
newRow.append(
'<td class="text-center" style="width:5%;">' +
'<input type="text" name="col3[]" class="form-control text-center " '
+ 'value="' + col3Val + '" autocomplete="off">' +
'</td>'
);
// (5) 부가세 (col4) - input(자동계산), 금액 * 10%, 읽기 전용
newRow.append(
'<td class="text-center" style="width:5%;">' +
'<input type="text" name="col4[]" class="form-control text-center inputNumber" '
+ 'value="' + col4Val + '" autocomplete="off" readonly>' +
'</td>'
);
// (6) 합계 (col5) - input(자동계산), 금액 + 부가세, 읽기 전용
newRow.append(
'<td class="text-center" style="width:5%;">' +
'<input type="text" name="col5[]" class="form-control text-center inputNumber" '
+ 'value="' + col5Val + '" autocomplete="off" readonly>' +
'</td>'
);
// (7) 착불/선불 (col6) - select
var col6Html = '<select name="col6[]" class="form-select w-auto viewNoBtn text-center" style="font-size:0.8rem;" autocomplete="off">';
col6Html += '<option value="">선택</option>';
$.each(payTypeOptions, function(index, item) {
var selected = (item === col6Val) ? ' selected' : '';
col6Html += '<option value="'+ item + '"' + selected + '>' + item + '</option>';
});
col6Html += '</select>';
newRow.append('<td class="text-center" style="width:6%;">' + col6Html + '</td>');
// (8) 차량번호 (col7) - 문자 입력
newRow.append(
'<td class="text-center" style="width:10%;">' +
'<input type="text" name="col7[]" class="form-control text-center" '
+ 'value="' + col7Val + '" autocomplete="off">' +
'</td>'
);
// (9) 기사 연락처 (col8) - 예) 010-5555-4444 형태
newRow.append(
'<td class="text-center" style="width:12%;">' +
'<input type="text" name="col8[]" class="form-control text-center" '
+ 'value="' + col8Val + '" autocomplete="off">' +
'</td>'
);
// (12) 비고 (col11) - 문자 입력
newRow.append(
'<td class="text-center" style="width:15%;">' +
'<input type="text" name="col11[]" class="form-control text-start" '
+ 'value="' + col11Val + '" autocomplete="off">' +
'</td>'
);
// 행을 테이블에 추가
tableBody.append(newRow);
// 금액(col3) 입력 시 => 부가세(col4), 합계(col5) 자동 계산, 3자리 콤마 처리
newRow.find('input[name="col3[]"]').on('input', function() {
var $input = $(this);
var $row = $input.closest('tr');
// 1) 사용자가 입력한 금액에서 쉼표 제거 후 숫자 파싱
var rawAmount = $input.val().replace(/,/g, '');
var amount = parseFloat(rawAmount) || 0;
// 2) 부가세 10% 계산 및 합계
var vat = Math.round(amount * 0.1);
var total = amount + vat;
// 3) 금액 자체에도 3자리 콤마 적용 (사용자 입력창에 실시간 표시)
$input.val(formatNumber(amount));
// 4) 부가세(col4), 합계(col5)도 콤마 적용
$row.find('input[name="col4[]"]').val(formatNumber(vat));
$row.find('input[name="col5[]"]').val(formatNumber(total));
});
// 만약 rowData.col3에 기존 값이 있었다면, 초기 상태에서도 부가세/합계가 계산되도록 트리거
if (col3Val) {
newRow.find('input[name="col3[]"]').trigger('input');
}
toggleTableHeaderVisibility(tableBody);
// 모드가 'view'인 경우 disable 처리 (기존 코드 유지)
var mode = '<?php echo $mode; ?>';
if (mode === 'view') {
disableView();
}
}
// 배송관련 이벤트 및 각종 처리
$(document).ready(function() {
var encodedVal = $('#deliveryfeeList').val(); // 인코딩된 JSON 문자열
// console.log('encodedVal : ', encodedVal);
// encodedVal이 존재하고, 공백이 아니라면 시도
if (encodedVal && encodedVal.trim() !== '') {
try {
// 1) decodeURIComponent()로 원래 문자열 복원
var decodedVal = decodeURIComponent(encodedVal);
// 2) 한 번 parse
var temp = JSON.parse(decodedVal);
// 3) 이중 인코딩 경우 => 다시 parse
if (typeof temp === 'string') {
temp = JSON.parse(temp);
}
// 4) 배열이면 forEach로 addRow
if (Array.isArray(temp)) {
temp.forEach(function(rowData) {
addRow_deliveryfee($('#deliveryfeeTableBody'), rowData);
});
}
} catch (e) {
// 여기서 에러 처리: 로그 찍거나, 경고 메시지 표시 등
console.error('Invalid or empty JSON in #deliveryfeeList:', e);
}
}
// 이후 +, - 버튼 이벤트 등 기존 로직
$('#deliveryfeeTableBody').on('click', '.remove-row-deliveryfee', function() {
$(this).closest('tr').remove();
});
// 이후 +, - 버튼 이벤트 등 기존 로직
$('#deliveryfeeTableBody').on('click', '.add-row-deliveryfee', function() {
addRow_deliveryfee($('#deliveryfeeTableBody'));
});
$('.add-row-deliveryfee').on('click', function() {
addRow_deliveryfee($('#deliveryfeeTableBody'));
});
});
function slat_removeRow(button) {
const username = '<?php echo $user_name; ?>';
const mode = '<?php echo $mode; ?>';
if (!authorities.includes(username) || mode == 'view')
return;
const row = button.closest('tr');
row.remove();
// Update row numbers
const rows = document.querySelectorAll('#slatTable tr');
rows.forEach((row, index) => {
row.cells[0].innerText = index + 1;
});
slat_updateTotals();
}
function slat_updateTotals() {
const rows = document.querySelectorAll('#slatTable tr');
let totalslat = 0;
let totalslatM2 = 0;
rows.forEach(row => {
const number = parseFloat(row.querySelector('[name="number[]"]').value.replace(/,/g, '')) || 0;
const cutwidth = parseFloat(row.querySelector('[name="cutwidth[]"]').value.replace(/,/g, '')) || 0;
const cutheight = parseFloat(row.querySelector('[name="cutheight[]"]').value.replace(/,/g, '')) || 0;
totalslat += number;
totalslatM2 += (cutwidth * cutheight * number) / 1000000;
});
document.getElementById('total_slat').textContent = `총 수량: ${totalslat}`;
document.getElementById('total_slat_m2').textContent = `총 면적: ${totalslatM2.toFixed(1)} m²`;
}
document.querySelectorAll('input, select').forEach(input => {
input.addEventListener('input', function() { slat_calculateRow(this); });
if (input.tagName.toLowerCase() === 'select') {
input.addEventListener('change', function() { slat_calculateRow(this); });
}
});
slat_updateTotals();
$(document).ready(function() {
$(document).on('change', 'select[name="hinge[]"]', function() {
var selectedHinge = $(this).val();
var hingenumValue = 0;
switch (selectedHinge) {
case '승리':
hingenumValue = "85";
break;
case '태영':
hingenumValue = "70";
break;
case '굴비':
hingenumValue = "60";
break;
case '대신':
hingenumValue = "50";
break;
}
$(this).closest('tr').find('input.hingenum').val(hingenumValue);
// Delay the calculation to ensure the hinge number is updated
setTimeout(() => {
slat_calculateRow(this);
}, 500);
});
// Trigger change event to set the value on page load if a hinge is already selected
$('select[name="hinge[]"]').trigger('change');
});
function phonebookBtn(searchfield)
{
var search = $("#" + searchfield).val();
href = '../phonebook/list.php?search=' + search ;
popupCenter(href, '전화번호 검색', 1600, 800);
}
function acigroupBtn()
{
var num = $("#num" ).val();
var search = $("#outworkplace").val();
href = '../acigroup/list.php?searchItem=group&search=' + search ;
popupCenter(href, '', 1600, 800);
}
</script>
<!-- mode == 'view' 조회 화면일때 사용금지 시키는 구문 -->
<script>
// 비인정 제품 검사
function checkUnapprovedProduct() {
var model_name = $("#prodCode").val(); // 제품코드
if(!model_name.includes('비인정')) {
Swal.fire({
icon: 'warning',
title: '알림',
text: '비인정 제품이 아닙니다.'
});
return false;
}
return true;
}
$(document).ready(function() {
// 견적서 불러오기 버튼 클릭 시
$(document).on('click', '#loadEstimateBtn', function() {
$("#loadEstimateModal").modal("show"); // 모달창 띄우기
var search = $('#secondord').val(); // #secondord 발주처 입력값을 검색어로 사용
// 약간의 시간차를 두고 검색 버튼 클릭을 자동으로 트리거
$('#searchEstimate').val(search);
setTimeout(function() {
estimate_search(search,'스크린');
}, 800); // 0.5초 후에 트리거 (필요에 따라 시간을 조정할 수 있습니다)
});
// 스크린 발주서 등록/수정 버튼 클릭 시
$(document).on('click', '#editOrderBtn', function() {
var num = $("#num").val(); // num 값만 전달
// 스크린 발주서(견적서의 내용 적용)
// estimateList 저장 로직
const screenData = collectEstimateListData('#estimateListTable');
// JSON 변환 후 hidden field에 대입
jsonString = JSON.stringify(screenData);
//console.log('jsonString : ' + jsonString);
// 현재 날짜와 시간으로 임시 키 생성
let tempKey = 'screen_' + new Date().toISOString().replace(/[-:.]/g, '');
// AJAX로 서버에 JSON 저장 요청
$.ajax({
url: 'save_json.php', // JSON 파일을 저장할 서버측 PHP 파일
type: 'POST',
data: {
jsonData: jsonString,
tempKey: tempKey
},
dataType: 'json',
success: function(response) {
if (response.success) {
// 1) 각 input 요소에서 값 읽어오기
const estimateSurang = $('#estimateSurang').val();
const EstimateFirstSum = $('#EstimateFirstSum').val();
const EstimateUpdatetSum = $('#EstimateUpdatetSum').val();
const EstimateDiffer = $('#EstimateDiffer').val();
const estimateTotal = $('#estimateTotal').val();
const EstimateDiscountRate = $('#EstimateDiscountRate').val();
const EstimateDiscount = $('#EstimateDiscount').val();
const EstimateFinalSum = $('#EstimateFinalSum').val();
const makeWidth = $('#makeWidth').val();
const makeHeight = $('#makeHeight').val();
const maguriWing = $('#maguriWing').val();
const inspectionFee = $('#inspectionFee').val();
// 체크박스 상태 전달
const steelChecked = ($("#steel").prop('checked')) ? 'checked' : '' ; // 절곡체크가 steel 임.
const motorChecked = ($("#motor").prop('checked')) ? 'checked' : ''; // 모터가 들어가는지 체크
const warrantyChecked = ($("#warranty").prop('checked')) ? 'checked' : ''; // 인정제품인지 체크
const slatChecked = ($("#slatcheck").prop('checked')) ? 'checked' : ''; // 주자재(스크린,철재) 체크
const partsChecked = ($("#partscheck").prop('checked')) ? 'checked' : ''; // 부자재 체크
// 2) 쿼리 스트링 객체로 만들기
const params = {
num: num,
tempKey: tempKey,
mode: 'edit',
itemoption:'screen',
estimateSurang,
EstimateFirstSum,
EstimateUpdatetSum,
EstimateDiffer,
estimateTotal,
EstimateDiscountRate,
EstimateDiscount,
EstimateFinalSum,
makeWidth,
makeHeight,
maguriWing,
inspectionFee,
steelChecked, // 체크박스 상태 전달
motorChecked,
warrantyChecked,
slatChecked,
partsChecked
};
// 3) $.param 으로 직렬화한 뒤 URL 생성
const url = '/estimate/write_form.php?' + $.param(params);
// 4) 팝업 열기
customPopup(url, '발주서 등록/수정', 1900, 900);
} else {
alert('JSON 저장에 실패했습니다. 다시 시도해 주세요.');
}
},
error: function(jqXHR, textStatus, errorThrown) {
// 오류를 콘솔에 출력
console.log('AJAX 요청 실패');
console.log('상태 코드:', jqXHR.status); // HTTP 상태 코드 (e.g., 404, 500)
console.log('응답 텍스트:', jqXHR.responseText); // 서버에서 반환된 오류 메시지
console.log('오류 상태:', textStatus); // 오류 상태 (e.g., "timeout", "error")
console.log('오류 메시지:', errorThrown); // 오류 메시지 (e.g., "Internal Server Error")
alert('서버와의 통신에 실패했습니다.');
}
});
});
// 스크린 견적서 보기 버튼 클릭 시
$(document).on('click', '#ViewEstimateBtn', function() {
var num = $("#estimate_num").val();
if (!num || num === '0') {
Swal.fire({
icon: 'warning',
title: '알림',
text: '견적을 불러온 기록이 없습니다.'
});
return;
}
var tablename = "estimate";
// URL에 변수를 추가
var url = '/estimate/write_form.php?mode=view' + '&num=' + num + "&tablename=" + tablename;
customPopup(url, '견적서', 1850, 900);
});
// 스크린 발주서 보기 버튼 클릭 시
$(document).on('click', '#loadOrderBtn', function() {
var num = $("#num").val();
var url = '/output/viewOrder.php?num=' + num ;
customPopup(url, '발주서', 800, 900);
});
// 스크린작업일지 버튼 클릭 시
$(document).on('click', '#loadScreenWorkBtn', function() {
var num = $("#num").val();
var url = '/output/viewScreenWork.php?num=' + num ;
customPopup(url, '스크린작업일지', 800, 900);
});
// 스크린 절곡 작업일지 버튼 클릭 시
$(document).on('click', '#loadBendingWorkBtn', function() {
var num = $("#num").val();
var url = '/output/viewBendingWork.php?num=' + num ;
customPopup(url, '절곡작업일지', 800, 900);
});
// 스크린 출고증 버튼 클릭 시
$(document).on('click', '#loadOutputWorkBtn', function() {
var num = $("#num").val();
var url = '/output/viewOutput.php?num=' + num ;
customPopup(url, '출고증', 800, 900);
});
// 스크린 납품확인서 버튼 클릭 시
$(document).on('click', '#loadConfirmBtn', function() {
var num = $("#num").val();
var url = '/output/viewConfirm.php?num=' + num ;
customPopup(url, '납품확인서', 800, 900);
});
// 스크린-중간검사 버튼 클릭 시
$(document).on('click', '#loadmidInspectScreenBtn', function() {
var num = $("#num").val();
var url = '/output/viewMidInspectScreen.php?num=' + num ;
customPopup(url, '스크린-중간검사', 800, 900);
});
// 스크린 절곡-중간검사 버튼 클릭 시
$(document).on('click', '#loadmidInspectBendingBtn', function() {
var num = $("#num").val();
var url = '/output/viewMidInspectBending.php?num=' + num ;
customPopup(url, '절곡-중간검사', 800, 900);
});
// 비인정 관련 버튼 이벤트 처리
// 비인정 발주서 보기 버튼 클릭 시
$(document).on('click', '#loadOrderBtn_UA', function() {
// 제품코드에 비인정이 포함되었는지 검사 후 처리
if(!checkUnapprovedProduct()) return;
var num = $("#num").val();
var url = '/output/viewOrder_UA.php?num=' + num ;
customPopup(url, '발주서', 800, 900);
});
// 비인정 스크린작업일지 버튼 클릭 시
$(document).on('click', '#loadScreenWorkBtn_UA', function() {
// 제품코드에 비인정이 포함되었는지 검사 후 처리
if(!checkUnapprovedProduct()) return;
var num = $("#num").val();
var url = '/output/viewScreenWork_UA.php?num=' + num ;
customPopup(url, '스크린작업일지', 800, 900);
});
// 비인정 철재작업일지 버튼 클릭 시
$(document).on('click', '#loadSlatWorkBtn_UA', function() {
// 제품코드에 비인정이 포함되었는지 검사 후 처리
if(!checkUnapprovedProduct()) return;
var num = $("#num").val();
var url = '/output/viewSlatWork_UA.php?num=' + num ;
customPopup(url, '철재작업일지', 800, 900);
});
// 비인정 절곡 작업일지 버튼 클릭 시
$(document).on('click', '#loadBendingWorkBtn_UA', function() {
// 제품코드에 비인정이 포함되었는지 검사 후 처리
if(!checkUnapprovedProduct()) return;
var num = $("#num").val();
var url = '/output/viewBendingWork_UA.php?num=' + num ;
customPopup(url, '절곡작업일지', 800, 900);
});
// 비인정 출고증 버튼 클릭 시
$(document).on('click', '#loadOutputWorkBtn_UA', function() {
// 제품코드에 비인정이 포함되었는지 검사 후 처리
if(!checkUnapprovedProduct()) return;
var num = $("#num").val();
var url = '/output/viewOutput_UA.php?num=' + num ;
customPopup(url, '출고증', 800, 900);
});
// 비인정 납품확인서 버튼 클릭 시
$(document).on('click', '#loadConfirmBtn_UA', function() {
// 제품코드에 비인정이 포함되었는지 검사 후 처리
if(!checkUnapprovedProduct()) return;
var num = $("#num").val();
var url = '/output/viewConfirm_UA.php?num=' + num ;
customPopup(url, '납품확인서', 800, 900);
});
// // 비인정 스크린-철재스라트 중간검사 버튼 클릭 시
// $(document).on('click', '#loadmidInspectScreenBtn_UA', function() {
// var num = $("#num").val();
// var url = '/output/viewMidInspectScreen.php?num=' + num ;
// customPopup(url, '스크린-중간검사', 800, 900);
// });
// // 비인정 절곡-중간검사 버튼 클릭 시
// $(document).on('click', '#loadmidInspectBendingBtn_UA', function() {
// var num = $("#num").val();
// var url = '/output/viewMidInspectBending.php?num=' + num ;
// customPopup(url, '절곡-중간검사', 800, 900);
// });
// 검색 버튼 클릭 시 (전역 바인딩, 중복 호출 방지)
$(document).off('click', '#searchEstimateBtn').on('click', '#searchEstimateBtn', function() {
var search = $('#searchEstimate').val();
// 스크린 검색
setTimeout(function() {
estimate_search(search, '스크린');
}, 800); // 0.5초 후에 트리거 (필요에 따라 시간을 조정할 수 있습니다)
});
// 모달창에서 스크린 견적서 검색
function estimate_search(search, whichItem) {
// 특정 모달의 ModalBody를 선택
var modalId = '#loadEstimateModal'; // 모달 ID 지정
var tbody = $(modalId).find('.ModalBody');
$.ajax({
url: 'fetch_estimate.php',
type: 'POST',
data: { search: search , whichItem: whichItem },
dataType: 'json',
success: function(data) {
// console.log("Response data:", data); // 서버로부터의 응답을 콘솔에 출력
tbody.empty(); // 기존 데이터를 지움
if (Array.isArray(data) && data.length > 0) {
data.forEach(function(row, index) {
var tr = $('<tr onclick="fetchEstimateDetails(\'' + row.num + '\');">').append(
$('<td>').addClass('text-center').text(index + 1),
$('<td>').addClass('text-center').text(row.indate), // 접수일
$('<td>').addClass('text-center').text(row.pjnum), // 견적번호
$('<td>').addClass('text-center').text(row.major_category), // 스크린/철재 구분
$('<td>').addClass('text-center').text(row.model_name), // 제품모델
$('<td>').addClass('text-center').text(row.secondord), // 발주처
$('<td>').addClass('text-start').text(row.outworkplace), // 현장명
$('<td>').addClass('text-end').text(row.estimateTotal ? Number(row.estimateTotal).toLocaleString() : ''), // 금액
$('<td>').addClass('text-center').text(row.estimateSurang ? Number(row.estimateSurang).toLocaleString() : ''), // 수량
$('<td>').addClass('text-center').text(row.orderman) // 담당자
);
tbody.append(tr);
});
} else if (data.length === 0) {
var tr = $('<tr>').append(
$('<td>').attr('colspan', '7').addClass('text-center').text('검색된 데이터가 없습니다.')
);
tbody.append(tr);
} else {
console.error('Unexpected data format:', data);
var tr = $('<tr>').append(
$('<td>').attr('colspan', '7').addClass('text-center').text('데이터를 불러오는 중 오류가 발생했습니다.')
);
tbody.append(tr);
}
},
error: function(jqXHR, textStatus, errorThrown) {
console.error('AJAX request failed:', textStatus, errorThrown);
var tr = $('<tr>').append(
$('<td>').attr('colspan', '7').addClass('text-center').text('데이터를 불러오는 중 오류가 발생했습니다.')
);
tbody.append(tr);
}
});
}
});
function EstimateSearchEnter(event) {
if (event.key === "Enter") {
// 검색 버튼 클릭을 트리거
const searchButton = document.getElementById('searchEstimateBtn');
if (searchButton) {
searchButton.click();
} else {
console.error('searchEstimateBtn element not found');
}
}
}
// 스크린 견적 상세 정보를 가져오는 AJAX 함수
function fetchEstimateDetails(estimateId) {
// console.log('estimateId' + estimateId);
$("#loadEstimateModal").modal("hide"); // 모달창 닫기
$("#estimate_screenDiv").show(); // 스크린탭 보이게 하기
$.ajax({
url: 'fetch_estimate_details.php', // 서버에서 데이터를 가져오는 경로
method: 'POST',
data: { estimateId: estimateId }, // 실제 전달된 estimateId 사용
dataType: 'json',
success: function(response) {
// Check if response is valid and contains necessary data
if (response && Array.isArray(response) && response.length > 0) {
const estimateData = response[0];
// console.log('estimateData' + estimateData);
// major_category 값을 확인하여 처리
if (estimateData.major_category === '스크린') {
// 스크린일 경우 estimateList 데이터를 숨겨진 필드에 넣음
document.getElementById('estimateList').value = estimateData.estimateList;
document.getElementById('estimateList_auto').value = estimateData.estimateList_auto;
} else if (estimateData.major_category === '철재') {
// 철재스라트일 경우 estimateSlatList 데이터를 숨겨진 필드에 넣음
document.getElementById('estimateSlatList').value = estimateData.estimateSlatList;
document.getElementById('estimateSlatList_auto').value = estimateData.estimateSlatList_auto;
}
// 견적서 외 주요 hidden input 값도 반영
$('#pjnum').val(estimateData.pjnum || '');
$('#major_category').val(estimateData.major_category || '');
$('#position').val(estimateData.position || '');
$('#makeWidth').val(estimateData.makeWidth || '');
$('#makeHeight').val(estimateData.makeHeight || '');
$('#secondord').val(estimateData.secondord || ''); // 발주처
$('#secondordman').val(estimateData.secondordman || ''); // 발주처
$('#secondordmantel').val(estimateData.secondordmantel || ''); // 발주처
$('#secondordnum').val(estimateData.secondordnum || ''); // 발주처 코드
$('#outworkplace').val(estimateData.outworkplace || ''); // 견적서 현장명
$('#estimate_num').val(estimateData.num || ''); // 견적서 코드
// 로트번호 생성 자동체크
$('#createAutoCode').prop('checked', true);
function formatNumber(value) {
return value && !isNaN(value) ? Number(value).toLocaleString() : '';
}
// 1) 수치(VAT 포함) 계산
const supplyPrice = Number(estimateData.estimateTotal) || 0;
const FirstSum = Number(estimateData.EstimateFirstSum) || 0;
const updateSum = Number(estimateData.EstimateUpdatetSum) || 0; // 수정금액
const withVAT = Math.round(supplyPrice * 1.1); // 소수점 없이 반올림
const withVAT_FirstSum = Math.round(FirstSum * 1.1); // 소수점 없이 반올림
const withVAT_updateSum = Math.round(updateSum * 1.1); // 소수점 없이 반올림
const differSum = withVAT_FirstSum - withVAT_updateSum;
$('#estimateTotal').val(formatNumber(withVAT));// VAT 포함으로 저장하기 견적은 공급가액임 최초저장금액도 적용함
$('#EstimateFirstSum').val(formatNumber(withVAT_FirstSum));
$('#EstimateUpdatetSum').val(formatNumber(withVAT_updateSum));
$('#EstimateDiffer').val(formatNumber(differSum));
$('#EstimateDiscountRate').val(estimateData.EstimateDiscountRate || '');
$('#EstimateDiscount').val(estimateData.EstimateDiscount || '');
$('#EstimateFinalSum').val(formatNumber(estimateData.EstimateFinalSum));
$('#maguriWing').val(estimateData.maguriWing || '');
// detailJson은 JSON 객체이므로 다시 문자열화해서 전달
$('#detailJson').val(estimateData.detailJson || '');
// 5가지 체크박스 상태 설정
$('#steel').prop('checked', estimateData.steel === '1');
$('#motor').prop('checked', estimateData.motor === '1');
$('#warranty').prop('checked', estimateData.warranty === '인정');
$('#slatcheck').prop('checked', estimateData.slatcheck === '1');
$('#partscheck').prop('checked', estimateData.partscheck === '1');
if (estimateData.warranty === '인정') {
$('#warranty').trigger('change');
}
// console.log('steel checkbox', estimateData.steel);
// console.log('motor checkbox', estimateData.motor);
// console.log('warranty checkbox', estimateData.warranty);
// console.log('slatcheck checkbox', estimateData.slatcheck);
// console.log('partscheck checkbox', estimateData.partscheck);
// estimateList를 모달창에서 보여주기 위해 추가
loadEstimateList(estimateData.estimateList, estimateData.estimateList_auto);
// 닫기 버튼
$(document).on('click', '.closeModal_Estimate', function() {
$("#selectEstimateModal").modal("hide"); // 모달창 띄우기
});
// 데이터를 렌더링하는 함수 호출
// renderEstimateData(estimateData);
} else {
console.error('Received invalid response data');
}
},
error: function(err) {
console.error('Error fetching data', err);
}
});
}
var fullEstimateList = []; // 전역 변수로 전체 estimateList 저장
// 스크린견적불러오기 estimateList 데이터를 모달창에 로드하고 선택한 항목을 처리하는 함수
function loadEstimateList(estimateList, estimateList_auto) {
// estimateList가 문자열로 전달된 경우 JSON 파싱
if (typeof estimateList === 'string' && estimateList !== '' && estimateList !== null && estimateList !== undefined && estimateList !== '[]' && estimateList !== '{}') {
try {
estimateList = JSON.parse(estimateList); // 문자열이면 JSON 배열로 변환
estimateList_auto = JSON.parse(estimateList_auto); // 문자열이면 JSON 배열로 변환
} catch (e) {
console.error('estimateList를 JSON으로 파싱하는 중 오류 발생:', e);
return;
}
}
// estimateList가 배열인지 확인
if (!Array.isArray(estimateList)) {
console.error('estimateList는 배열이어야 합니다. 받은 값:', estimateList);
return; // 배열이 아니면 함수 종료
}
fullEstimateList = estimateList; // 전역 변수에 전체 데이터를 저장
// console.log('estimateList 견적서 불러오기', estimateList);
var tbody = $('#estimateListBody');
tbody.empty(); // 기존 데이터를 지움
// 데이터를 반복하면서 각 행을 생성
estimateList.forEach(function(estimate, index) {
var tr = $('<tr>').append(
$('<td>').append(
// checkbox를 기본 checked 상태로 생성
$('<input type="checkbox" class="estimate-checkbox">')
.val(estimate.col1 ?? '')
.prop('checked', true)
),
$('<td>').text(estimate.col2 ?? ''), // col2
$('<td>').text(estimate.col3 ?? ''), // col3
$('<td>').text(estimate.col4 ?? ''), // col4
$('<td>').text(estimate.col5 ?? ''), // col5
$('<td>').text(estimate.col10 ?? ''), // col10
$('<td>').text(estimate.col11 ?? ''), // col11
$('<td>').text(estimate.col14 ?? '') // col14
);
tbody.append(tr);
});
// 모달창 띄우기
$('#selectEstimateModal').modal('show');
// 전체 선택 체크박스 체크
$('.selectAllEstimates').prop('checked', true);
// 전체 선택 체크박스 change 이벤트 추가
$('.selectAllEstimates').off('change').on('change', function() {
// 체크된 상태에 맞춰 하위 체크박스 일괄 토글
$('.estimate-checkbox').prop('checked', $(this).prop('checked'));
});
// 적용 버튼 클릭 시 선택된 항목 처리
$('#applySelectedEstimates').off('click').on('click', function() {
var selectedEstimateIds = [];
// 선택된 체크박스의 값을 배열로 수집
$('.estimate-checkbox:checked').each(function() {
selectedEstimateIds.push($(this).val());
});
if (selectedEstimateIds.length > 0) {
// 선택된 항목을 처리하는 함수 호출
processSelectedEstimates(selectedEstimateIds);
// 모달창 닫기
$('#selectEstimateModal').modal('hide');
} else {
alert('적용할 항목을 선택해주세요.');
}
});
}
// 스크린 견적서 선택된 항목을 처리하는 함수
function processSelectedEstimates(selectedEstimateIds) {
// 선택된 ID들에 해당하는 데이터를 전체 목록에서 필터링
const filteredEstimates = fullEstimateList.filter(function(estimate) {
return selectedEstimateIds.includes(estimate.col1); // col1이 고유번호
});
// console.log('필터링된 데이터:', filteredEstimates); // 필터링된 데이터 출력
// 선택된 자료의 col1을 1부터 시작하는 일렬번호로 재설정
filteredEstimates.forEach((estimate, index) => {
estimate.col1 = (index + 1).toString(); // 일렬번호를 1부터 설정
});
// console.log('forEach 후 데이터:', filteredEstimates); // 일렬번호 설정 후 출력
// 필터링된 데이터를 함수로 전달하여 화면에 표시
renderEstimateData({ estimateList: filteredEstimates }, 'adapt'); // 기록함
}
// 스크린 견적서 불러온 데이터 표시화면 write_form.php의 발주서 및 스크린작업지시서 적용 두가지 적용하는 함수
// adapt 적용시 이것을 부모창에서 실행함.
function renderEstimateData(data, reload = null) {
// Check if the data and estimateList exist and are valid JSON
if (data && data.estimateList) {
try {
// 이미 파싱된 JSON인지 확인하려면 try-catch 사용
if (typeof data.estimateList === 'string') {
estimateList = JSON.parse(data.estimateList); // 문자열이면 JSON 파싱
} else {
estimateList = data.estimateList; // 이미 파싱된 JSON일 경우 그대로 사용
}
const estimateDiv = document.getElementById('estimate_screenDiv');
estimateDiv.innerHTML = ''; // Clear previous content
const table = document.createElement('table');
table.className = 'table table-bordered';
table.id = 'estimateListTable';
// Create the table header (this can be expanded with your desired header structure)
const thead = document.createElement('thead');
let headerRow =
"<tr>" +
"<th rowspan='6' style='width: 150px ;'>일련<br>번호</th>" +
"<th rowspan='6' style='width: 150px ;'>층수</th>" +
"<th rowspan='6' style='width: 150px ;'>부호</th>" +
"<th rowspan='6' style='width: 200px ;'>제품명</th>" +
"<th rowspan='6' style='width: 150px ;'>종류</th>" +
"<th rowspan='4' colspan='2' style='width: 300px ;'>가이드레일</th>" +
"<th rowspan='4' colspan='2' style='width: 300px ;'>①오픈사이즈</th>" +
"<th rowspan='4' colspan='2'>②-1제작사이즈 <br> <span class='text-primary'> (스크린)</span></th>" +
"<th rowspan='4' colspan='2'>②-2제작사이즈 <br> <span class='text-danger'> (부자재)</span></th>" +
"<th rowspan='6' style='width: 150px ;'>③면적</th>" +
"<th rowspan='6' style='width: 150px ;'>④중량</th>" +
"<th rowspan='6' style='width: 150px ;'>셔터<br>수량</th>" +
"<th rowspan='4' colspan='3' >연동제어기</th>" +
"<th rowspan='2' colspan='7' >⑤모터</th>" +
"<th rowspan='1' colspan='36' >절곡</th>" +
"<th rowspan='1' colspan='14' style='width: 500px ;' >부자재</th>" +
"</tr>" +
"<tr>" +
"<th rowspan='2' colspan='13' >⑥가이드레일(한쌍)</th>" +
"<th rowspan='2' colspan='13' >⑦케이스(셔터박스)</th>" +
"<th rowspan='2' colspan='10' >⑧하단마감재</th>" +
"<th rowspan='2' colspan='8' >⑨감기샤프트</th>" +
"<th rowspan='2' colspan='4' >⑩각파이프</th>" +
"<th rowspan='4' >⑪환봉</th>" +
"<th rowspan='4' >⑫앵글</th>" +
"</tr>" +
"<tr>" +
"<th rowspan='4' > <span class='text-primary'> 모터 견적가 포함</span> </th>" +
"<th rowspan='4' >전원</th>" +
"<th rowspan='4' >유/무선</th>" +
"<th rowspan='4' >용량</th>" +
"<th rowspan='2' colspan='3'>브라케트</th>" +
"</tr>" +
"<tr>" +
"<th rowspan='1' colspan='6' >마감/보강재</th>" +
"<th rowspan='3' >하부base1</th>" +
"<th rowspan='3' >하부base2</th>" +
"<th colspan='5' >레일용 연기차단재</th>" +
"<th colspan='12' >케이스</th>" +
"<th >케이스용<br>연기차단재</th>" +
"<th colspan='3' >하장바</th>" +
"<th colspan='3' >엘바</th>" +
"<th colspan='3' >보강평철</th>" +
"<th >무게평철</th>" +
"<th rowspan='3' >인치</th>" +
"<th colspan='7' >원형파이프</th>" +
"<th rowspan='2' colspan='4' >50*30*1.4T</th>" +
"</tr>" +
"<tr>" +
"<th rowspan='2' >설치유형</th>" +
"<th rowspan='2' >마감유형</th>" +
"<th rowspan='2' >가로</th>" +
"<th rowspan='2' >높이</th>" +
"<th rowspan='2' >가로</th>" +
"<th rowspan='2' >높이</th>" +
"<th rowspan='2' >가로</th>" +
"<th rowspan='2' >높이</th>" +
"<th rowspan='2' >매립</th>" +
"<th rowspan='2' >노출</th>" +
"<th rowspan='2' >매립형<br>뒷박스</th>" +
"<th rowspan='2' >가로*세로</th>" +
"<th rowspan='2' >사이즈</th>" +
"<th rowspan='2' >받침용<br>앵글</th>" +
"<th rowspan='2' >size</th>" +
"<th rowspan='2' >2438</th>" +
"<th rowspan='2' >3000</th>" +
"<th rowspan='2' >3500</th>" +
"<th rowspan='2' >4000</th>" +
"<th rowspan='2' >4300</th>" +
"<th colspan='5' >W50</th>" +
"<th colspan='8' >셔터박스</th>" +
"<th rowspan='1' >상부덮개</th>" +
"<th colspan='3' >마구리</th>" +
"<th rowspan='2' >W80</th>" +
"<th colspan='3' >60*40</th>" +
"<th colspan='3' >60*17</th>" +
"<th colspan='3' >50</th>" +
"<th >12T</th>" +
"<th style='width: 300px ;'> 연결 샤프트 </th>" +
"<th colspan='3' >4</th>" +
"<th colspan='3' >5</th>" +
"</tr>" +
"<tr>" +
"<th >2438</th>" +
"<th >3000</th>" +
"<th >3500</th>" +
"<th >4000</th>" +
"<th >4300</th>" +
"<th >규격 <br> (사이즈,전면밑,레일폭,점검구방향)</th>" +
"<th >size</th>" +
"<th >1219</th>" +
"<th >2438</th>" +
"<th >3000</th>" +
"<th >3500</th>" +
"<th >4000</th>" +
"<th >4150</th>" +
"<th >1219*389</th>" +
"<th >size</th>" +
"<th >날개</th>" +
"<th >수량</th>" +
"<th >size</th>" +
"<th >3000</th>" +
"<th >4000</th>" +
"<th >size</th>" +
"<th >3000</th>" +
"<th >4000</th>" +
"<th >size</th>" +
"<th >3000</th>" +
"<th >4000</th>" +
"<th >2000</th>" +
"<th >인치 &nbsp;&nbsp;&nbsp; / &nbsp;&nbsp; 길이 &nbsp;&nbsp; / &nbsp;&nbsp; 수량 </th>" +
"<th >3000</th>" +
"<th >4500</th>" +
"<th >6000</th>" +
"<th >6000</th>" +
"<th >7000</th>" +
"<th >8200</th>" +
"<th >보강</th>" +
"<th >size</th>" +
"<th >3000</th>" +
"<th >6000</th>" +
"<th >3000</th>" +
"<th >2500</th>" +
"</tr>";
const user_id = $("#user_id").val();
// console.log('user_id : ', user_id);
// 개발자 모드일 경우
if (user_id === 'pro') {
// ① 첫 번째 행: 컬럼명 라벨(col1 ~ col71), 특별 처리 포함
headerRow += "<tr>";
for (let i = 1; i <= 71; i++) {
if(i==10) {
headerRow += "<th class='text-primary'>col10_SW</th>";
headerRow += "<th class='text-primary'>col11_SH</th>";
headerRow += "<th class='text-primary'>col" + i + "</th>";
}
else if (i === 18) {
// 18번일 때는 brand, col18, wireless 3개
headerRow += "<th class='text-primary'>col18_brand</th>";
headerRow += "<th class='text-primary'>col18</th>";
headerRow += "<th class='text-primary'>col18_wireless</th>";
}
else if (i > 18) {
// 19~71번은 colN
headerRow += `<th class='text-primary'>col${i}</th>`;
// 45번일 때 wing 추가
if (i === 45) {
headerRow += "<th class='text-primary'>col45_wing</th>";
}
}
else {
// 1~17번
headerRow += `<th class='text-primary'>col${i}</th>`;
}
}
headerRow += "</tr>";
// ② 두 번째 행: 열 번호(1~74)
headerRow += "<tr>";
for (let i = 1; i <= 76; i++) {
headerRow += `<th class='text-success'>${i}</th>`;
}
headerRow += "</tr>";
}
thead.innerHTML = headerRow;
table.appendChild(thead);
const tbody = document.createElement('tbody');
// console.log(estimateList);
// Loop through estimateList rows and create table rows
// 스크린견적서 발주서로 변환 수량은 1이상일때 다중행을 만들어야 합니다. 수량은 1로 고정하고,
let surangArray = [15,16,17,24,25,26,27,28,31,32,33,34,35,38,39,40,41,42,43,44,46,47,49,50,52,53,55,56,57,60,61,62,63,64,65,68,69,70,71];
let rowCounter = 0; // 행 번호 초기화
estimateList.forEach((row) => {
// console.log('rowCounter : ', rowCounter);
// 수량이 1보다 큰 경우, 해당 수량만큼 행을 반복 생성
const quantity = parseInt(row['col14']) || 1;
// console.log('quantity : ', quantity);
for (let lpcounter = 0; lpcounter < quantity; lpcounter++) {
rowCounter++; // 행 번호 증가
const tr = document.createElement('tr');
for (let i = 1; i <= 71; i++) {
var td = document.createElement('td');
if(i ===10) {
td.className = 'w150px text-primary fw-bold col10_SW';
td.textContent = row['col10_SW'] || row['col10'] || '';
tr.appendChild(td);
td = document.createElement('td');
td.className = 'w150px text-primary fw-bold col11_SH';
td.textContent = row['col11_SH'] || row['col11'] || ''; // 우선순위가 있다
tr.appendChild(td);
td = document.createElement('td');
td.className = 'w150px col10';
td.textContent = row['col10'] || '';
tr.appendChild(td);
}
else if (i === 36 && row['col36'] !== 'custom') {
console.log('row[col36] : ', row['col36']);
console.log('row[col36_frontbottom] : ', row['col36_frontbottom']);
console.log('row[col36_railwidth] : ', row['col36_railwidth']);
console.log('row[col36_boxdirection] : ', row['col36_boxdirection']);
const colNameCustom = 'col36' ; // 정상적인 컬럼
const colNameFrontBottom = 'col36_frontbottom';
const colNameRailWidth = 'col36_railwidth';
const colNameBoxDirection = 'col36_boxdirection';
td.className = 'w300px';
// Combine all relevant values into a single string
const customValue = row[colNameCustom] || ''; // Custom value for col36
const frontBottomValue = row[colNameFrontBottom] || '50'; // Default to 50
const railWidthValue = row[colNameRailWidth] || '70'; // Default to 70
const boxDirectionValue = row[colNameBoxDirection] || ''; // Default is empty
// Display all values
td.textContent = `${customValue}, ${frontBottomValue}, ${railWidthValue}, ${boxDirectionValue}`;
}
else if (i === 36 && row['col36'] === 'custom') {
console.log('row[col36_custom] : ', row['col36_custom']);
console.log('row[col36_frontbottom] : ', row['col36_frontbottom']);
console.log('row[col36_railwidth] : ', row['col36_railwidth']);
console.log('row[col36_boxdirection] : ', row['col36_boxdirection']);
const colNameCustom = 'col36_custom' ;
const colNameFrontBottom = 'col36_frontbottom';
const colNameRailWidth = 'col36_railwidth';
const colNameBoxDirection = 'col36_boxdirection';
td.className = 'w300px';
// Combine all relevant values into a single string
const customValue = row[colNameCustom] || ''; // Custom value for col36
const frontBottomValue = row[colNameFrontBottom] || '50'; // Default to 50
const railWidthValue = row[colNameRailWidth] || '70'; // Default to 70
const boxDirectionValue = row[colNameBoxDirection] || ''; // Default is empty
// Display all values
td.textContent = `${customValue}, ${frontBottomValue}, ${railWidthValue}, ${boxDirectionValue}`;
}
else if (i === 18) {
var colName = 'col' + i + '_brand';
td.className = 'w150px';
td.textContent = row[colName] || ''; // Check if the column exists
tr.appendChild(td);
td = document.createElement('td');
colName = 'col' + i;
td.className = 'w100px';
td.textContent = row[colName] || ''; // Check if the column exists
tr.appendChild(td);
td = document.createElement('td');
colName = 'col' + i + '_wireless';
td.textContent = row[colName] || ''; // Check if the column exists
}
else if (i === 45) {
colName = 'col' + i ;
td.className = 'w100px';
td.textContent = row[colName] || ''; // Check if the column exists
tr.appendChild(td);
td = document.createElement('td');
colName = 'col' + i + '_wing'; // 마구리 날개 컬럼 추가
td.className = 'w100px';
td.textContent = row[colName] || ''; // Check if the column exists
tr.appendChild(td);
}
else if (i === 59) {
const col59Value = row['col59']/quantity || '1'; // 수량
const col59Inch = row['col59_inch'] || '2인치';
const col59Length = row['col59_length'] || '300';
const selectHtml = '<select name="col' + i + '_inch[]" style="font-size:0.7rem; height:30px;" disabled class="form-select w-auto text-center viewmode me-2 col-select col' + i + '-inch-select">' +
'<option value="2인치"' + (col59Inch === '2인치' ? ' selected' : '') + '>2인치</option>' +
'<option value="3인치"' + (col59Inch === '3인치' ? ' selected' : '') + '>3인치</option>' +
'</select>';
const inputHtmlLength = '<input type="text" name="col' + i + '_length[]" class="form-control readonly text-center col' + i + '-length-input me-2" style="width:60px;" ' +
'value="' + col59Length + '" placeholder="길이">';
const inputHtmlQty = '<input type="text" name="col' + i + '[]" class="form-control text-center readonly col59 col59-input col' + i + '-qty-input" style="width:60px;" ' +
'value="' + col59Value + '" placeholder="수량">';
td.className = 'text-center w300px';
td.innerHTML = '<div class="d-flex justify-content-center align-items-center">' +
selectHtml + inputHtmlLength + inputHtmlQty +
'</div>';
}
else
{
const colName = 'col' + i;
td.className = 'w100px ' + colName + ' ';
let value = row[colName];
if(i === 1 ) {
value = rowCounter;
}
if(i === 14) {
value = 1; // 수량 1로 고정
}
if(surangArray.includes(i)) {
value = value/quantity;
td.textContent = (value === 0 || value === '0') ? '': (value || '');
}
else {
td.textContent = (value === 0 || value === '0') ? '': (value || '');
}
}
// console.log('rowCounter : ', rowCounter);
$("#prodCode").val(row['col4']); // 제품코드 적용하기
$("#warrantyNum").val(searchWarrantyNumber(row['col4']));
tr.appendChild(td);
} // end of for
tbody.appendChild(tr);
} // end of for
});
table.appendChild(tbody);
// Sum columns that need to be summed
// col14, col15 의미함
const sumColumns = [14, 15, 16, 17, 24,25,26,27,28, 31, 32, 33, , 34, 35,38,39, 40, 41, 42, 43, 44, 46, 47, 49,50, 52, 53, 55, 56, 57, 59, 60,61,62, 63, 64, 65, 66, 68,69,70, 71 ];
const columnSums = calculateColumnSums(estimateList, sumColumns);
// Generate tfoot for sum
const tfoot = document.createElement('tfoot');
tfoot.className = 'table-secondary';
const footerRow = document.createElement('tr');
const footerTh = document.createElement('th');
footerTh.className = 'text-end';
footerTh.setAttribute('colspan', '15');
footerTh.textContent = '합계';
footerRow.appendChild(footerTh);
// Add empty cells or total cells based on sumColumns
for (let i = 14; i <= 71; i++) {
var td = document.createElement('th');
if (sumColumns.includes(i)) {
td.className = 'text-center';
const sumValue = columnSums[i];
// 0이면 빈 문자열, 정수면 그대로, 아니면 소수점 두자리까지 표시
td.textContent = (sumValue === 0) ? '' : (Number.isInteger(sumValue) ? sumValue : sumValue.toFixed(2));
} else {
td.className = 'text-center';
}
footerRow.appendChild(td);
if(i==20) {
td = document.createElement('th');
td.textContent = '';
footerRow.appendChild(td);
td = document.createElement('th');
td.textContent = '';
footerRow.appendChild(td);
}
if(i==45) {
td = document.createElement('th');
td.textContent = '';
footerRow.appendChild(td);
}
}
tfoot.appendChild(footerRow);
table.appendChild(tfoot);
estimateDiv.appendChild(table);
// 스크린 작업지시서 적용
if (reload !== null) {
addRowsFromEstimate(estimateList);
}
} catch (error) {
console.error("Error parsing JSON data: ", error);
alert("데이터를 처리하는 중 오류가 발생했습니다.");
}
} else {
console.error("Invalid or missing data.");
alert("유효한 데이터가 없습니다.");
}
}
// Function to calculate sum for specified columns
function calculateColumnSums(estimateList, sumColumns) {
const columnSums = {};
// Initialize the sums for each column in sumColumns
sumColumns.forEach((col) => {
columnSums[col] = 0;
});
// Loop through the rows in estimateList and calculate the sum for each column
estimateList.forEach((row) => {
sumColumns.forEach((col) => {
const colName = `col${col}`;
const value = parseFloat(row[colName]) || 0; // Parse value or default to 0
columnSums[col] += value;
});
});
return columnSums;
}
</script>
<script>
// 철재 견적불러오기 등 버튼에 대한 처리부분
// 검색 버튼 클릭 시 (전역 바인딩)
$(document).on('click', '#searchEstimateBtn_slat', function() {
var search = $('#searchEstimate_slat').val();
setTimeout(function() {
estimate_search_slat(search, '철재');
}, 500); // 0.5초 후에 트리거 (필요에 따라 시간을 조정할 수 있습니다)
});
function estimate_search_slat(search, whichItem) {
// 특정 모달의 ModalBody를 선택
var modalId = '#loadEstimateModal_slat'; // 모달 ID 지정
var tbody = $(modalId).find('.ModalBody');
console.log("search data:", search);
console.log("whichItem data:", whichItem);
$.ajax({
url: 'fetch_estimate.php',
type: 'POST',
data: { search: search , whichItem: whichItem },
dataType: 'json',
success: function(data) {
console.log("Response fetch_estimate.php data:", data); // 서버로부터의 응답을 콘솔에 출력
tbody.empty(); // 기존 데이터를 지움
if (Array.isArray(data) && data.length > 0) {
data.forEach(function(row, index) {
var tr = $('<tr onclick="fetchEstimateDetails_slat(\'' + row.num + '\');">').append(
$('<td>').addClass('text-center').text(index + 1),
$('<td>').addClass('text-center').text(row.indate), // 접수일
$('<td>').addClass('text-center').text(row.pjnum), // 견적번호
$('<td>').addClass('text-center').text(row.major_category), // 스크린/철재 구분
$('<td>').addClass('text-center').text(row.model_name), // 제품모델
$('<td>').addClass('text-center').text(row.secondord), // 발주처
$('<td>').addClass('text-start').text(row.outworkplace), // 현장명
$('<td>').addClass('text-end').text(row.estimateTotal ? Number(row.estimateTotal).toLocaleString() : ''), // 금액
$('<td>').addClass('text-center').text(row.estimateSurang ? Number(row.estimateSurang).toLocaleString() : ''), // 수량
$('<td>').addClass('text-center').text(row.orderman) // 담당자
);
tbody.append(tr);
});
} else if (data.length === 0) {
var tr = $('<tr>').append(
$('<td>').attr('colspan', '7').addClass('text-center').text('검색된 데이터가 없습니다.')
);
tbody.append(tr);
} else {
console.error('Unexpected data format:', data);
var tr = $('<tr>').append(
$('<td>').attr('colspan', '7').addClass('text-center').text('데이터를 불러오는 중 오류가 발생했습니다.')
);
tbody.append(tr);
}
},
error: function(jqXHR, textStatus, errorThrown) {
console.error('AJAX request failed:', textStatus, errorThrown);
var tr = $('<tr>').append(
$('<td>').attr('colspan', '7').addClass('text-center').text('데이터를 불러오는 중 오류가 발생했습니다.')
);
tbody.append(tr);
}
});
}
function EstimateSearchEnter_slat(event) {
if (event.key === "Enter") {
// 검색 버튼 클릭을 트리거
const searchButton = $('#searchEstimateBtn_slat'); // 클래스 사용
if (searchButton.length) {
searchButton.trigger('click'); // 버튼 클릭 트리거
} else {
console.error('.searchEstimateBtn element not found');
}
}
}
$(document).ready(function() {
// // 모달 열기 시 포커스 설정 및 aria-hidden 제거
// $('#loadEstimateModal').on('show.bs.modal', function () {
// $(this).removeAttr('aria-hidden'); // aria-hidden 제거
// });
// // 모달 닫기 시 aria-hidden 추가 및 포커스 복구
// $('#loadEstimateModal').on('hide.bs.modal', function () {
// $(this).attr('aria-hidden', 'true'); // aria-hidden 추가
// });
// // 모달 열기 시 포커스 설정 및 aria-hidden 제거
// $('#loadEstimateModal_slat').on('show.bs.modal', function () {
// $(this).removeAttr('aria-hidden'); // aria-hidden 제거
// });
// // 모달 닫기 시 aria-hidden 추가 및 포커스 복구
// $('#loadEstimateModal_slat').on('hide.bs.modal', function () {
// $(this).attr('aria-hidden', 'true'); // aria-hidden 추가
// });
// // 모달 열기 시 포커스 설정 및 aria-hidden 제거
// $('#selectEstimateModal').on('show.bs.modal', function () {
// $(this).removeAttr('aria-hidden'); // aria-hidden 제거
// });
// // 모달 닫기 시 aria-hidden 추가 및 포커스 복구
// $('#selectEstimateModal').on('hide.bs.modal', function () {
// $(this).attr('aria-hidden', 'true'); // aria-hidden 추가
// });
// 견적서 불러오기 버튼 클릭 시
$(document).on('click', '#loadEstimateBtn_slat', function() {
$("#loadEstimateModal_slat").modal("show"); // 모달창 띄우기
var search = $('#secondord').val(); // #secondord 발주처 입력값을 검색어로 사용
// 약간의 시간차를 두고 검색 버튼 클릭을 자동으로 트리거
$('#searchEstimate_slat').val(search);
setTimeout(function() {
estimate_search_slat(search,'철재');
}, 500); // 0.5초 후에 트리거 (필요에 따라 시간을 조정할 수 있습니다)
});
// 철재 발주서 등록/수정 버튼 클릭 시
$(document).on('click', '#editOrderBtn_slat', function() {
const num = $("#num").val();
// 철재 발주서 데이터 수집
const slatData = collectEstimateListData_Slat('#estimateSlatListTable');
const jsonString = JSON.stringify(slatData);
// 현재 날짜와 시간으로 임시 키 생성
const tempKey = 'slat_' + new Date().toISOString().replace(/[-:.]/g, '');
// AJAX로 서버에 JSON 저장 요청
$.ajax({
url: 'save_json.php',
type: 'POST',
data: {
jsonData: jsonString,
tempKey: tempKey
},
dataType: 'json',
success: function(response) {
if (response.success) {
// 1) 각 input 요소에서 값 읽어오기
const estimateSurang = $('#estimateSurang').val();
const EstimateFirstSum = $('#EstimateFirstSum').val();
const EstimateUpdatetSum = $('#EstimateUpdatetSum').val();
const EstimateDiffer = $('#EstimateDiffer').val();
const EstimateDiscountRate = $('#EstimateDiscountRate').val();
const EstimateDiscount = $('#EstimateDiscount').val();
const EstimateFinalSum = $('#EstimateFinalSum').val();
const estimateTotal = $('#estimateTotal').val();
const makeWidth = $('#makeWidth').val();
const makeHeight = $('#makeHeight').val();
const maguriWing = $('#maguriWing').val();
const inspectionFee = $('#inspectionFee').val();
// 체크박스 상태 전달
const steelChecked = ($("#steel").prop('checked')) ? 'checked' : '' ; // 절곡체크가 steel 임.
const motorChecked = ($("#motor").prop('checked')) ? 'checked' : ''; // 모터가 들어가는지 체크
const warrantyChecked = ($("#warranty").prop('checked')) ? 'checked' : ''; // 인정제품인지 체크
const slatChecked = ($("#slatcheck").prop('checked')) ? 'checked' : ''; // 주자재(스크린,철재) 체크
const partsChecked = ($("#partscheck").prop('checked')) ? 'checked' : ''; // 부자재 체크
// 2) 쿼리 스트링 객체로 만들기
const params = {
num: num,
tempKey: tempKey,
mode: 'edit',
itemoption: 'slat', // Changed from 'screen' to 'slat'
estimateSurang,
EstimateFirstSum,
EstimateUpdatetSum,
EstimateDiffer,
estimateTotal,
EstimateDiscountRate,
EstimateDiscount,
EstimateFinalSum,
makeWidth,
makeHeight,
maguriWing,
inspectionFee,
steelChecked, // 체크박스 상태 전달
motorChecked,
warrantyChecked,
slatChecked,
partsChecked
};
// 3) $.param 으로 직렬화한 뒤 URL 생성
const url = '/estimate/write_form.php?' + $.param(params);
// 4) 팝업 열기
customPopup(url, '발주서 등록/수정', 1890, 900);
} else {
alert('JSON 저장에 실패했습니다. 다시 시도해 주세요.');
}
},
error: function(jqXHR, textStatus, errorThrown) {
console.log('AJAX 요청 실패');
console.log('상태 코드:', jqXHR.status);
console.log('응답 텍스트:', jqXHR.responseText);
console.log('오류 상태:', textStatus);
console.log('오류 메시지:', errorThrown);
alert('일시적으로 서버와의 통신 실패. 죄송하지만, 버튼 실행을 다시해 주세요. 문제가 지속되면 관리자에게 문의해 주세요.');
}
});
});
// 철재 견적서 보기 버튼 클릭 시
$(document).on('click', '#ViewEstimateBtn_slat', function() {
var num = $("#estimate_num").val();
if (!num || num === '0') {
Swal.fire({
icon: 'warning',
title: '알림',
text: '견적을 불러온 기록이 없습니다.'
});
return;
}
var tablename = "estimate";
// URL에 변수를 추가
var url = '/estimate/write_form.php?mode=view' + '&num=' + num + "&tablename=" + tablename;
customPopup(url, '견적서', 1850, 900);
});
// 철재 발주서 보기 버튼 클릭 시
$(document).on('click', '#loadOrderBtn_slat', function() {
var num = $("#num").val();
var url = '/output/viewOrder_slat.php?num=' + num ;
customPopup(url, '철재 발주서', 800, 900);
});
// 철재스라트작업일지 버튼 클릭 시
$(document).on('click', '#loadSlatWorkBtn', function() {
var num = $("#num").val();
var url = '/output/viewSlatWork.php?num=' + num ;
customPopup(url, '철재 작업일지', 800, 900);
});
// 철재 절곡 작업일지 버튼 클릭 시
$(document).on('click', '#loadBendingWorkBtn_slat', function() {
var num = $("#num").val();
var url = '/output/viewBendingWork_slat.php?num=' + num ;
customPopup(url, '철재 절곡작업일지', 800, 900);
});
// 철재 출고증 버튼 클릭 시
$(document).on('click', '#loadOutputWorkBtn_slat', function() {
var num = $("#num").val();
var url = '/output/viewOutput_slat.php?num=' + num ;
customPopup(url, '철재 출고증', 800, 900);
});
// 철재 납품확인서 버튼 클릭 시
$(document).on('click', '#loadConfirmBtn_slat', function() {
var num = $("#num").val();
var url = '/output/viewConfirm_slat.php?num=' + num ;
customPopup(url, '철재 납품확인서', 800, 900);
});
// 철재-중간검사 버튼 클릭 시
$(document).on('click', '#loadmidInspectSlatBtn', function() {
var num = $("#num").val();
var url = '/output/viewMidInspectSlat.php?num=' + num ;
customPopup(url, '철재-중간검사', 800, 900);
});
// 조인트바-중간검사 버튼 클릭 시
$(document).on('click', '#loadmidInspectJointbarBtn', function() {
var num = $("#num").val();
var url = '/output/viewinspectionJointbar.php?num=' + num ;
customPopup(url, '조인트바-중간검사', 800, 900);
});
// 철재 절곡-중간검사 버튼 클릭 시
$(document).on('click', '#loadmidInspectBendingBtn_slat', function() {
var num = $("#num").val();
var url = '/output/viewMidInspectBending_slat.php?num=' + num ;
customPopup(url, '철재 절곡-중간검사', 800, 900);
});
// 검색 버튼 클릭 시
$('.searchEstimateBtn_slat').on('click', function() {
var search = $('#searchEstimate_slat').val();
// 철재 검색
setTimeout(function() {
estimate_search_slat(search,'철재');
}, 500); // 0.5초 후에 트리거 (필요에 따라 시간을 조정할 수 있습니다)
});
});
// 견적 상세 정보를 가져오는 AJAX 함수
function fetchEstimateDetails_slat(estimateId) {
// console.log('estimateId' + estimateId);
$("#loadEstimateModal_slat").modal("hide"); // 모달창 닫기
$("#estimate_slatDiv").show(); // 철재스라트탭 보이게 하기
$.ajax({
url: 'fetch_estimate_details.php', // 서버에서 데이터를 가져오는 경로 (스크린, 철재 구분없다. 아이디로 가져옴)
method: 'POST',
data: { estimateId: estimateId }, // 실제 전달된 estimateId 사용
dataType: 'json',
success: function(response) {
console.log(response);
// Check if response is valid and contains necessary data
if (response && Array.isArray(response) && response.length > 0) {
const estimateData = response[0];
// major_category 값을 확인하여 처리
if (estimateData.major_category === '스크린') {
// 철재스라트일 경우 estimateList 데이터를 숨겨진 필드에 넣음
document.getElementById('estimateList').value = estimateData.estimateList;
document.getElementById('estimateList_auto').value = estimateData.estimateList_auto;
} else if (estimateData.major_category === '철재') {
// 철재스라트일 경우 estimateSlatList 데이터를 숨겨진 필드에 넣음
document.getElementById('estimateSlatList').value = estimateData.estimateSlatList;
document.getElementById('estimateSlatList_auto').value = estimateData.estimateSlatList_auto;
}
// 견적서 외 주요 hidden input 값도 반영
$('#pjnum').val(estimateData.pjnum || '');
$('#major_category').val(estimateData.major_category || '');
$('#position').val(estimateData.position || '');
$('#makeWidth').val(estimateData.makeWidth || '');
$('#makeHeight').val(estimateData.makeHeight || '');
$('#secondord').val(estimateData.secondord || ''); // 발주처
$('#secondordman').val(estimateData.secondordman || ''); // 발주처
$('#secondordmantel').val(estimateData.secondordmantel || ''); // 발주처
$('#secondordnum').val(estimateData.secondordnum || ''); // 발주처 코드
$('#outworkplace').val(estimateData.outworkplace || ''); // 견적서 현장명
$('#estimate_num').val(estimateData.num || ''); // 견적서 코드
// 로트번호 생성 자동체크
$('#createAutoCode').prop('checked', true);
function formatNumber(value) {
return value && !isNaN(value) ? Number(value).toLocaleString() : '';
}
// 1) 수치(VAT 포함) 계산
const supplyPrice = Number(estimateData.estimateTotal) || 0;
const FirstSum = Number(estimateData.EstimateFirstSum) || 0;
const updateSum = Number(estimateData.EstimateUpdatetSum) || 0; // 수정금액
const withVAT = Math.round(supplyPrice * 1.1); // 소수점 없이 반올림
const withVAT_FirstSum = Math.round(FirstSum * 1.1); // 소수점 없이 반올림
const withVAT_updateSum = Math.round(updateSum * 1.1); // 소수점 없이 반올림
const differSum = withVAT_FirstSum - withVAT_updateSum;
$('#estimateTotal').val(formatNumber(withVAT));// VAT 포함으로 저장하기 견적은 공급가액임 최초저장금액도 적용함
$('#EstimateFirstSum').val(formatNumber(withVAT_FirstSum));
$('#EstimateUpdatetSum').val(formatNumber(withVAT_updateSum));
$('#EstimateDiffer').val(formatNumber(differSum));
$('#EstimateDiscountRate').val(estimateData.EstimateDiscountRate || '');
$('#EstimateDiscount').val(estimateData.EstimateDiscount || '');
$('#EstimateFinalSum').val(formatNumber(estimateData.EstimateFinalSum));
$('#maguriWing').val(estimateData.maguriWing || '');
// detailJson은 JSON 객체이므로 다시 문자열화해서 전달
$('#detailJson').val(estimateData.detailJson || '');
// 5가지 체크박스 상태 설정
$('#steel').prop('checked', estimateData.steel === '1');
$('#motor').prop('checked', estimateData.motor === '1');
$('#warranty').prop('checked', estimateData.warranty === '인정');
$('#slatcheck').prop('checked', estimateData.slatcheck === '1');
$('#partscheck').prop('checked', estimateData.partscheck === '1');
if (estimateData.warranty === '인정') {
$('#warranty').trigger('change');
}
// estimateList를 모달창에서 보여주기 위해 추가
loadEstimateList_slat(estimateData.estimateSlatList, estimateData.estimateSlatList_auto); // 철재 정보를 넘겨준다.
// 닫기 버튼
$(document).on('click', '.closeModal_Estimate', function() {
$("#selectEstimateModal").modal("hide"); // 모달창 띄우기
});
} else {
console.error('Received invalid response data');
}
},
error: function(err) {
console.error('Error fetching data', err);
}
});
}
var fullEstimateList_slat = []; // 전역 변수로 전체 estimateList 저장
function loadEstimateList_slat(estimateList_slat, estimateList_auto_slat) {
// estimateList가 문자열로 전달된 경우 JSON 파싱
if (typeof estimateList_slat === 'string' && estimateList_slat !== '' && estimateList_slat !== null && estimateList_slat !== undefined && estimateList_slat !== '[]' && estimateList_slat !== '{}') {
try {
estimateList_slat = JSON.parse(estimateList_slat); // 문자열이면 JSON 배열로 변환
estimateList_auto_slat = JSON.parse(estimateList_auto_slat); // 문자열이면 JSON 배열로 변환
} catch (e) {
console.error('estimateList를 JSON으로 파싱하는 중 오류 발생:', e);
return;
}
}
// estimateList가 배열인지 확인
if (!Array.isArray(estimateList_slat)) {
console.error('estimateList_slat는 배열이어야 합니다. 받은 값:', estimateList_slat);
return; // 배열이 아니면 함수 종료
}
fullEstimateList_slat = estimateList_slat; // 전역 변수에 전체 데이터를 저장
var tbody = $('#estimateListBody'); // 견적항목 선택
tbody.empty(); // 기존 데이터를 지움
// 데이터를 반복하면서 각 행을 생성
estimateList_slat.forEach(function(estimate, index) {
var tr = $('<tr>').append(
$('<td>').append(
$('<input type="checkbox" class="estimate-checkbox">')
.val(estimate.col1 ?? '')
.prop('checked', true) // 기본 체크 상태
),
$('<td>').text(estimate.col2 ?? ''), // col2
$('<td>').text(estimate.col3 ?? ''), // col3
$('<td>').text(estimate.col4 ?? ''), // col4
$('<td>').text(estimate.col5 ?? ''), // col5
$('<td>').text(estimate.col10 ?? ''), // col10
$('<td>').text(estimate.col11 ?? ''), // col11
$('<td>').text(estimate.col15 ?? '') // col15 철재슬랫 수량
);
tbody.append(tr);
});
// 모달창 띄우기
$('#selectEstimateModal').modal('show');
// 전체 선택 체크박스 change 이벤트 추가
$('.selectAllEstimates').off('change').on('change', function() {
// 체크된 상태에 맞춰 하위 체크박스 일괄 토글
$('.estimate-checkbox').prop('checked', $(this).prop('checked'));
});
// 적용 버튼 클릭 시 선택된 항목 처리
$('#applySelectedEstimates').off('click').on('click', function() {
var selectedEstimateIds = [];
// 선택된 체크박스의 값을 배열로 수집
$('.estimate-checkbox:checked').each(function() {
selectedEstimateIds.push($(this).val());
});
if (selectedEstimateIds.length > 0) {
// 선택된 항목을 처리하는 함수 호출
// 철재 슬랫
processSelectedEstimates_slat(selectedEstimateIds);
// 모달창 닫기
$('#selectEstimateModal').modal('hide');
} else {
alert('적용할 항목을 선택해주세요.');
}
});
}
// 철재 견적서 선택된 항목을 처리하는 함수
function processSelectedEstimates_slat(selectedEstimateIds) {
// 선택된 ID들에 해당하는 데이터를 전체 목록에서 필터링
const filteredEstimates = fullEstimateList_slat.filter(function(estimate) {
return selectedEstimateIds.includes(estimate.col1); // col1이 고유번호
});
// console.log('필터링된 데이터:', filteredEstimates); // 필터링된 데이터 출력
// 선택된 자료의 col1을 1부터 시작하는 일렬번호로 재설정
filteredEstimates.forEach((estimate, index) => {
estimate.col1 = (index + 1).toString(); // 일렬번호를 1부터 설정
});
// console.log('forEach 후 데이터:', filteredEstimates); // 일렬번호 설정 후 출력
// 필터링된 데이터를 함수로 전달하여 화면에 표시
renderEstimateData_slat({ estimateSlatList: filteredEstimates }, 'adapt'); // 기록함
}
// 철재 슬랫 견적서 화면 표시
function renderEstimateData_slat(data, reload = null) {
// Check if the data and estimateSlatList exist and are valid JSON
if (data && data.estimateSlatList) {
try {
// 이미 파싱된 JSON인지 확인하려면 try-catch 사용
if (typeof data.estimateSlatList === 'string') {
estimateSlatList = JSON.parse(data.estimateSlatList); // 문자열이면 JSON 파싱
} else {
estimateSlatList = data.estimateSlatList; // 이미 파싱된 JSON일 경우 그대로 사용
}
const estimateDiv = document.getElementById('estimate_slatDiv');
estimateDiv.innerHTML = ''; // Clear previous content
const table = document.createElement('table');
table.className = 'table table-bordered';
table.id = 'estimateSlatListTable';
// Create the table header (this can be expanded with your desired header structure)
const thead = document.createElement('thead');
let headerRow =
"<tr>" +
"<th rowspan='6' style='width: 150px !important;'>일련<br>번호</th>" +
"<th rowspan='6' style='width: 150px !important;'>층수</th>" +
"<th rowspan='6' style='width: 150px !important;'>부호</th>" +
"<th rowspan='6' style='width: 200px !important;'>제품명</th>" +
"<th rowspan='6' style='width: 200px !important;'>투시창선택</th>" +
"<th rowspan='6' style='width: 150px !important;'>종류</th>" +
"<th rowspan='4' colspan='2' style='width: 300px !important;'>가이드레일</th>" +
"<th rowspan='4' colspan='2' style='width: 300px !important;'>①오픈사이즈</th>" +
"<th rowspan='4' colspan='2'>②-1제작사이즈 <br> <span class='text-primary'> (철재)</span></th>" +
"<th rowspan='4' colspan='2'>②-2제작사이즈 <br> <span class='text-danger'> (부자재)</span></th>" +
"<th rowspan='6' style='width: 150px !important;'>③면적</th>" +
"<th rowspan='6' style='width: 150px !important;'>④중량</th>" +
"<th rowspan='6' style='width: 150px !important;'>투시창 <br> 수량</th>" +
"<th rowspan='6' style='width: 150px !important;'>셔터<br>수량</th>" +
"<th rowspan='4' colspan='3' style='width: 300px !important;'>연동제어기</th>" +
"<th rowspan='2' colspan='7' style='width: 400px !important;'>⑤모터</th>" +
"<th rowspan='1' colspan='36' style='width: 1200px !important;'>절곡</th>" +
"<th rowspan='1' colspan='21' style='width: 600px !important;'>부자재</th>" +
"</tr>" +
"<tr>" +
"<th rowspan='2' colspan='8' style='width: 600px;'>⑥가이드레일(한쌍)</th>" +
"<th rowspan='2' colspan='18' style='width: 900px;'>⑦케이스(셔터박스)</th>" +
"<th rowspan='2' colspan='10' style='width: 750px;'>⑧하단마감재</th>" +
"<th rowspan='2' colspan='13' style='width: 600px;'>⑨감기샤프트</th>" +
"<th rowspan='2' colspan='4' style='width: 300px;'>⑩각파이프</th>" +
"<th rowspan='4' style='width: 150px;'>⑪조인트바</th>" +
"<th rowspan='4' style='width: 150px;'>⑫앵글</th>" +
"</tr>" +
"<tr>" +
"<th rowspan='4'> <span class='text-primary'> 모터 견적가 포함</span> </th> " +
"<th rowspan='4' style='width: 150px;'>전원</th>" +
"<th rowspan='4' style='width: 150px;'>유/무선</th>" +
"<th rowspan='4' style='width: 150px;'>용량</th>" +
"<th rowspan='2' colspan='3' style='width: 300px;'>브라케트</th>" +
"</tr>" +
"<tr>" +
"<th rowspan='1' colspan='6' style='width: 600px;'>가이드레일 마감/보강재</th>" +
"<th rowspan='3' style='width: 150px;'>하부base1</th>" +
"<th rowspan='3' style='width: 150px;'>하부base2</th>" +
"<th colspan='5' style='width: 500px;'>레일용 연기차단재 <br> (W50)</th>" +
"<th colspan='12' style='width: 900px;'>케이스</th>" +
"<th style='width: 150px;'>케이스용<br>연기차단재</th>" +
"<th colspan='3' style='width: 300px;'>하장바</th>" +
"<th colspan='7'> x </th>" +
"<th rowspan='3' style='width: 150px;'>인치</th>" +
"<th colspan='12' style='width: 700px;'>원형파이프</th>" +
"<th rowspan='2' colspan='4' style='width: 300px;'>50*30*1.4T</th>" +
"</tr>" +
"<tr>" +
"<th rowspan='2' style='width: 150px;'>설치유형</th>" +
"<th rowspan='2' style='width: 150px;'>마감유형</th>" +
"<th rowspan='2' style='width: 150px;'>가로</th>" +
"<th rowspan='2' style='width: 150px;'>높이</th>" +
"<th rowspan='2' style='width: 150px;'>가로</th>" +
"<th rowspan='2' style='width: 150px;'>높이</th>" +
"<th rowspan='2' style='width: 150px;'>가로</th>" +
"<th rowspan='2' style='width: 150px;'>높이</th>" +
"<th rowspan='2' style='width: 150px;'>매립</th>" +
"<th rowspan='2' style='width: 150px;'>노출</th>" +
"<th rowspan='2' style='width: 150px;'>매립형<br>뒷박스</th>" +
"<th rowspan='2' style='width: 200px;'>가로*세로</th>" +
"<th rowspan='2' style='width: 150px;'>사이즈</th>" +
"<th rowspan='2' style='width: 150px;'>받침용<br>앵글</th>" +
"<th rowspan='2' style='width: 150px;'>size</th>" +
"<th rowspan='2'>2438</th>" +
"<th rowspan='2'>3000</th>" +
"<th rowspan='2'>3500</th>" +
"<th rowspan='2'>4000</th>" +
"<th rowspan='2'>4300</th>" +
"<th rowspan='2' style='width: 150px;'>2438</th>" +
"<th rowspan='2' style='width: 150px;'>3000</th>" +
"<th rowspan='2' style='width: 150px;'>3500</th>" +
"<th rowspan='2' style='width: 150px;'>4000</th>" +
"<th rowspan='2' style='width: 150px;'>4300</th>" +
"<th colspan='8' style='width: 800px;'>셔터박스</th>" +
"<th rowspan='1' style='width: 150px;'>상부덮개</th>" +
"<th colspan='3' style='width: 300px;'>마구리</th>" +
"<th rowspan='1' style='width: 150px;'>W80</th>" +
"<th colspan='3' style='width: 300px;'>60*40</th>" +
"<th colspan='7'> x </th>" +
"<th colspan='1'> x </th>" +
"<th colspan='3' style='width: 300px;'>4</th>" +
"<th colspan='3' style='width: 300px;'>5</th>" +
"<th colspan='4' style='width: 400px;'>6</th>" +
"<th colspan='1' style='width: 100px;'>8</th>" +
"</tr>" +
"<tr>" +
"<th >규격 <br> (사이즈,전면밑,레일폭,점검구방향)</th>" +
"<th style='width: 150px;'>size</th>" +
"<th style='width: 150px;'>1219</th>" +
"<th style='width: 150px;'>2438</th>" +
"<th style='width: 150px;'>3000</th>" +
"<th style='width: 150px;'>3500</th>" +
"<th style='width: 150px;'>4000</th>" +
"<th style='width: 150px;'>4150</th>" +
"<th style='width: 150px;'>1219*@</th>" +
"<th style='width: 150px;'>size</th>" +
"<th style='width: 150px;'>날개</th>" +
"<th style='width: 150px;'>수량</th>" +
"<th style='width: 150px;'>3000</th>" +
"<th style='width: 150px;'>size</th>" +
"<th style='width: 150px;'>3000</th>" +
"<th style='width: 150px;'>4000</th>" +
"<th colspan='7'> x </th>" +
"<th style='width: 150px;'>철재X </th>" +
"<th style='width: 150px;'>3000</th>" +
"<th style='width: 150px;'>4500</th>" +
"<th style='width: 150px;'>6000</th>" +
"<th style='width: 150px;'>6000</th>" +
"<th style='width: 150px;'>7000</th>" +
"<th style='width: 150px;'>8200</th>" +
"<th style='width: 150px;'>3000</th>" +
"<th style='width: 150px;'>6000</th>" +
"<th style='width: 150px;'>7000</th>" +
"<th style='width: 150px;'>8000</th>" +
"<th style='width: 150px;'>8200</th>" +
"<th style='width: 150px;'>보강개수환산</th>" +
"<th style='width: 150px;'>size</th>" +
"<th style='width: 150px;'>3000</th>" +
"<th style='width: 150px;'>6000</th>" +
"<th style='width: 150px;'>300</th>" +
"<th style='width: 150px;'>2500</th>" +
"</tr>";
const user_id = $("#user_id").val();
// console.log('user_id :', user_id);
// 개발자 모드일 경우 열 번호 행 추가
if (user_id && user_id === 'pro') {
headerRow += "<tr>";
// 1) col2~col4
for (let i = 1; i <= 4; i++) {
headerRow += `<th class='text-primary'>col${i}</th>`;
}
// 2) col4 다음에 col4_quartz
headerRow += "<th class='text-primary'>col4_quartz</th>";
// 3) col5~col18
for (let i = 5; i <= 18; i++) {
if(i==10) {
headerRow += "<th class='text-primary'>col10_SW</th>";
headerRow += "<th class='text-primary'>col11_SH</th>";
headerRow += "<th class='text-primary'>col" + i + "</th>";
}
else{
headerRow += `<th class='text-primary'>col${i}</th>`;
}
}
// 4) col19 이전에 추가할 3개
headerRow += "<th class='text-primary'>col19_brand</th>";
headerRow += "<th class='text-primary'>col19</th>";
headerRow += "<th class='text-primary'>col19_wireless</th>";
// 5) col20~col46
for (let i = 20; i <= 46; i++) {
headerRow += `<th class='text-primary'>col${i}</th>`;
}
// 6) col46_wing
headerRow += "<th class='text-primary'>col46_wing</th>";
// 7) col47~col77
for (let i = 47; i <= 77; i++) {
headerRow += `<th class='text-primary'>col${i}</th>`;
}
headerRow += "</tr>";
// 두 번째 행: 숫자 1~81 출력
headerRow += "<tr>";
for (let i = 1; i <= 83; i++) {
headerRow += `<th class='text-success'>${i}</th>`;
}
headerRow += "</tr>";
// 결과 문자열 사용 (예: DOM에 삽입하거나 콘솔 출력)
console.log(headerRow);
}
thead.innerHTML = headerRow;
table.appendChild(thead);
const tbody = document.createElement('tbody');
// console.log(estimateSlatList);
// estimateSlatList.forEach((row) => {
// console.log(row);
// });
// col1 형태 읽어오기
let surangArray = [16, 17, 18, 27, 28, 28, 29, 30, 31, 34, 35, 36, 37, 38, 41, 42, 43, 44, 45, 46, 47, 49, 50, 52, 53, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 76, 77, 78, 79];
let rowCounter = 0; // 행 번호 초기화
estimateSlatList.forEach((row) => {
// console.log('rowCounter : ', rowCounter);
// 수량이 1보다 큰 경우, 해당 수량만큼 행을 반복 생성 철재 수량
const quantity = parseInt(row['col15']) || 1;
// console.log('quantity : ', quantity);
for (let lpcounter = 0; lpcounter < quantity; lpcounter++) {
rowCounter++; // 행 번호 증가
const tr = document.createElement('tr');
for (let i = 1; i <= 77; i++) {
var td = document.createElement('td');
if(i === 4 ) { // 셔터박스 크기 유동적
let colName = 'col' + i;
td.className = 'w100px' + ' ' + colName;
td.textContent = row[colName] || ''; // Check if the column exists
tr.appendChild(td);
td = document.createElement('td');
colName = 'col' + i + '_quartz';
td.className = 'w150px' + ' ' + colName;
td.textContent = row[colName] || ''; // Check if the column exists
}
else if(i ===10) {
td.className = 'w150px text-primary fw-bold col10_SW';
td.textContent = row['col10_SW'] || row['col10'] || '';
tr.appendChild(td);
td = document.createElement('td');
td.className = 'w150px text-primary fw-bold col11_SH';
td.textContent = row['col11_SH'] || row['col11'] || ''; // 우선순위가 있다
tr.appendChild(td);
td = document.createElement('td');
td.className = 'w150px col10';
td.textContent = row['col10'] || '';
tr.appendChild(td);
}
else if (i === 37 && row['col37'] !== 'custom') {
console.log('row[col37] : ', row['col37']);
console.log('row[col37_frontbottom] : ', row['col37_frontbottom']);
console.log('row[col37_railwidth] : ', row['col37_railwidth']);
console.log('row[col37_boxdirection] : ', row['col37_boxdirection']);
const colNameCustom = 'col' + i ;
const colNameFrontBottom = 'col' + i + '_frontbottom';
const colNameRailWidth = 'col' + i + '_railwidth';
const colNameBoxDirection = 'col' + i + '_boxdirection';
td.className = 'w300px';
// Combine all relevant values into a single string
const customValue = row[colNameCustom] || ''; // Custom value for col38
const frontBottomValue = row[colNameFrontBottom] || '50'; // Default to 50
const railWidthValue = row[colNameRailWidth] || '70'; // Default to 70
const boxDirectionValue = row[colNameBoxDirection] || '양면'; // Default is empty
// Display all values
td.textContent = `${customValue}, ${frontBottomValue}, ${railWidthValue}, ${boxDirectionValue}`;
} else if (i === 37 && row['col37'] === 'custom') { // custom일때는 다르게 처리함
console.log('row[col37_custom] : ', row['col37_custom']);
console.log('row[col37_frontbottom] : ', row['col37_frontbottom']);
console.log('row[col37_railwidth] : ', row['col37_railwidth']);
console.log('row[col37_boxdirection] : ', row['col37_boxdirection']);
const colNameCustom = 'col37_custom' ;
const colNameFrontBottom = 'col37_frontbottom';
const colNameRailWidth = 'col37_railwidth';
const colNameBoxDirection = 'col37_boxdirection';
td.className = 'w300px';
// Combine all relevant values into a single string
const customValue = row[colNameCustom] || ''; // Custom value for col38
const frontBottomValue = row[colNameFrontBottom] || '50'; // Default to 50
const railWidthValue = row[colNameRailWidth] || '70'; // Default to 70
const boxDirectionValue = row[colNameBoxDirection] || '양면'; // Default is empty
// Display all values
td.textContent = `${customValue}, ${frontBottomValue}, ${railWidthValue}, ${boxDirectionValue}`;
} else if (i === 19) { // 모터 유무선여부
var colName = 'col19_brand';
td.className = 'w150px' + ' ' + colName;
td.textContent = row[colName] || '';
tr.appendChild(td);
td = document.createElement('td');
colName = 'col19';
td.className = 'w100px' + ' ' + colName;
td.textContent = row[colName] || ''; // Check if the column exists
tr.appendChild(td);
td = document.createElement('td');
colName = 'col19_wireless';
td.className = 'w100px' + ' ' + colName;
td.textContent = row[colName] || ''; // Check if the column exists
} else if (i === 46) { // 마구리 날개부분 추가
var colName = 'col46';
td.className = 'w100px' + ' ' + colName;
td.textContent = row[colName] || '';
tr.appendChild(td);
td = document.createElement('td');
colName = 'col46_wing';
td.className = 'w100px' + ' ' + colName;
td.textContent = row[colName] || ''; // Check if the column exists
}
else
{
const colName = 'col' + i;
td.className = 'w100px ' + colName + ' ' ;
let value = row[colName];
if(i === 1 ) {
value = rowCounter;
}
if(i === 15) { // 수량 컬럼
value = 1; // 수량 1로 고정
}
if(surangArray.includes(i)) {
value = value/quantity;
td.textContent = (value === 0 || value === '0') ? '': (value || '');
}
else {
td.textContent = (value === 0 || value === '0') ? '': (value || '');
}
}
$("#prodCode").val(row['col4']); // 제품코드 적용하기
$("#warrantyNum").val(searchWarrantyNumber(row['col4']));
tr.appendChild(td);
}
tbody.appendChild(tr);
} // end of for
});
table.appendChild(tbody);
// Sum columns that need to be summed
// 합계를 낼 col다음 숫자임
const sumColumns = [14,15,16,17,18,25,26,27,28,29,33,34,35,36,39,40,41,42,43,44,47,48,50,51,61,62,63,64,65,66,67,68,69,70,71,74,75,76,77];
const columnSums = calculateColumnSums_slat(estimateSlatList, 14, 77);
// Generate tfoot for sum
const tfoot = document.createElement('tfoot');
tfoot.className = 'table-secondary';
const footerRow = document.createElement('tr');
const footerTh = document.createElement('th');
footerTh.className = 'text-end';
footerTh.setAttribute('colspan', '16');
footerTh.textContent = '합계';
footerRow.appendChild(footerTh);
// Add empty cells or total cells based on sumColumns
// col77까지 해당됨
for (let i = 14; i <= 77; i++) {
var td = document.createElement('th');
if (sumColumns.includes(i)) {
td.className = 'text-center';
const sumValue = columnSums[i];
// 0이면 빈 문자열, 정수면 그대로, 아니면 소수점 둘째자리까지
td.textContent = (sumValue === 0) ? '' : (Number.isInteger(sumValue) ? sumValue : sumValue.toFixed(2));
} else {
td.className = 'text-center';
td.textContent = ''; // 비합산 열도 공백으로 초기화
}
footerRow.appendChild(td);
if (i === 19) {
var td = document.createElement('th');
td.textContent = '';
footerRow.appendChild(td);
var td = document.createElement('th');
td.textContent = '';
footerRow.appendChild(td);
}
else if (i === 46) {
var td = document.createElement('th');
td.textContent = '';
footerRow.appendChild(td);
}
}
tfoot.appendChild(footerRow);
table.appendChild(tfoot);
estimateDiv.appendChild(table);
// reload 옵션이 있으면 스크린발주서에 적용하기
if (reload !== null) {
addRowsFromEstimate_Slat(estimateSlatList); // 견적 데이터를 발주서에 추가
}
} catch (error) {
console.error("Error parsing JSON data: ", error);
alert("데이터를 처리하는 중 오류가 발생했습니다.");
}
} else {
console.error("Invalid or missing data.");
alert("유효한 데이터가 없습니다.");
}
}
function calculateColumnSums_slat(estimateSlatList, startCol, endCol) {
const columnSums = {};
// Initialize sums for the specified range of columns
for (let col = startCol; col <= endCol; col++) {
columnSums[col] = 0;
}
// Loop through rows and calculate sums for the specified columns
estimateSlatList.forEach((row) => {
for (let col = startCol; col <= endCol; col++) {
let colName = `col${col}`;
const value = parseFloat(row[colName]) || 0; // Parse value or default to 0
columnSums[col] += value;
}
});
return columnSums;
}
// 발주서, 견적데이터에서 전달하여 철재 작업지시서 행을 추가하는 함수
function addRowsFromEstimate_Slat(estimateSlatList) {
const slatcheck = $("#slatcheck").prop('checked'); // 주자재(스크린,철재) 체크여부
console.log('slatcheck : ', slatcheck);
// 견적 데이터를 사용하여 철재 발주서를 초기화
const orderTableBody = document.getElementById('slatTable');
orderTableBody.innerHTML = ''; // 기존 발주서 내용 초기화
// 철재 슬랫 견적서 체크시 작업지시서 추가
if (slatcheck === true) {
estimateSlatList.forEach((estimateData) => {
// 수량이 1보다 큰 경우, 해당 수량만큼 행을 반복 생성
const quantity = parseInt(estimateData.col15) || 1;
for (let i = 0; i < quantity; i++) {
addRow_slat(null, estimateData);
}
});
}
else
{
// 철재 슬랫 견적서 체크 안되어 있으면 작업지시서 추가 안함
console.log('slatcheck is false');
// 철재 작업지시서 숨기기
$("#slat_order").hide();
}
}
</script>
<!-- 부트스트랩 툴팁 -->
<script>
document.addEventListener('DOMContentLoaded', function () {
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl);
});
// $("#order_form_write").modal("show");
});
$(document).on('click', '#viewEstimateDetail', function() {
var estimateList = $("#estimateList").val();
var estimateSlatList = $("#estimateSlatList").val();
var num = $("#num").val();
// 가로폭, 세로폭, 마구리날개, 검사비설정 정보 전달하는 함수
var makeWidth = $("#makeWidth").val();
var makeHeight = $("#makeHeight").val();
var maguriWing = $("#maguriWing").val();
var inspectionFee = $("#inspectionFee").val();
var checkAccount = false;
if(estimateList !== '[]') { // 스크린견적서가 있다면
var url = '/estimate/output_EsDetail_screen.php?num=' + num + '&makeWidth=' + makeWidth + '&makeHeight=' + makeHeight + '&maguriWing=' + maguriWing + '&inspectionFee=' + inspectionFee;
checkAccount = true;
}
else if(estimateSlatList !== '[]') // 철재견적서가 있다면
{
var url = '/estimate/output_EsDetail_slat.php?num=' + num + '&makeWidth=' + makeWidth + '&makeHeight=' + makeHeight + '&maguriWing=' + maguriWing + '&inspectionFee=' + inspectionFee;
checkAccount = true;
}
if(checkAccount === true) {
customPopup(url, '견적 산출내역서', 1200, 900);
}
else
{
Swal.fire({
icon: 'warning',
title: '알림',
text: '인정제품 정보가 없습니다.'
});
}
});
</script>
<script>
// searchWarrantyNumber 함수 정의
function searchWarrantyNumber(searchCode) {
// 제품명과 인정번호 데이터를 객체로 정의합니다.
const productData = {
"KD-SL60": "NVS22-0902-1",
"KTE01": "FDS-NVS23-0117-1",
"KSS01": "FDS-OTS23-0117-2",
"KSS02": "FDS-OTS25-0318-2",
"KSE01": "FDS-OTS23-0117-3",
"KWE01": "FDS-OTS23-0117-4",
"KQTS01": "FDS-NVS23-1226-3",
"KDSS01": "FDS-OTS25-0318-1"
};
// 입력된 제품명에 해당하는 인정번호를 반환
return productData[searchCode] || "해당 제품명이 없습니다.";
}
$(document).ready(function() {
// 뷰 ID와 쿠키 이름 매핑 (output-list 제거)
var views = [
{ id: "estimate_screenDiv", cookie: "showEsimateView", button: "#estimate_view" , iconId: "#estimate_viewIcon" },
{ id: "estimate_slatDiv", cookie: "showEsimateView_slat", button: "#estimate_slat_view" , iconId: "#estimate_slat_viewIcon" },
{ id: "showGroupViewDiv", cookie: "showGroupView", button: "#showGroupViewBtn" , iconId: "#showGroupViewIcon" }
];
views.forEach(function (view) {
$(view.button).on("click", function () {
toggleView(view.id, view.cookie, view.iconId);
});
initializeView(view.id, view.cookie, view.iconId);
});
// output-list는 항상 보이게 설정
$("#output-list").css("display", "block");
});
// prodCode변경
$(document).ready(function(){
$('#prodCode').on('change', function() {
var prodCode = $(this).val(); // 선택된 제품코드
var pairCode = $(this).find(':selected').data('pair'); // 대응하는 인정제품 코드
if (prodCode && pairCode) {
// 로트번호 자동생성 체크박스가 체크되어 있는지 확인
var lotNum = 'KD-' + pairCode ;
$('#lotNum').val(lotNum); // lotNum 필드 업데이트
$("#warrantyNum").val(searchWarrantyNumber(prodCode));
} else {
$('#lotNum').val(''); // 제품코드가 선택되지 않은 경우 필드 초기화
}
// console.log('호출 prodCode' + $("#prodCode").val());
});
});
$(document).ready(function() {
// 견적선택에서 전체 선택 또는 해제 동작 구현
$('#selectAllEstimates').on('change', function() {
var isChecked = $(this).is(':checked');
// 전체 체크박스 선택 또는 해제
$('.estimate-checkbox').prop('checked', isChecked);
});
// 모달창이 열릴 때 이미 선택된 상태 유지
$('#selectEstimateModal').on('show.bs.modal', function() {
$('#selectAllEstimates').prop('checked', false); // 모달이 열릴 때 전체 선택을 초기화
});
// 다른 필요한 초기화 코드
});
$(document).ready(function() {
var mode = '<?php echo isset($mode) ? $mode : ''; ?>';
// 마지막에 넣어줘야 전체를 적용할 수 있다.
if (mode === 'view')
{
disableView();
// 제품코드에 비인정이 포함되었는지 검사 후 처리
var model_name = $("#prodCode").val(); // 제품코드
if(!model_name.includes('비인정')) {
$("#showUAcontainer").hide();
}
else
{
$("#showUAcontainer").show();
}
}
});
function disableView() {
$('input:not(.ViewMode), textarea:not(.ViewMode)').prop('readonly', true);
// select는 disabled 적용, ViewMode 제외
$('select:not(.ViewMode)').prop('disabled', true);
$('input[type=hidden]').prop('readonly', false);
// checkbox와 radio는 클릭 불가능하게 하고 시각적 강조
$('input[type="checkbox"], input[type="radio"]').each(function() {
$(this).addClass('readonly-checkbox readonly-radio');
});
// 파일 입력 비활성화
$('input[type=file]').prop('disabled', true);
$('.fetch_receiverBtn').prop('disabled', true); // 수신자 버튼 비활성화
$('.viewNoBtn').prop('disabled', true); //버튼 비활성화
$('.searchplace').prop('disabled', true); // 수신자 버튼 비활성화
$('.searchsecondord').prop('disabled', true); // 수신자 버튼 비활성화
$('.fetch_loadgroupBtn').prop('disabled', true); // 품질인증 그룹명 버튼 비활성화
// 레이블 텍스트 크게 설정
$('label').css('font-size', '1.1em');
// select 속성 readonly 효과 내기
$('select[data-readonly="true"]').on('mousedown', function(event) {
event.preventDefault();
});
// checkbox 속성 readonly 효과 내기
$('input[type="checkbox"]').on('click', function(event) {
if($(this).data('readonly') === true) {
event.preventDefault();
return false;
}
});
}
// =======================================================
// "비인정 스크린" 전용 뷰 테이블 렌더링 함수
// - 앞 4개 칼럼(col1~col4)은 실제 저장된 rowData로 채움
// - 나머지 fullHeaders 길이만큼 col5~col16이 있으면 그 값을, 없으면 빈 칸 출력
// =======================================================
function renderUnapprovedScreenView(containerSelector, title, tbodyId, dataList) {
console.log('renderUnapprovedScreenView 함수 호출');
if (!Array.isArray(dataList) || dataList.length === 0) {
// 데이터가 없으면 아무것도 추가하지 않음
return;
}
// console.log('renderUnapprovedScreenView 내부 호출');
// 1) 스크린 작업지시서 전체 헤더 목록
// "부호, 가로(W), 세로(H), 수량(EA)"를 포함하여
// addRow()가 실제 생성하는 th 순서 그대로 나열해야 합니다.
const fullHeaders = [
'부호', // → rowData.col1
'가로(W)', // → rowData.col2
'세로(H)', // → rowData.col3
'수량(EA)', // → rowData.col4
// 아래부터는 col5 ~ col16 순서와 매핑됩니다.
'비상문', // → rowData.col5 (if exists)
'인쇄면', // → rowData.col6
'인쇄방향', // → rowData.col7
'좌간격', // → rowData.col8
'우간격', // → rowData.col9
'개구부', // → rowData.col10
'덮개폭', // → rowData.col11
'좌문구', // → rowData.col12
'중앙문구', // → rowData.col13
'우문구', // → rowData.col14
'도면', // → rowData.col15
'발주서 기록' // → rowData.col16
];
// 2) <thead> 생성
let html = `<h6 class="fw-bold text-primary mt-3">${title}</h6>`;
html += `<table class="table table-bordered table-sm text-center">`;
html += `<thead class="table-light"><tr>`;
// 첫 번째 열: "번호"
html += `<th style="width: 50px;">번호</th>`;
// fullHeaders 배열에 들어있는 항목만큼 <th> 출력
fullHeaders.forEach(headerText => {
html += `<th>${headerText}</th>`;
});
html += `</tr></thead>`;
// 3) <tbody> 생성 (tbodyId 부여)
html += `<tbody id="${tbodyId}">`;
dataList.forEach((rowData, rowIndex) => {
html += `<tr>`;
// 3-1) 1열: 번호
html += `<td>${rowIndex + 1}</td>`;
// 3-2) 2~5열: col1~col4 (실제 데이터)
html += `<td>${rowData.col1 || ''}</td>`;
html += `<td>${rowData.col2 || ''}</td>`;
html += `<td>${rowData.col3 || ''}</td>`;
html += `<td>${rowData.col4 || ''}</td>`;
// 3-3) 6열 이후: fullHeaders.length - 4 개의 칼럼
// col5 ~ col16 순서대로, 만약 rowData에 해당 키가 있으면 표시, 없으면 빈칸
for (let headerIndex = 4; headerIndex < fullHeaders.length; headerIndex++) {
const colName = `col${headerIndex + 1}`; // headerIndex=4 → col5, …, headerIndex=15 → col16
html += `<td>${rowData[colName] || ''}</td>`;
}
html += `</tr>`;
});
html += `</tbody></table>`;
// 4) 지정된 컨테이너에 append
$(containerSelector).append(html);
}
// 수주내역의 후반부 자바스크립트
$(document).ready(function() {
// 서버에서 전달된 estimateList 데이터
var mode = '<?php echo $mode; ?>' ;
let estimateList = <?php echo json_encode($estimateList ?? []); ?>; // 스크린견적서에서 불러온 발주내용
let estimateList_auto = <?php echo json_encode($estimateList_auto ?? []); ?>;
let estimateSlatList = <?php echo json_encode($estimateSlatList ?? []); ?>; // 철재견적서에서 불러온 발주내용
let estimateSlatList_auto = <?php echo json_encode($estimateSlatList_auto ?? []); ?>;
var etcList = <?php echo json_encode($etcList ?? []); ?>;
let screen_unapprovedList = <?php echo json_encode($screen_unapprovedList ?? []); ?>;
let slat_unapprovedList = <?php echo json_encode($slat_unapprovedList ?? []); ?>;
let motorList = <?php echo json_encode($motorList ?? []); ?>;
let bendList = <?php echo json_encode($bendList ?? []); ?>;
let controllerList = <?php echo json_encode($controllerList ?? []); ?>;
let accountList = <?php echo json_encode($accountList ?? []); ?>;
/**
* 입력값(raw)을 안전하게 배열로 변환합니다.
* - raw가 문자열이면 JSON.parse
* - raw가 객체/배열이면 JSON.stringify → JSON.parse
* - 파싱 실패하거나 최종 결과가 배열이 아니면 빈 배열 반환
*/
function parseJsonList(raw) {
let str;
// 1) raw를 JSON 문자열로 확보
if (typeof raw === 'string') {
str = raw;
} else {
try {
str = JSON.stringify(raw);
} catch (e) {
console.error('parseJsonList: 데이터를 문자열로 변환 실패', e);
return [];
}
}
// 2) 문자열을 JSON으로 파싱
try {
const parsed = JSON.parse(str);
if (!Array.isArray(parsed)) {
console.warn('parseJsonList: 파싱 결과가 배열이 아님, 빈 배열로 초기화');
return [];
}
return parsed;
} catch (e) {
console.error('parseJsonList: JSON 파싱 오류', e);
return [];
}
}
// 각각 리스트 파싱하고 전역 변수로 설정
window.screen_unapprovedList = parseJsonList(screen_unapprovedList);
window.slat_unapprovedList = parseJsonList(slat_unapprovedList);
window.motorList = parseJsonList(motorList);
window.bendList = parseJsonList(bendList);
window.controllerList = parseJsonList(controllerList);
window.etcList = parseJsonList(etcList);
window.accountList = parseJsonList(accountList);
// 화면 로딩 시 데이터가 있을 경우 해당 테이블에 행을 추가
// window.screen_unapprovedList.forEach(rowData => {
// addRowUA_screen($('#screen_unapprovedListBody'), null, rowData);
// });
// "비인정 스크린" 뷰를 출력
window.screen_unapprovedList.forEach(rowData => {
addRowUA_screen($('#screen_unapprovedListBody'), null, rowData);
});
window.slat_unapprovedList.forEach(rowData => {
addRowUA_slat($('#slat_unapprovedListBody'), null, rowData);
});
window.motorList.forEach(rowData => {
addRowUA_motor($('#motor_listBody'), null, rowData);
});
window.bendList.forEach(rowData => {
addRowUA_bend($('#bend_listBody'), null, rowData);
});
window.controllerList.forEach(rowData => {
addRowUA_controller($('#controller_listBody'), null, rowData);
});
window.etcList.forEach(rowData => {
addRowUA_etc($('#etc_listBody'), null, rowData);
});
// 최초 비인정 거래명세에 값이 없으면 자동으로 거래명세표를 만든다.
if (window.accountList && window.accountList.length > 0) {
window.accountList.forEach(rowData => {
addRow_Account($('#account_listBody'), null, rowData);
});
} else {
// 초기에 재계산 함수 자동실행
recalculateAccountTable();
}
/*************************************************
* 거래명세표 비인정 데이터 렌더링(모달창) UA는 비인정약자임 unapproved 의미
*/
function renderViewUATable(containerSelector, title, tableId, tbodyId, columns, dataList) {
if (!Array.isArray(dataList) || dataList.length === 0) return;
// tableId 별로 꺼낼 프로퍼티명 매핑
const fieldMap = {
// 비인정 스크린
screen_unapprovedList_view: [
'item_type', // 품명
'floors', // 층
'text1', // 부호
'cutwidth', // 가로
'cutheight', // 세로
'number' // 수량
],
// 비인정 철재-슬랫
slat_unapprovedList_view: [
'item_type', // 품목
'floors', // 층
'text1', // 부호
'memo', // 재질
'cutwidth', // 가로
'cutheight', // 세로
'number', // 수량
'exititem', // 비상문
'hinge', // 힌지종류
'hinge_direction' // 힌지방향
],
// 절곡품 (이미지 포함)
bend_list_view: null // null 이면 col1, col2.. 직접 사용
};
const keys = fieldMap[tableId];
// 1) 제목
let html = `<h6 class="fw-bold text-primary mt-3">${title}</h6>`;
// 2) thead
html += `<table class="table table-bordered table-sm text-center" id="${tableId}">`;
html += `<thead class="table-light"><tr><th>번호</th>`;
columns.forEach(h => html += `<th>${h}</th>`);
html += `</tr></thead>`;
// 3) tbody
html += `<tbody id="${tbodyId}">`;
dataList.forEach((row, idx) => {
html += `<tr><td>${idx+1}</td>`;
if (tableId === 'screen_unapprovedList_view') {
// 스크린 비인정: [품명, 층+부호, 가로, 세로, 수량]
const vals = [
row.item_type || '',
`${row.floors||''} ${row.text1||''}`,
row.cutwidth || '',
row.cutheight|| '',
row.number || ''
];
vals.forEach(v => html += `<td>${v}</td>`);
} else if (tableId === 'slat_unapprovedList_view') {
// 비인정 철재-슬랫 [품명, 층+부호, 가로, 세로, 수량]
const vals = [
row.item_type || '',
`${row.floors||''} ${row.text1||''}`,
row.cutwidth || '',
row.cutheight|| '',
row.number || '',
row.exititem === '0' ? '(없음)' : '(있음)',
row.hinge || '',
row.hinge_direction || '',
];
vals.forEach(v => html += `<td>${v}</td>`);
} else if (tableId === 'bend_list_view') {
// 절곡품 (5번째 컬럼에만 이미지)
columns.forEach((_, i) => {
const col = `col${i+1}`;
if (i === 5) {
html += `<td><img src="${row[col]||''}" style="max-width:50px;"></td>`;
} else {
html += `<td>${row[col]||''}</td>`;
}
});
} else {
// 그 외: col1, col2, …
columns.forEach((_, i) => {
const col = `col${i+1}`;
html += `<td>${row[col]||''}</td>`;
});
}
html += `</tr>`;
});
html += `</tbody></table>`;
$(containerSelector).append(html);
}
const container = '.col-5'; // 테이블을 렌더링할 부모 div 선택자
renderViewUATable(container, '스크린 비인정', 'screen_unapprovedList_view', 'screen_unapprovedListBody_view',
['품명', '층부호','가로', '세로', '수량'], window.screen_unapprovedList);
renderViewUATable(container, '슬랫 비인정', 'slat_unapprovedList_view', 'slat_unapprovedListBody_view',
['품명', '층부호','가로', '세로', '수량', '비상문', '힌지종류', '힌지방향'], window.slat_unapprovedList);
renderViewUATable(container, '전동 개폐기 & 베어링부(브라켓트)', 'motor_list_view', 'motor_listBody_view',
['품명', '용량', '브라켓', '샤프트', '수량', '형태', '리미트', '비고'], window.motorList);
renderViewUATable(container, '연동 폐쇄기구(제어기) & 방범스위치', 'controller_list_view', 'controller_listBody_view',
['품명', '수량', '형태', '비고'], window.controllerList);
renderViewUATable(container, '절곡품 (규격 및 타입은 도면 참조)', 'bend_list_view', 'bend_listBody_view',
['품명', '두께', '길이(mm)', '검색', '폭합(mm)','이미지','수량', '비고'], window.bendList);
renderViewUATable(container, '부자재', 'etc_list_view', 'etc_listBody_view',
['품명', '규격', '길이', '수량', '비고'], window.etcList);
// estimateList이 객체나 배열 형태라면 바로 사용
if (typeof estimateList === 'object' && estimateList !== null) {
console.log('estimateList 객체로 전달됨');
} else if (typeof estimateList === 'string') {
// 문자열로 전달된 경우만 JSON.parse로 파싱
try {
estimateList = JSON.parse(estimateList);
document.getElementById('estimateList').value = JSON.stringify(estimateList);
} catch (e) {
console.error('JSON 파싱 오류:', e);
estimateList = [];
}
}
// estimateList이 객체나 배열 형태라면 바로 사용
if (typeof estimateList_auto === 'object' && estimateList_auto !== null) {
console.log('estimateList_auto 객체로 전달됨');
} else if (typeof estimateList_auto === 'string') {
// 문자열로 전달된 경우만 JSON.parse로 파싱
try {
estimateList_auto = JSON.parse(estimateList_auto);
document.getElementById('estimateList_auto').value = JSON.stringify(estimateList_auto);
} catch (e) {
console.error('JSON 파싱 오류:', e);
estimateList_auto = [];
}
}
// 데이터가 배열이 아니거나 비어있을 경우를 처리
if (!Array.isArray(estimateList) || estimateList.length === 0) {
console.log('estimateList 유효한 데이터가 없습니다.');
if (mode === 'view')
$("#screenWindow").hide(); // 스크린 견적서 불러오기 등 작업일지 등등 감추기
} else {
// 데이터가 있을 경우 테이블을 생성하여 표시
renderEstimateData({ estimateList: JSON.stringify(estimateList) });
}
// estimateSlatList이 객체나 배열 형태라면 바로 사용
if (typeof estimateSlatList === 'object' && estimateSlatList !== null) {
console.log('estimateSlatList 객체로 전달됨');
} else if (typeof estimateSlatList === 'string') {
// 문자열로 전달된 경우만 JSON.parse로 파싱
try {
estimateSlatList = JSON.parse(estimateSlatList);
document.getElementById('estimateSlatList').value = JSON.stringify(estimateSlatList);
} catch (e) {
console.error('JSON 파싱 오류:', e);
estimateSlatList = [];
}
}
// estimateSlatList이 객체나 배열 형태라면 바로 사용
if (typeof estimateSlatList_auto === 'object' && estimateSlatList_auto !== null) {
console.log('estimateSlatList_auto 객체로 전달됨');
} else if (typeof estimateSlatList_auto === 'string') {
// 문자열로 전달된 경우만 JSON.parse로 파싱
try {
estimateSlatList_auto = JSON.parse(estimateSlatList_auto);
document.getElementById('estimateSlatList_auto').value = JSON.stringify(estimateSlatList_auto);
} catch (e) {
console.error('JSON 파싱 오류:', e);
estimateSlatList_auto = [];
}
}
// 데이터가 배열이 아니거나 비어있을 경우를 처리
if (!Array.isArray(estimateSlatList) || estimateSlatList.length === 0) {
console.log('estimateSlatList 유효한 데이터가 없습니다.');
if (mode === 'view')
$("#slatWindow").hide(); // 스라트 견적서 불러오기 등 작업일지 등등 감추기
} else {
// 데이터가 있을 경우 테이블을 생성하여 표시
renderEstimateData_slat({ estimateSlatList: JSON.stringify(estimateSlatList) });
}
});
// 쿠키 값 가져오는 함수
function getCookie(name) {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
if (cookie.startsWith(name + '=')) {
return cookie.substring(name.length + 1);
}
}
return null;
}
// 쿠키 저장 함수
function setCookie(name, value, days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "expires=" + date.toUTCString();
document.cookie = name + "=" + value + ";" + expires + ";path=/";
}
function toggleView(viewId, cookieName, iconId = null) {
const view = getCookie(cookieName);
const listContainer = $("#" + viewId);
const icon = iconId ? $(iconId) : null;
if (view === "show") {
listContainer.hide();
setCookie(cookieName, "hide", 10);
if (icon) icon.removeClass("bi-chevron-down").addClass("bi-chevron-right");
} else {
listContainer.show();
setCookie(cookieName, "show", 10);
if (icon) icon.removeClass("bi-chevron-right").addClass("bi-chevron-down");
}
}
function initializeView(viewId, cookieName, iconId = null) {
const view = getCookie(cookieName);
const listContainer = $("#" + viewId);
const icon = iconId ? $(iconId) : null;
if (view === "show") {
listContainer.show();
if (icon) icon.removeClass("bi-chevron-right").addClass("bi-chevron-down");
} else {
listContainer.hide();
if (icon) icon.removeClass("bi-chevron-down").addClass("bi-chevron-right");
}
}
function alertToast(message) {
// 기본 배경 색상 (초록)
let backgroundColor = "linear-gradient(to right, #00b09b, #96c93d)";
// 조건에 따라 색상 변경
if (message.includes("추가")) {
backgroundColor = "linear-gradient(to right, #2196F3, #21CBF3)"; // 파란 계열
} else if (message.includes("삭제")) {
backgroundColor = "linear-gradient(to right, #f44336, #e57373)"; // 빨간 계열
} else if (message.includes("복사")) {
backgroundColor = "linear-gradient(to right, #4CAF50, #81C784)"; // 녹색 계열
}
Toastify({
text: message,
duration: 2000,
close: true,
gravity: "top",
position: "center",
style: {
background: backgroundColor
},
}).showToast();
}
/* =================================================================================
비인정스크린행추가 함수
================================================================================= */
// 1. '종류' 선택을 위한 옵션 배열
const unapprovedScreenOptions = [
'실리카', '화이바', '와이어', '제연커튼',
'신설비상문', '실리카원단', '화이바원단', '와이어원단', '(직접입력)'
];
/**
* 비인정 스크린 테이블에 새로운 행을 추가하는 함수
* @param {jQuery} tableBody - 행을 추가할 tbody의 jQuery 객체
* @param {jQuery|null} afterRow - 이 행 다음에 새 행을 추가하고 싶을 때의 기준 행
* @param {Object} rowData - 행에 채워넣을 초기 데이터
*/
function addRowUA_screen(tableBody, afterRow = null, rowData = {}) {
const newRow = $('<tr>');
const mode = $('#mode').val();
// rowData 기본값 설정
const data = {
item_type: rowData.item_type || '', // 종류
floors: rowData.floors || '',
text1: rowData.text1 || '',
memo: rowData.memo || '',
cutwidth: rowData.cutwidth || '',
cutheight: rowData.cutheight || '',
number: rowData.number || '1',
exititem: rowData.exititem || '0',
printside: rowData.printside || '',
direction: rowData.direction || '',
intervalnum: rowData.intervalnum || '',
intervalnumsecond: rowData.intervalnumsecond || '',
exitinterval: rowData.exitinterval || '',
cover: rowData.cover || '',
drawbottom1: rowData.drawbottom1 || '',
drawbottom3: rowData.drawbottom3 || '',
drawbottom2: rowData.drawbottom2 || '',
draw: rowData.draw || '',
text2: rowData.text2 || '',
done_check: rowData.done_check || '',
remain_check: rowData.remain_check || '',
mid_check: rowData.mid_check || '',
left_check: rowData.left_check || '',
right_check: rowData.right_check || ''
};
// '종류' 선택을 위한 createSelect_unapproved 함수 사용
const itemTypeSelect = createSelect_unapproved('item_type[]', unapprovedScreenOptions, data.item_type);
// console.log('item_type : ', data.item_type);
// ① mode 값 읽기
const isView = $('#mode').val() === 'view';
// ② 첫 번째 셀(버튼) 생성
let cellsHtml = '<td class="text-center"><div class="d-flex justify-content-center align-items-center">' +
'<span class="serial-number me-2"></span>';
// ③ view 모드가 아닐 때만 버튼 추가
if (!isView) {
cellsHtml += `
<button type="button" class="btn btn-outline-dark btn-sm viewNoBtn me-1 add-row-generic" style="border:0;">+</button>
<button type="button" class="btn btn-outline-danger btn-sm viewNoBtn me-1 remove-row-generic" style="border:0;">-</button>
<button type="button" class="btn btn-outline-secondary btn-sm viewNoBtn copy-row-generic me-1" style="border:0;"><i class="bi bi-files"></i></button>
`;
}
// ④ 셀 닫기
cellsHtml += '</div></td>';
// First column with buttons
cellsHtml += `
<td>${itemTypeSelect}</td>
<td><input type="text" class="form-control calc_col1" name="floors[]" value="${data.floors}" placeholder="층" oninput="calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control calc_col2" name="text1[]" value="${data.text1}" placeholder="부호" oninput="calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control calc_col3" name="memo[]" value="${data.memo}" placeholder="추가메모" oninput="calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control calc_col4" name="cutwidth[]" value="${data.cutwidth}" placeholder="가로(W)" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control calc_col5" name="cutheight[]" value="${data.cutheight}" placeholder="세로(H)" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control calc_col6" name="number[]" value="${data.number}" placeholder="수량(EA)" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>
<td>
<select class="form-control calc_col7 exititem text-center" name='exititem[]' style="font-size:10px;" onchange='calculateRow(this)'>
<option value='0' ${data.exititem == '0' ? 'selected' : ''}>없음</option>
<option value='1' ${data.exititem == '1' ? 'selected' : ''}>중앙</option>
<option value='2' ${data.exititem == '2' ? 'selected' : ''}>좌측</option>
<option value='3' ${data.exititem == '3' ? 'selected' : ''}>우측</option>
<option value='4' ${data.exititem == '4' ? 'selected' : ''}>문2개</option>
<option value='5' ${data.exititem == '5' ? 'selected' : ''}>문2개 지그재그</option>
</select>
</td>
<td>
<select class="form-control calc_col8 printside text-center" name='printside[]' style="font-size:10px;" onchange='calculateRow(this)'>
<option value='' ${data.exititem == '0' ? 'selected' : ''}></option>
<option value='0' ${data.printside == '0' && data.exititem != '0' ? 'selected' : ''}>양면</option>
<option value='1' ${data.printside == '1' && data.exititem != '0' ? 'selected' : ''}>한면</option>
</select>
</td>
<td>
<select class="form-control calc_col9 direction text-center" style="font-size:10px;" name='direction[]' onchange='calculateRow(this)'>
<option value='' ${data.exititem == '0' ? 'selected' : ''}></option>
<option value='0' ${data.direction == '0' && data.exititem != '0' ? 'selected' : ''}>정방향</option>
<option value='1' ${data.direction == '1' && data.exititem != '0' ? 'selected' : ''}>역방향</option>
</select>
</td>
<td><input type="text" class="form-control calc_col10 intervalnum" name="intervalnum[]" value="${data.intervalnum}" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control calc_col11 intervalnumsecond" name="intervalnumsecond[]" value="${data.intervalnumsecond}" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control calc_col12 exitinterval" name="exitinterval[]" value="${data.exitinterval}" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control calc_col13 cover" name="cover[]" value="${data.cover}" placeholder="덮개" oninput="inputNumbers(this); calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control calc_col14 drawbottom1" name="drawbottom1[]" value="${data.drawbottom1}" placeholder="좌" oninput="calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control calc_col15 drawbottom3" name="drawbottom3[]" value="${data.drawbottom3}" placeholder="중앙" oninput="calculateRow(this)" autocomplete="off"></td>
<td><input type="text" class="form-control calc_col16 drawbottom2" name="drawbottom2[]" value="${data.drawbottom2}" placeholder="우" oninput="calculateRow(this)" autocomplete="off"></td>
<td class="draw">
<img src="${data.draw ? '../img/screen/' + data.draw : ''}"
style="width: 120px; height: auto; ${data.draw ? 'display: inline-block;' : 'display: none;'}"
onclick="showLargeImage(this)">
<input type="hidden" name="draw[]" value="${data.draw}">
</td>
<td><input type="text" class="form-control calc_col17 text2" name="text2[]" style="font-size:10px;" value="${data.text2}" readonly></td>
`;
cellsHtml += `
<td style="display:none;">
<input type="hidden" class="form-control" name="done_check[]" value="${data.done_check}">
<input type="hidden" class="form-control" name="remain_check[]" value="${data.remain_check}">
<input type="hidden" class="form-control" name="mid_check[]" value="${data.mid_check}">
<input type="hidden" class="form-control" name="left_check[]" value="${data.left_check}">
<input type="hidden" class="form-control" name="right_check[]" value="${data.right_check}">
</td>`;
newRow.html(cellsHtml);
// 행 삽입
if (afterRow && afterRow.length) {
afterRow.after(newRow);
} else {
tableBody.append(newRow);
}
// .serial-number 클래스 있어야 함
updateSerialNumbers(tableBody);
// 헤더 표시 여부 조절
toggleTableHeaderVisibility(tableBody);
if ($("#mode").val() == 'view') {
disableView();
}
}
const motorOption1 = ['전동개폐기_단상 220V', '전동개폐기_삼상 380V', '베어링부(브라켓트)', '컨트롤러', '전동축링(복주머니)', '링', '플랜지', '환봉', '체인', '무기둥 브라켓트_90도', '무기둥 브라켓트_180도', '고정용 볼트&넛트','(직접입력)'];
const motorOption2 = ['150kg', '300kg', '400kg', '철재300kg','철재400kg','500kg', '600kg', '800kg', '1000kg', '1500kg', '2000kg'];
const motorOption3 = ['(없음)', '380*180', '450*225', '530*320', '600*350', '690*390', '910*600'];
const motorOption4 = ['2~4인치','2~5인치','2~6인치','3~4인치', '3~5인치', '3~6인치', '4~5인치', '4~6인치', '5~6인치', '6~8인치', '2인치','3인치','4인치', '5인치', '6인치', '8인치','10인치','12인치'];
const motorOption5 = ['구형', '신형'];
const motorOption6 = ['●'];
const defaultMotorOption2 = [ '(없음)', '380*180', '450*225', '530*320', '600*350', '690*390', '910*600' ];
const motorOption2Map = {
'(없음)': ['(없음)'],
'150kg': ['380*180'],
'300kg': ['380*180'],
'400kg': ['380*180'],
'철재300kg': ['530*320'],
'철재400kg': ['530*320'],
'500kg': ['600*350'],
'600kg': ['600*350'],
'800kg': ['690*390'],
'1000kg': ['690*390'],
'1500kg': ['690*390'],
'2000kg': ['690*390']
};
const motorOption3Map = {
'(없음)': ['(없음)'],
'380*180': ['2~4인치', '2~5인치', '2~6인치', '3~4인치', '3~5인치', '3~6인치', '4~5인치', '4~6인치', '5~6인치', '6~8인치', '2인치','3인치','4인치', '5인치','6인치'],
'450*225': ['2~4인치', '2~5인치', '2~6인치', '3~4인치', '3~5인치', '3~6인치', '4~5인치', '4~6인치', '5~6인치', '6~8인치', '2인치','3인치', '4인치', '5인치', '6인치', '8인치', '10인치', '12인치'],
'530*320': ['2~4인치', '2~5인치', '2~6인치', '3~4인치', '3~5인치', '3~6인치', '4~5인치', '4~6인치', '5~6인치', '6~8인치', '2인치','3인치', '4인치', '5인치', '6인치', '8인치', '10인치', '12인치'],
'600*350': ['2~4인치', '2~5인치', '2~6인치', '3~4인치', '3~5인치', '3~6인치', '4~5인치', '4~6인치', '5~6인치', '6~8인치', '2인치','3인치', '4인치', '5인치', '6인치', '8인치', '10인치', '12인치'],
'690*390': ['2~4인치', '2~5인치', '2~6인치', '3~4인치', '3~5인치', '3~6인치', '4~5인치', '4~6인치', '5~6인치', '6~8인치', '2인치','3인치', '4인치', '5인치', '6인치', '8인치', '10인치', '12인치']
};
// 2) change 이벤트 핸들러: col2가 바뀔 때마다 col3 옵션 재구성
$('#motor_listBody').on('change', 'select.col2', function() {
const selectedCapacity = $(this).val();
const $row = $(this).closest('tr');
const $col3 = $row.find('select.col3');
// 매핑된 옵션 또는 기본 전체 목록
// const newOpts = motorOption2Map[selectedCapacity] || motorOption3;
const newOpts = motorOption3;
// console.log('motorOption2Map[selectedCapacity]', motorOption2Map[selectedCapacity]);
// 옵션 재생성
$col3.empty();
newOpts.forEach(opt => {
$col3.append($('<option>').val(opt).text(opt));
});
// 자동으로 첫 번째 옵션 선택
// $col3.val(newOpts[0]);
$col3.val(motorOption2Map[selectedCapacity] );
});
// 3) addRowUA_motor 수정: 초기 로드 시에도 rowData.col2 값에 맞춰 col3 옵션 지정
function addRowUA_motor(
tableBody = $('#motor_listBody'),
afterRow = null,
rowData = {}
) {
// 기본값 보충
rowData = Object.assign({ col5: '1' }, rowData);
// rowData.col2(용량)에 매핑된 col3 옵션
const initialCol3 = motorOption2Map[rowData.col2] || motorOption3;
const fields = [
{ name: 'col1', type: 'select' }, // 품명
{ name: 'col2', type: 'select' }, // 모터용량
{ name: 'col3', type: 'select' }, // 브라켓크기
{ name: 'col4', type: 'select' }, // 샤프트
{ name: 'col5' }, // 수량
{ name: 'col6', type: 'select' }, // 구형/신형
{ name: 'col7', type: 'select' }, // 안전리미트
{ name: 'col8' } // 비고
];
const options = {
col1: motorOption1,
col2: motorOption2,
col3: initialCol3, // 여기에 동적 리스트 전달
col4: motorOption4,
col6: motorOption5,
col7: motorOption6
};
createCommonRow(tableBody, fields, options, rowData, afterRow);
}
const bendOption1 = ['가이드레일(보강재)', '가이드레일(마감재)', '가이드레일(하부BACE)', '삼각쫄대', '연기차단재(레일용)', '연기차단재(케이스용)', '하단마감재', 'L-BAR', '보강평철', '케이스_셔터박스', '케이스(전면부)', '케이스(린텔부)', '케이스(후면부)', '케이스(후면상부)', '케이스(후면하부)', '케이스(상면부)', '케이스(상부점검구)', '케이스(하부점검구)', '케이스(측면점검구)', '케이스(마구리)', '케이스(EGI 앵글)', '상부마감재(린텔)', 'R몰딩', 'R케이스', '절단판','(직접입력)'];
const bendOption2 = ['EGI 1.6T', 'EGI 1.2T', 'EGI 0.8T', 'GI 0.45T', 'SUS 1.5T', 'SUS 1.2T'];
function addRowUA_bend(
tableBody = $('#bend_listBody'),
afterRow = null,
rowData = {}
) {
searchOption = true;
// rowData에 기본 수량 설정
rowData = Object.assign({ col7: '1' }, rowData);
const fields = [
{ name: 'col1', type: 'select' }, // 품명
{ name: 'col2', type: 'select' }, // 두께
{ name: 'col3' }, // 길이
{ name: 'col4', type: 'button' }, // 검색 버튼
{ name: 'col5' }, // 폭합
{ name: 'col6', type: 'image' }, // 이미지
{ name: 'col7' }, // 수량
{ name: 'col8' } // 비고
];
const options = {
col1: bendOption1,
col2: bendOption2
};
// Create the row with search button
let newRow = $('<tr>');
// First column with buttons
newRow.append('<td class="text-center">' +
'<div class="d-flex justify-content-center align-items-center">' +
'<span class="serial-number me-2"></span>' +
'<button type="button" class="btn btn-outline-dark btn-sm viewNoBtn me-1 add-row-generic" style="border:0px;">+</button>' +
'<button type="button" class="btn btn-outline-danger btn-sm viewNoBtn me-1 remove-row-generic" style="border:0px;">-</button>' +
'<button type="button" class="btn btn-outline-secondary btn-sm viewNoBtn copy-row-generic me-1" style="border:0px;"><i class="bi bi-files"></i></button>' +
'</div></td>');
// Add other columns
fields.forEach(field => {
if (field.type === 'select') {
newRow.append(`<td class="text-center">${createSelect(field.name, options[field.name] || [], rowData[field.name] || '')}</td>`);
} else if (field.type === 'button') {
newRow.append(`<td class="text-center"><button type="button" class="btn btn-primary btn-sm search-bend-btn"><i class="bi bi-search"></i> </button></td>`);
} else if (field.type === 'image') {
// 이미지 컨테이너와 함께 hidden input 추가
const imgSrc = rowData[field.name] || '';
newRow.append(`
<td class="text-center">
<div class="image-container" style="max-width:100px; max-height:50px; height:auto; width:auto;">
${imgSrc ? `<img src="${imgSrc}" alt="형상 이미지" style="max-width:100px; max-height:50px; height:auto; width:auto;">` : '<span class="text-secondary">이미지 없음</span>'}
</div>
<input type="hidden" class="${field.name}" name="${field.name}[]" value="${imgSrc}">
</td>
`);
} else {
newRow.append(`<td class="text-center">${createInput(field.name, rowData[field.name] || '')}</td>`);
}
});
// Add hidden columns for bending data
newRow.append('<td class="d-none bending-data"></td>');
newRow.append('<td class="d-none image-url"></td>');
// Insert the row
if (afterRow && afterRow.length) {
afterRow.after(newRow);
} else {
tableBody.append(newRow);
}
// Add click handler for search button
newRow.find('.search-bend-btn').on('click', function(e) {
e.preventDefault();
const $row = $(this).closest('tr');
let itemName = $row.find('select.col1').val();
let material = $row.find('select.col2').val();
itemName = '';
material = '';
let searchString = $row.find('select.col1').val().substring(0, 2) ?? ''; // 앞의 두글자만 전달함
// Store current button reference for use in modal
window.currentSearchButton = this;
// Show modal with search results
$.ajax({
url: '/bending/searchbending.php',
type: 'GET',
data: {
search: searchString
},
success: function(response) {
console.log('response', response);
// Remove existing modal if it exists
if ($('#bendingSearchModal').length) {
$('#bendingSearchModal').remove();
}
// Create and show modal
$('body').append(`
<div class="modal fade" id="bendingSearchModal" tabindex="-1" aria-labelledby="bendingSearchModalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="bendingSearchModalLabel">절곡 정보 검색</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row mb-3">
<div class="col-md-6">
<div class="input-group">
<input type="text" class="form-control" id="bendingSearchInput" placeholder="검색어를 입력하세요" value="${searchString}">
<button class="btn btn-outline-secondary" type="button" id="bendingSearchBtn">
<i class="bi bi-search"></i> 검색
</button>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-hover table-bordered">
<thead class="table-secondary">
<tr>
<th>대분류</th>
<th>인정여부</th>
<th>중분류</th>
<th>품명</th>
<th>재질</th>
<th>규격(가로*세로)</th>
<th>이미지(형상)</th>
<th>폭합(mm)</th>
<th>절곡회수</th>
<th>비고</th>
<th>선택</th>
</tr>
</thead>
<tbody id="bendingSearchResults">
${response}
</tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
</div>
</div>
</div>
</div>
`);
// 모달창의 tr요소를 클릭시 처리하는 이벤트 핸들러
$(document).on('click', '.select-bending-item, #bendingSearchResults tr', function(e) {
const $selectedRow = $(this).closest('tr');
const $targetRow = $(window.currentSearchButton).closest('tr');
// Update the target row with selected data
$targetRow.find('input.col5').val($selectedRow.find('td:eq(7)').text()); // 폭합 8번째 요소
// Update image data
const $imgCell = $selectedRow.find('td:eq(6)'); // 모달창 td요소의 이미지 위치
const $img = $imgCell.find('img');
if ($img.length) {
const imgSrc = $img.attr('src');
// 이미지 URL을 hidden input에 저장
$targetRow.find('input.col6').val(imgSrc);
// 이미지 표시
$targetRow.find('.image-container').html(`<img src="${imgSrc}" alt="형상 이미지" style="max-width:100px; max-height:50px; height:auto; width:auto;">`);
} else {
$targetRow.find('input.col6').val('');
$targetRow.find('.image-container').html('<span class="text-secondary">이미지 없음</span>');
}
// Close the modal
$('#bendingSearchModal').modal('hide');
});
// Add search functionality
$('#bendingSearchBtn').on('click', function() {
console.log('searchBtn clicked');
const searchTerm = $('#bendingSearchInput').val();
// AJAX 요청으로 서버에서 검색 수행
$.ajax({
url: 'bending/searchbending.php',
type: 'POST',
data: {
search: searchTerm
},
success: function(response) {
try {
const data = JSON.parse(response);
let html = '';
if (data.length > 0) {
data.forEach(function(row) {
html += '<tr>';
html += '<td>' + (row.major_category || '') + '</td>';
html += '<td>' + (row.sub_category || '') + '</td>';
html += '<td>' + (row.item_name || '') + '</td>';
html += '<td>' + (row.material || '') + '</td>';
html += '<td>' + (row.specifications || '') + '</td>';
html += '<td>' + (row.image_url ? '<img src="' + row.image_url + '" alt="형상 이미지" style="max-width:100px; max-height:50px;">' : '<span class="text-secondary">이미지 없음</span>') + '</td>';
html += '<td>' + (row.width_sum || '') + '</td>';
html += '<td>' + (row.bending_count || '') + '</td>';
html += '<td>' + (row.notes || '') + '</td>';
html += '<td><button class="btn btn-sm btn-primary select-bending-item">선택</button></td>';
html += '</tr>';
});
} else {
html = '<tr><td colspan="10" class="text-center">검색 결과가 없습니다.</td></tr>';
}
$('#bendingSearchResults').html(html);
} catch (e) {
console.error('Error parsing response:', e);
$('#bendingSearchResults').html('<tr><td colspan="10" class="text-center">데이터 처리 중 오류가 발생했습니다.</td></tr>');
}
},
error: function(xhr, status, error) {
console.error('Search request failed:', error);
$('#bendingSearchResults').html('<tr><td colspan="10" class="text-center">검색 중 오류가 발생했습니다.</td></tr>');
}
});
});
// Add enter key support for search
$('#bendingSearchInput').on('keypress', function(e) {
if (e.which === 13) {
$('#bendingSearchBtn').click();
}
});
// Add modal hidden event handler
$('#bendingSearchModal').on('hidden.bs.modal', function () {
// Clear search input
$('#bendingSearchInput').val('');
// Remove modal from DOM
$(this).remove();
});
// Show the modal
const modal = new bootstrap.Modal(document.getElementById('bendingSearchModal'));
modal.show();
},
error: function(xhr, status, error) {
console.error('Error loading search modal:', error);
Swal.fire('오류', '검색 결과를 불러오는데 실패했습니다.', 'error');
}
});
});
updateSerialNumbers(tableBody);
toggleTableHeaderVisibility(tableBody);
}
const controllerOption1 = ['제어기_노출형', '제어기_매립형', '뒷박스', '방범스위치', '방범리모콘', '방범케이스', '키뭉치', '열찰(key)', '제어기기판', '컨트롤기판','(직접입력)'];
const controllerOption2 = ['구형', '신형'];
function addRowUA_controller(
tableBody = $('#controller_listBody'),
afterRow = null,
rowData = {}
) {
// rowData에 기본 수량 설정
rowData = Object.assign({ col2: '1' }, rowData);
const fields = [
{ name: 'col1', type: 'select' }, // 품명
{ name: 'col2' }, // 수량
{ name: 'col3', type: 'select' }, // 신형/구형
{ name: 'col4' } // 비고
];
const options = {
col1: controllerOption1,
col3: controllerOption2
};
createCommonRow(tableBody, fields, options, rowData, afterRow);
}
// 1) 매핑 정보
const etcOption1 = [
'감기샤프트', '각파이프', '앵글', '무게평철',
'마환봉', '조인트바', '봉제가스켓', '롤가스켓',
'락카스프레이', '힌지', '비상문평철', '미미',
'텐텐지', '덧대기원단', '처짐방지로라',
'내화실', '버미글라스','(직접입력)'
];
const defaultEtcOption2 = [
'2인치(60.5*2.9T)',
'3인치(89.1*2T)','4인치(114.3*2T)',
'5인치(139.8*2.9T)','6인치(165.2*2.9T)',
'8인치(216.3*4.2T)','10인치(267.4*6T)',
'12인치(318.5*6T)'
];
const etcOption2Map = {
'(없음)': ['(없음)'],
'감기샤프트': defaultEtcOption2,
'각파이프': ['50*30*1.4T', '30*30*1.4T', '100*50*2T', '100*100*2T'],
'앵글': ['40*40*3T', '50*50*4T'],
'무게평철': ['50*9T', '50*12T'],
'마환봉': ['6파이'],
'조인트바': ['(없음)'],
'봉제가스켓': ['(없음)'],
'롤가스켓': ['(없음)'],
'락카스프레이': ['은색', '적갈색', '연회색'],
'힌지': ['정방향(태영)', '역방향(태영)', '정방향(승리)', '역방향(승리)'],
'비상문평철': ['(없음)'],
'미미': ['(없음)'],
'텐텐지': ['(없음)'],
'덧대기원단': ['(없음)'],
'처짐방지로라': ['(없음)'],
'내화실': ['(없음)'],
'버미글라스': ['(없음)']
};
// 2) 의존 이벤트 등록
$('#etc_listBody').on('change', 'select.col1', function() {
const selected = $(this).val();
const $row = $(this).closest('tr');
const $col2 = $row.find('select.col2');
const opts = etcOption2Map[selected] || ['(없음)'];
$col2.empty();
if (!opts || opts.length === 0) {
// 값이 없으면 '(없음)' 추가
$col2.append($('<option>').val('(없음)').text('(없음)'));
} else {
// 값이 있을 경우 해당 옵션들 추가
opts.forEach(opt => {
$col2.append($('<option>').val(opt).text(opt));
});
}
});
// 3) addRow 함수 (기존 그대로)
function addRowUA_etc(
tableBody = $('#etc_listBody'),
afterRow = null,
rowData = {}
) {
// 1) 기본값 보충
rowData = Object.assign({ col4: '1' }, rowData);
// 2) col1 값에 따라 col2 옵션을 결정
// 매핑이 없으면 defaultEtcOption2 사용
const initialCol2 = etcOption2Map[rowData.col1] || defaultEtcOption2;
// 3) 필드 정의
const fields = [
{ name: 'col1', type: 'select' }, // 품명
{ name: 'col2', type: 'select' }, // 규격 (의존 셀)
{ name: 'col3' }, // 길이 mm
{ name: 'col4' }, // 수량
{ name: 'col5' } // 비고
];
// 4) selectOptions 에 col2 만 동적으로 교체
const options = {
col1: etcOption1,
col2: initialCol2
};
// 5) 행 생성
createCommonRow(tableBody, fields, options, rowData, afterRow);
// (createCommonRow 내부에서 createSelect 에 rowData[col2]를 넘기므로
// 자동으로 selected 처리됩니다.)
// 6) 추가된 행의 뷰 모드 처리나 기타 후속 작업이 필요하면 여기서!
if ($("#mode").val() === 'view') {
disableView();
}
}
function createCommonRow(tableBody, fields, selectOptions = {}, rowData = {}, afterRow = null, searchOption = null) {
let newRow = $('<tr>');
// 첫 열: 일련번호 + 버튼들
newRow.append('<td class="text-center">' +
'<div class="d-flex justify-content-center align-items-center">' +
'<span class="serial-number me-2"></span>' +
'<button type="button" class="btn btn-outline-dark btn-sm viewNoBtn me-1 add-row-generic" style="border:0px;">+</button>' +
'<button type="button" class="btn btn-outline-danger btn-sm viewNoBtn me-1 remove-row-generic" style="border:0px;">-</button>' +
'<button type="button" class="btn btn-outline-secondary btn-sm viewNoBtn copy-row-generic" style="border:0px;"><i class="bi bi-files"></i></button>' +
'</div></td>');
// 나머지 셀 생성
fields.forEach(field => {
if (field.type === 'select') {
newRow.append(`<td class="text-center">${createSelect(field.name, selectOptions[field.name] || [], rowData[field.name] || '')}</td>`);
} else if (field.type === 'button') {
newRow.append(`<td class="text-center">${createButton(field.name, '<i class="bi bi-search"></i>')}</td>`);
} else {
newRow.append(`<td class="text-center">${createInput(field.name, rowData[field.name] || '')}</td>`);
}
});
// 행 삽입
if (afterRow && afterRow.length) {
afterRow.after(newRow);
} else {
tableBody.append(newRow);
}
updateSerialNumbers(tableBody);
// 헤더 표시 여부 조절
toggleTableHeaderVisibility(tableBody);
if ($("#mode").val() == 'view') {
disableView();
}
}
// 직접입력함수 직접입력한 select 옵션 추가
function createSelect(name, options, selectedValue = '') {
let html = `<select name="${name}[]" class="form-select form-select-sm viewNoBtn text-center ${name}" style="height:30px; font-size:0.75rem;">`;
// 기본 "(없음)" 옵션
html += `<option value="(없음)"${selectedValue === '(없음)' ? ' selected' : ''}>(없음)</option>`;
// selectedValue가 비어있지 않고 options 에 없으면, 먼저 추가
if (selectedValue && !options.includes(selectedValue) && selectedValue !== '(없음)') {
html += `<option value="${selectedValue}" selected>${selectedValue}</option>`;
}
// 기존 옵션들 출력
options.forEach(opt => {
html += `<option value="${opt}"${opt === selectedValue ? ' selected' : ''}>${opt}</option>`;
});
html += '</select>';
return html;
}
function createInput(name, value = '', type = 'text') {
return `<input type="${type}" name="${name}[]" class="form-control form-control-sm text-center viewNoBtn ${name}" autocomplete="off" value="${value}" style="height:30px; font-size:0.75rem;">`;
}
function createButton(name, value = '', type = 'button') {
return `<button type="${type}" name="${name}[]" class="btn btn-outline-secondary btn-sm viewNoBtn ${name}" style="height:30px; font-size:0.75rem;"> ${value}</button>`;
}
function initDirectInputOnSelect(selectSelector) {
const modalId = 'directInputModal';
// 1) 모달 엘리먼트가 없으면 body에 추가 (transform 제거)
if (!document.getElementById(modalId)) {
$('body').append(`
<div id="${modalId}-backdrop" style="
display:none;
position:fixed; top:0; left:0;
width:100%; height:100%;
background:rgba(0,0,0,0.3);
z-index:9998;
"></div>
<div id="${modalId}" style="
display:none;
position:absolute; /* fixed → absolute */
background:#fff;
padding:1rem;
border:1px solid #ccc;
border-radius:4px;
box-shadow:0 2px 8px rgba(0,0,0,0.2);
z-index:9999;
white-space:nowrap; /* 크기 자동 조절 */
">
<div style="margin-bottom:.5rem;">
<input type="text" id="${modalId}-input" class="form-control form-control-sm" placeholder="추가항목을 입력하세요">
</div>
<div class="text-end">
<button type="button" id="${modalId}-cancel" class="btn btn-sm btn-secondary me-1">취소</button>
<button type="button" id="${modalId}-confirm" class="btn btn-sm btn-primary">입력</button>
</div>
</div>
`);
}
let $currentSelect = null;
// 2) select 변경 감지
$('body').on('change', selectSelector, function() {
if ($(this).val() === '(직접입력)') {
$currentSelect = $(this);
const $modal = $(`#${modalId}`);
const $backdrop = $(`#${modalId}-backdrop`);
// 2-1) select 위치 계산
const off = $currentSelect.offset();
const h = $currentSelect.outerHeight();
// 2-2) 모달 위치를 select 바로 아래로 설정
$modal.css({
top: off.top + h + 4, // select 바로 아래(+여백 4px)
left: off.left,
display: 'block'
});
// 2-3) 배경 보이기
$backdrop.show();
// 2-4) 입력창에 포커스
$(`#${modalId}-input`).val('').focus();
}
});
// 3) 취소 버튼
$('body').on('click', `#${modalId}-cancel`, function() {
$(`#${modalId}-backdrop, #${modalId}`).hide();
if ($currentSelect) {
$currentSelect.val($currentSelect.find('option:first').val());
}
});
// 4) 입력 확인
$('body').on('click', `#${modalId}-confirm`, function() {
const val = $(`#${modalId}-input`).val().trim();
if (!val) {
alert('값을 입력해주세요.');
return;
}
if ($currentSelect) {
$currentSelect
.append($('<option>').val(val).text(val))
.val(val)
.trigger('change');
}
$(`#${modalId}-backdrop, #${modalId}`).hide();
});
// 5) Enter 키로도 확인 동작
$('body').on('keydown', `#${modalId}-input`, function(e) {
if (e.key === 'Enter') {
e.preventDefault(); // 폼 제출 방지
$(`#${modalId}-confirm`).click(); // 확인 버튼 클릭 트리거
}
});
// 6) ESC 키로도 취소 동작
$('body').on('keydown', `#${modalId}-input`, function(e) {
if (e.key === 'Escape') {
e.preventDefault(); // 폼 제출 방지
$(`#${modalId}-cancel`).click();
}
});
}
// 사용 예: 문서 로드 후 원하는 select 에 적용
$(function() {
initDirectInputOnSelect('#etc_listBody select.col1');
initDirectInputOnSelect('#screen_unapprovedListBody select.col1');
initDirectInputOnSelect('#slat_unapprovedListBody select.col1');
initDirectInputOnSelect('#motor_listBody select.col1');
initDirectInputOnSelect('#bend_listBody select.col1');
initDirectInputOnSelect('#controller_listBody select.col1');
// ...다른 카테고리도 동일하게 호출
});
// ─────────────────────────────────────────────
// 3) 5개 버튼 처리: "행전체 삭제" + 4가지 자동 로드
// ─────────────────────────────────────────────
// 3-1) 스크린 노출형 데이터
const screenOutData = [
{ col1: '가이드레일(보강재)', col2: 'EGI 1.6T' },
{ col1: '가이드레일(마감재)', col2: 'SUS 1.2T' },
{ col1: '가이드레일(하부BACE)', col2: 'EGI 1.2T' },
{ col1: '삼각쫄대', col2: 'EGI 1.2T' },
{ col1: '연기차단재(케이스용)', col2: 'EGI 0.8T' },
{ col1: '하단마감재', col2: 'SUS 1.5T' },
{ col1: 'L-BAR', col2: 'EGI 1.6T' },
{ col1: '보강평철', col2: 'EGI 1.2T' },
{ col1: '케이스_셔터박스', col2: 'EGI 1.6T' }
];
// "스크린 매립형" 데이터
const screenInData = [
{ col1: '가이드레일(보강재)', col2: 'EGI 1.6T' },
{ col1: '가이드레일(마감재)', col2: 'SUS 1.2T' },
{ col1: '가이드레일(하부BACE)', col2: 'EGI 1.2T' },
{ col1: '삼각쫄대', col2: 'EGI 1.2T' },
{ col1: '연기차단재(케이스용)', col2: 'EGI 0.8T' },
{ col1: '하단마감재', col2: 'SUS 1.5T' },
{ col1: 'L-BAR', col2: 'EGI 1.6T' },
{ col1: '보강평철', col2: 'EGI 1.2T' },
{ col1: '상부마감재(린텔)', col2: 'SUS 1.5T' },
{ col1: 'R몰딩', col2: 'EGI 1.2T' },
{ col1: 'R케이스', col2: 'GI 0.45T' }
];
// "철재스라트 노출형" 데이터
const slatOutData = [
{ col1: '가이드레일(보강재)', col2: 'EGI 1.6T' },
{ col1: '가이드레일(마감재)', col2: 'SUS 1.2T' },
{ col1: '가이드레일(하부BACE)', col2: 'EGI 1.2T' },
{ col1: '연기차단재(레일용)', col2: 'EGI 0.8T' },
{ col1: '연기차단재(케이스용)', col2: 'EGI 0.8T' },
{ col1: '하단마감재', col2: 'SUS 1.5T' },
{ col1: '케이스_셔터박스', col2: 'EGI 1.6T' }
];
// "철재스라트 매립형" 데이터
const slatInData = [
{ col1: '가이드레일(보강재)', col2: 'EGI 1.6T' },
{ col1: '가이드레일(마감재)', col2: 'SUS 1.2T' },
{ col1: '가이드레일(하부BACE)', col2: 'EGI 1.2T' },
{ col1: '연기차단재(레일용)', col2: 'EGI 0.8T' },
{ col1: '연기차단재(케이스용)', col2: 'EGI 0.8T' },
{ col1: '하단마감재', col2: 'SUS 1.5T' },
{ col1: '상부마감재(린텔)', col2: 'SUS 1.5T' },
{ col1: 'R몰딩', col2: 'EGI 1.2T' },
{ col1: 'R케이스', col2: 'GI 0.45T' }
];
// 비인정 스크린 "행전체 삭제"
$('#screen_unapprovedTableRemoveAllBtn').on('click', function () {
Swal.fire({
title: '정말 삭제하시겠습니까?',
text: '비인정 스크린의 모든 행이 삭제됩니다.',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '삭제',
cancelButtonText: '취소',
reverseButtons: true
}).then((result) => {
if (result.isConfirmed) {
$('#screen_unapprovedListBody').empty();
toggleTableHeaderVisibility($('#screen_unapprovedListBody'));
Swal.fire('삭제 완료', '모든 행이 삭제되었습니다.', 'success');
}
});
});
// 비인정 철재 "행전체 삭제"
$('#slat_unapprovedTableRemoveAllBtn').on('click', function () {
Swal.fire({
title: '정말 삭제하시겠습니까?',
text: '비인정 철재스라트의 모든 행이 삭제됩니다.',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '삭제',
cancelButtonText: '취소',
reverseButtons: true
}).then((result) => {
if (result.isConfirmed) {
$('#slat_unapprovedListBody').empty();
toggleTableHeaderVisibility($('#slat_unapprovedListBody'));
Swal.fire('삭제 완료', '모든 행이 삭제되었습니다.', 'success');
}
});
});
// 비인정 전동 "행전체 삭제"
$('#motor_tableRemoveAllBtn').on('click', function () {
Swal.fire({
title: '정말 삭제하시겠습니까?',
text: '비인정 전동 개폐기 & 베어링부(브라켓트)의 모든 행이 삭제됩니다.',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '삭제',
cancelButtonText: '취소',
reverseButtons: true
}).then((result) => {
if (result.isConfirmed) {
$('#motor_listBody').empty();
toggleTableHeaderVisibility($('#motor_listBody'));
Swal.fire('삭제 완료', '모든 행이 삭제되었습니다.', 'success');
}
});
});
// 비인정 제어기 "행전체 삭제"
$('#controller_tableRemoveAllBtn').on('click', function () {
Swal.fire({
title: '정말 삭제하시겠습니까?',
text: '비인정 제어기의 모든 행이 삭제됩니다.',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '삭제',
cancelButtonText: '취소',
reverseButtons: true
}).then((result) => {
if (result.isConfirmed) {
$('#controller_listBody').empty();
toggleTableHeaderVisibility($('#controller_listBody'));
Swal.fire('삭제 완료', '모든 행이 삭제되었습니다.', 'success');
}
});
});
// "행전체 삭제"
$('#bendRowRemoveAllBtn').on('click', function () {
Swal.fire({
title: '정말 삭제하시겠습니까?',
text: '모든 절곡품 행이 삭제됩니다.',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '삭제',
cancelButtonText: '취소',
reverseButtons: true
}).then((result) => {
if (result.isConfirmed) {
$('#bend_listBody').empty();
toggleTableHeaderVisibility($('#bend_listBody'));
Swal.fire('삭제 완료', '모든 행이 삭제되었습니다.', 'success');
}
});
});
// 부자재 행전체 삭제
$('#etc_tableRemoveAllBtn').on('click', function () {
Swal.fire({
title: '정말 삭제하시겠습니까?',
text: '모든 부자재 행이 삭제됩니다.',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '삭제',
cancelButtonText: '취소',
reverseButtons: true
}).then((result) => {
if (result.isConfirmed) {
$('#etc_listBody').empty();
toggleTableHeaderVisibility($('#etc_listBody'));
Swal.fire('삭제 완료', '모든 행이 삭제되었습니다.', 'success');
}
});
});
// "스크린 노출형"
$('#loadScreenOutBtn').on('click', function() {
screenOutData.forEach(r => addRowUA_bend($('#bend_listBody'), null, r));
});
// "스크린 매립형"
$('#loadScreenInBtn').on('click', function() {
screenInData.forEach(r => addRowUA_bend($('#bend_listBody'), null, r));
});
// "철재스라트 노출형"
$('#loadSlatOutBtn').on('click', function() {
slatOutData.forEach(r => addRowUA_bend($('#bend_listBody'), null, r));
});
// "철재스라트 매립형"
$('#loadSlatInBtn').on('click', function() {
slatInData.forEach(r => addRowUA_bend($('#bend_listBody'), null, r));
});
/**
* 철판 가격 계산 함수
* @param {string} material 재질 문자열 (예: "EGI 1.2T", "SUS 1.6T")
* @param {string|number} thickness 두께만 숫자로 (예: "1.2" 또는 1.2)
* @param {number} length 길이(mm)
* @param {number} width 폭(mm)
* @param {number} qty 수량
* @returns {number} 총 가격 (원 단위, 소수점 이하 버림)
*/
function getSteelPrice(material, thickness, length, width, qty) {
console.log('item_bend',item_bend);
// 1) 재질 대문자 통일 및 EGI/SUS 추출
var mat = (material || '').toString().trim().toUpperCase();
var rawMat = mat.includes("EGI") ? "EGI" :
mat.includes("SUS") ? "SUS" : "";
// 2) 두께에서 숫자만 꺼내 문자열로 통일
var th = thickness.toString().replace(/[^0-9.]/g, "");
// 3) EGI 용 특수 두께 매핑 (1.15→1.2, 1.55→1.6)
if (rawMat === "EGI") {
if (th === "1.15") th = "1.2";
if (th === "1.55") th = "1.6";
}
// 3) SUS 용 특수 두께 매핑 (1.15→1.2, 1.55→1.5)
if (rawMat === "SUS") {
if (th === "1.15") th = "1.2";
if (th === "1.55") th = "1.5";
}
// 4) 단가표에서 찾기 (item_bend 배열에 { col1: 재질, col5: 두께, col17: 면적당단가 } 구조 가정)
var matched = item_bend.find(function(item) {
return (item.col1 || "").toString().toUpperCase() === rawMat
&& item.col5 === th;
});
var unitPricePerM2 = matched
? parseFloat(matched.col17.toString().replace(/,/g, ""))
: 0;
// 5) 면적 계산 (mm → m 변환: mm² / 1,000,000)
// length, width가 ''이거나 0일 때는 0, 그 외에는 mm² → m² 계산
const l = parseFloat(length);
const w = parseFloat(width);
const areaM2 = (l > 0 && w > 0) ? (l * w) / 1e6 : 0;
// 6) 총 가격 계산
var total = unitPricePerM2 * areaM2 * qty;
// 7) 소수점 이하 버림 후 반환
return Math.floor(total);
}
/**
* 원판 1m²당 판단가 조회 함수
* @param {string} material 재질 문자열 (예: "EGI 1.2T", "SUS 1.6T")
* @param {string|number} thickness 두께만 숫자로 (예: "1.2" 또는 1.2)
* @returns {number} 1m²당 판단가 (원 단위)
*/
function getRawPlatePrice(material, thickness) {
// 1) 재질 대문자 통일 및 EGI/SUS 추출
var mat = (material || '').toString().trim().toUpperCase();
var rawMat = mat.includes("EGI") ? "EGI" :
mat.includes("SUS") ? "SUS" : "";
// 2) 두께에서 숫자만 꺼내 문자열로 통일
var th = thickness.toString().replace(/[^0-9.]/g, "");
// 3) EGI 용 특수 두께 매핑 (1.15→1.2, 1.55→1.6)
if (rawMat === "EGI") {
if (th === "1.15") th = "1.2";
if (th === "1.55") th = "1.6";
}
// 4) SUS 용 특수 두께 매핑 (1.15→1.2, 1.55→1.5)
if (rawMat === "SUS") {
if (th === "1.15") th = "1.2";
if (th === "1.55") th = "1.5";
}
// 5) 단가표에서 찾기 (item_bend 배열에 { col1: 재질, col5: 두께, col17: 면적당단가 } 구조 가정)
var matched = item_bend.find(function(item) {
return (item.col1 || "").toString().toUpperCase() === rawMat
&& item.col5 === th;
});
// 6) 1m²당 판단가 반환
return matched
? parseFloat(matched.col17.toString().replace(/,/g, ""))
: 0;
}
// ─────────────────────────────────────────────────────────────
// 1.4) 숫자만 입력받도록 하는 함수
function inputNumbers(input) {
input.value = input.value.replace(/[^0-9.]/g, '');
}
// ─────────────────────────────────────────────────────────────
// ─────────────────────────────────────────────────────────────
// 1.6) "screenTable"(스크린 작업지시서) 의 총 <th> 개수를 알아오는 함수
// → 비인정테이블을 만들 때, 동일한 개수의 <td>를 만들어주기 위해 사용
function getScreenTableThCount() {
return $('#screenTable thead tr:first-child th').length;
}
// ─────────────────────────────────────────────────────────────
// 1.7) 비인정스크린 각 행을 순회하며 첫 열에 일련번호를 매겨주는 함수
function updateSerialNumbers(tableBody) {
tableBody.find('tr').each(function(index) {
$(this).find('.serial-number').text(index + 1);
});
}
// ─────────────────────────────────────────────────────────────
// 1.8) 비인정스크린 테이블의 헤더 표시/숨김 토글
function toggleTableHeaderVisibility(tableBody) {
const table = tableBody.closest('table');
const thead = table.find('thead');
if (tableBody.find('tr').length === 0) {
thead.hide();
} else {
thead.show();
}
}
// ─────────────────────────────────────────────────────────────
// 1.9) 부호(셀렉트), 직접입력 옵션까지 처리하는 <select> 생성 함수
function createSelect_unapproved(name, opts, selectedVal = '') {
name = name.replace('[]', '');
let html = `<select name="${name}[]" class="form-select form-select-sm text-center col1 ${name}"
style="height:30px; font-size:0.75rem;">`;
// 1) 기본 ("없음") 옵션
// html += `<option value="(없음)" ${selectedVal === '(없음)' ? 'selected' : ''}>(없음)</option>`;
// 2) 기존에 선택된 임의 값 (opts에 없는 경우)
if (selectedVal && !opts.includes(selectedVal) && selectedVal !== '(없음)' && selectedVal !== '(직접입력)') {
html += `<option value="${selectedVal}" selected>${selectedVal}</option>`;
}
// 3) 실제 옵션들
opts.forEach(o => {
html += `<option value="${o}" ${o === selectedVal ? 'selected' : ''}>${o}</option>`;
});
html += `</select>`;
return html;
}
// 비인정철재-슬랫 작업
// 슬랫용 품목 옵션
const slatOptions1 = [
'방화용 1.6T', '방범용 1.2T', '방범용 1.6T',
'이중파이프', '단열셔터', '조인트바', '(직접입력)'
];
const materialOpts = ['(없음)','EGI 1.6T','EGI 1.2T'];
const hingeOpts = ['(없음)','승리','태영','굴비','대신'];
const hingeDirectionOpts = ['(없음)','정방향','역방향'];
// 비인정 철재-슬랫 행 추가 함수 (전역)
function addRowUA_slat(tableBody, afterRow = null, data = {}) {
// memo는 재질을 의미한다. 중요!
data = Object.assign({
item_type:'', floors:'', text1:'', memo:'EGI 1.6T', cutwidth:'', cutheight:'',
number:'1', exititem:'0', intervalnum:'', hinge:'', hingenum:'', hinge_direction:'(없음)', text2:''
}, data);
// ① 품목 셀렉트 생성
const itemTypeSelect = createSelect_unapproved(
'item_type[]',
slatOptions1,
data.item_type
);
// console.log('item_type : ', data.item_type);
// ① mode 값 읽기
const isView = $('#mode').val() === 'view';
// ② 첫 번째 셀(버튼) 생성
let cellsHtml = '<tr><td class="text-center"><div class="d-flex justify-content-center align-items-center">' +
'<span class="serial-number me-2"></span>';
// ③ view 모드가 아닐 때만 버튼 추가
if (!isView) {
cellsHtml += `
<button type="button" class="btn btn-outline-dark btn-sm viewNoBtn me-1 add-row-generic" style="border:0;">+</button>
<button type="button" class="btn btn-outline-danger btn-sm viewNoBtn me-1 remove-row-generic" style="border:0;">-</button>
<button type="button" class="btn btn-outline-secondary btn-sm viewNoBtn copy-row-generic me-1" style="border:0;"><i class="bi bi-files"></i></button>
`;
}
// ④ 셀 닫기
cellsHtml += '</div></td>';
// First column with buttons
cellsHtml += `
<td>${itemTypeSelect}</td>
<td><input type="text" name="floors[]" class="form-control col2 viewNoBtn" value="${data.floors}" placeholder="층" oninput="slat_calculateRow(this)"></td>
<td><input type="text" name="text1[]" class="form-control col3 viewNoBtn" value="${data.text1}" placeholder="부호" oninput="slat_calculateRow(this)"></td>
<td>
<select name="memo[]" class="form-control viewNoBtn" onchange="slat_calculateRow(this)">
${materialOpts.map(o=>`<option ${o===data.memo?'selected':''}>${o}</option>`).join('')}
</select>
</td>
<td><input type="text" name="cutwidth[]" class="form-control col2 viewNoBtn" value="${data.cutwidth}" placeholder="가로(W)" oninput="slat_calculateRow(this)"></td>
<td><input type="text" name="cutheight[]" class="form-control col3 viewNoBtn" value="${data.cutheight}" placeholder="세로(H)" oninput="slat_calculateRow(this)"></td>
<td><input type="text" name="number[]" class="form-control col4 viewNoBtn" value="${data.number}" placeholder="수량(EA)" oninput="slat_calculateRow(this)"></td>
<td>
<select name="exititem[]" class="form-control viewNoBtn" onchange="slat_calculateRow(this)">
<option value="0">(없음)</option>
<option value="1" ${data.exititem==='1'?'selected':''}>중앙</option>
<option value="2" ${data.exititem==='2'?'selected':''}>좌측</option>
<option value="3" ${data.exititem==='3'?'selected':''}>우측</option>
</select>
</td>
<td><input type="text" name="intervalnum[]" class="form-control intervalnum viewNoBtn" value="${data.intervalnum}" placeholder="띄울치수" oninput="slat_calculateRow(this)"></td>
<td>
<select name="hinge[]" class="form-control viewNoBtn" onchange="slat_calculateRow(this)">
${hingeOpts.map(o=>`<option ${o===data.hinge?'selected':''}>${o}</option>`).join('')}
</select>
</td>
<td><input type="text" name="hingenum[]" class="form-control hingenum viewNoBtn" value="${data.hingenum}" placeholder="힌지치수" readonly></td>
<td>
<select class="form-control hinge_direction text-center" name="hinge_direction[]">
${hingeDirectionOpts.map(o=>`<option ${o===data.hinge_direction?'selected':''}>${o}</option>`).join('')}
</select>
</td>
<td>
<input
type="text" class="form-control text2 text-start" name="text2[]" value="<?=$text2?>" style="font-size: 11px!important;" title="<?=$text2?>" readonly >
</td>
`;
// 4) 숨김 필드
cellsHtml += `<td style="display:none;"><input type="hidden" name="done_check[]" value="${data.done_check||''}"></td></tr>`;
// 행 삽입
if (afterRow && afterRow.length) {
afterRow.after(cellsHtml);
} else {
tableBody.append(cellsHtml);
}
// .serial-number 클래스 있어야 함
updateSerialNumbers(tableBody);
// 헤더 표시 여부 조절
toggleTableHeaderVisibility(tableBody);
// 1.6T, 1.2T 선택에 따라 재질선택하는 동적코드
$(document).on('change', 'select[name="item_type[]"]', function() {
const val = $(this).val() || '';
const $memo = $(this).closest('tr').find('select[name="memo[]"]');
if (val.includes('1.6')) {
$memo.val('EGI 1.6T').trigger('change');
}
else if (val.includes('1.2')) {
$memo.val('EGI 1.2T').trigger('change');
}
else {
$memo.val('(없음)').trigger('change');
}
});
// 비상문 선택에 따른 처리
$(document).on('change', 'select[name="exititem[]"]', function() {
const val = $(this).val() || '';
const intervalnum = $(this).closest('tr').find('input[name="intervalnum[]"]');
const hinge = $(this).closest('tr').find('select[name="hinge[]"]');
const hingeDirection = $(this).closest('tr').find('select[name="hinge_direction[]"]');
const hingenum = $(this).closest('tr').find('input[name="hingenum[]"]');
console.log('비상문 변경 클릭', val);
if (val.includes('0')) { // 0은 없음
intervalnum.val('');
hinge.val('(없음)');
hingeDirection.val('(없음)');
hingenum.val('');
}
else if (val.includes('1') || val.includes('2') || val.includes('3')) { // 1,2,3은 중앙, 좌측, 우측
hinge.val('(없음)');
hingeDirection.val('(없음)');
intervalnum.val('');
hingenum.val('');
}
});
if ($("#mode").val() == 'view') {
disableView();
}
slat_updateTotals();
// console.log('slat_unapprovedListBody : ', slat_unapprovedListBody);
}
$('#slat_unapprovedTable').on('input', 'input, select', function() {
slat_calculateRow(this);
}).on('change', 'select', function() {
slat_calculateRow(this);
slat_updateTotals();
});
// 변환버튼 이벤트 바인딩
$(document).ready(function() {
$('#convertUnapprovedBtn').on('click', function() {
Swal.fire({
title: '스크린 작업지시서 덮어쓰기 확인',
text: '기존자료에 덮어씁니다. 정말 적용하시겠습니까?',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '확인',
cancelButtonText: '취소'
}).then((result) => {
if (result.isConfirmed) {
$('#screenTable').empty();
$('#screen_unapprovedTable tbody tr').each(function() {
const $uRow = $(this);
const convertData = {
// addRow 이 기대하는 key 이름으로 맞춰서
col2: $uRow.find('input[name="floors[]"]').val() || '',
col3: $uRow.find('input[name="text1[]"]').val() || '',
col5: $uRow.find('select[name="item_type[]"]').val() || '', // select 주의 실리카,.... 등 표시
col10: $uRow.find('input[name="cutwidth[]"]').val() || '',
col11: $uRow.find('input[name="cutheight[]"]').val() || '',
col14: $uRow.find('input[name="number[]"]').val() || '1',
exititem: $uRow.find('select[name="exititem[]"]').val() || '0',
printside: $uRow.find('select[name="printside[]"]').val() || '',
direction: $uRow.find('select[name="direction[]"]').val() || '',
intervalnum: $uRow.find('input[name="intervalnum[]"]').val() || '',
intervalnumsecond:$uRow.find('input[name="intervalnumsecond[]"]').val()|| '',
exitinterval: $uRow.find('input[name="exitinterval[]"]').val() || '',
cover: $uRow.find('input[name="cover[]"]').val() || '',
drawbottom1: $uRow.find('input[name="drawbottom1[]"]').val() || '',
drawbottom3: $uRow.find('input[name="drawbottom3[]"]').val() || '',
drawbottom2: $uRow.find('input[name="drawbottom2[]"]').val() || '',
draw: $uRow.find('input[name="draw[]"]').val() || '',
text2: $uRow.find('input[name="text2[]"]').val() || '',
done_check: $uRow.find('input[name="done_check[]"]').val() || '',
remain_check: $uRow.find('input[name="remain_check[]"]').val() || '',
mid_check: $uRow.find('input[name="mid_check[]"]').val() || '',
left_check: $uRow.find('input[name="left_check[]"]').val() || '',
right_check: $uRow.find('input[name="right_check[]"]').val() || ''
};
console.log('비인정스크린 convertData : ', convertData);
// ② addRow를 호출하면, 내부에서 estimateData를 보고 모든 <input> / <select>를 한 번에 세팅한다
addRow(null, convertData);
alertToast('비인정스크린 변환 완료');
});
}
});
});
});
</script>
<script>
$(document).ready(function() {
$('#convertUnapproved_slatBtn').on('click', function() {
Swal.fire({
title: '철재-슬랫 작업지시서 덮어쓰기 확인',
text: '기존자료에 덮어씁니다. 정말 적용하시겠습니까?',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '확인',
cancelButtonText: '취소'
}).then((result) => {
if (result.isConfirmed) {
// 기존 발주서 비우기
$('#slatTable').empty();
// 비인정테이블의 각 행을 순회하며 변환
$('#slat_unapprovedTable tbody tr').each(function() {
const $uRow = $(this);
const convertData = {
// addRow_slat 이 기대하는 key 이름으로 맞춰서
col2: $uRow.find('input[name="floors[]"]').val() || '',
col3: $uRow.find('input[name="text1[]"]').val() || '',
col4: $uRow.find('select[name="item_type[]"]').val() || '', // select 주의
col5: $uRow.find('input[name="cutwidth[]"]').val() || '',
col6: $uRow.find('input[name="cutheight[]"]').val() || '',
col7: $uRow.find('input[name="number[]"]').val() || '1',
exititem: $uRow.find('select[name="exititem[]"]').val() || '0',
intervalnum: $uRow.find('input[name="intervalnum[]"]').val() || '',
hinge: $uRow.find('select[name="hinge[]"]').val() || '',
hingenum: $uRow.find('input[name="hingenum[]"]').val() || '',
hinge_direction: $uRow.find('select[name="hinge_direction[]"]').val() || '',
text2: $uRow.find('input[name="text2[]"]').val() || '',
done_check: $uRow.find('input[name="done_check[]"]').val() || ''
};
// addRow_slat 호출 (첫 번째 인자 null: 맨 끝에 추가)
addRow_slat(null, convertData);
});
// 완료 토스트
alertToast('비인정 철재-슬랫 변환 완료');
}
});
});
});
</script>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/fileImage.php'; // 파일과 이미지 불러오고 저장하는 서브모듈 ?>
<script>
// 인정 체크박스 이벤트 리스너
$(document).ready(function() {
$('#warranty').on('change', function() {
const commentTextarea = $('#comment');
const currentComment = commentTextarea.val();
const warrantyText = '★인정제품★';
if (this.checked) {
// 체크되었을 때: 비고란 맨 앞에 '★인정제품★' 문구 추가
if (!currentComment.includes(warrantyText)) {
commentTextarea.val(warrantyText + (currentComment ? ' ' : '') + currentComment);
}
} else {
// 체크 해제되었을 때: 비고란에서 '★인정제품★' 문구 제거
const newComment = currentComment.replace(new RegExp(warrantyText + '\\s*\\n?', 'g'), '');
commentTextarea.val(newComment);
}
});
});
</script>
<script>
function updateTableSums() {
let sumQty = 0;
let sumVAT = 0;
let sumTotal = 0;
let sumSupply = 0;
$('#account_listBody tr').each(function () {
const $row = $(this);
// 1) 값 읽어서 콤마 제거 + 숫자 변환
const qty = parseFloat($row.find('input[name="col4[]"]').val().replace(/,/g, '')) || 0;
const unitprice = parseFloat($row.find('input[name="col5[]"]').val().replace(/,/g, '')) || 0;
// 2) 공급가액, 부가세 계산
const supply = unitprice * qty;
const vat = Math.round(supply * 0.1);
// 3) 각 행의 col6, col7에 반영 (3자리 콤마 포맷)
$row.find('input[name="col6[]"]').val( supply.toLocaleString() );
$row.find('input[name="col7[]"]').val( vat.toLocaleString() );
// 4) 합계에 누적
sumQty += qty;
sumVAT += vat;
sumSupply += supply;
sumTotal += supply + vat;
});
// 5) 푸터 합계 표시
$('#sumQty').text ( sumQty.toLocaleString() );
$('#sumSupply').text ( sumSupply.toLocaleString() );
$('#sumVAT').text ( sumVAT.toLocaleString() );
$('#sumTotal').text ( sumTotal.toLocaleString() );
}
$(document).ready(function () {
// 복사 및 삭제 이벤트 바인딩
$(document).on('click', '.add-row-account', function() {
const tableBody = $(this).closest('tbody');
const currentRow = $(this).closest('tr');
const tableId = tableBody.attr('id');
addRow_Account($('#account_listBody'), currentRow);
alertToast('행추가');
});
});
$(document).on('input change', '#account_listBody', function () {
updateTableSums();
});
// 테이블의 변화감지해서 계산해주는 코드
$(function() {
// 1) input, select 변경 감지
$('#account_listBody').on('input change', 'input, select', updateTableSums);
// 2) <tr> 추가/삭제 감지를 위한 MutationObserver
const target = document.getElementById('account_listBody');
if (target) {
const observer = new MutationObserver(mutations => {
for (const m of mutations) {
if (m.type === 'childList') {
updateTableSums();
break;
}
}
});
observer.observe(target, {
childList: true, // 직접 자식 엘리먼트(tr)의 추가/삭제 감지
subtree: false // tbody 바로 아래만 감지
});
}
});
// 이전 AJAX 요청을 저장할 변수
let currentRequest = null;
// accountList 테이블에서 col1(input)에 Enter 입력 시 동작
$('#account_listBody').on('keydown', 'input.col1', function(e) {
if (e.key !== 'Enter') return;
e.preventDefault();
const $row = $(this).closest('tr');
const prodcode = $(this).val().trim();
if (!prodcode) return;
// 1) 이전 요청이 남아있으면 취소
if (currentRequest && currentRequest.readyState !== 4) {
currentRequest.abort();
}
// 2) 새로운 AJAX 요청 (currentRequest에 할당)
currentRequest = $.ajax({
url: '/output/fetch_item_info.php',
method: 'GET',
data: { prodcode },
dataType: 'json',
// timeout을 주어 일정 시간 넘으면 자동 abort 시키려면 추가로 설정 가능
// timeout: 5000,
})
.done(function(res) {
if (!res.success) {
// Swal.fire('조회 실패', res.message, 'warning');
return;
}
// 3) 성공 시 해당 행에 값 채우기
$row.find('input.col2').val(res.item_name);
$row.find('input.col3').val(res.spec);
const formatted = res.unitprice
.toString()
.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
$row.find('input.col5').val(formatted);
updateTableSums(); // 계산해주기
})
.fail(function(jqXHR, textStatus) {
if (textStatus !== 'abort') {
Swal.fire('오류', '서버 통신에 실패했습니다.', 'error');
}
// abort된 경우에는 별도 처리하지 않음
});
});
function addRow_Account(
tableBody = $('#account_listBody'),
afterRow = null,
rowData = {}
) {
rowData = Object.assign({ col4: '1' }, rowData);
const fields = [
{ name: 'col1' }, // 품목코드
{ name: 'col2' }, // 품목명
{ name: 'col3' }, // 규격
{ name: 'col4' }, // 수량
{ name: 'col5' }, // 단가
{ name: 'col6' }, // 공급가액
{ name: 'col7' }, // 부가세
{ name: 'col8' } // 적요
];
const options = { };
createCommonRowAccount(tableBody, fields, options, rowData, afterRow);
updateTableSums(); // 추가 후 합계 갱신
}
function createCommonRowAccount(tableBody, fields, selectOptions = {}, rowData = {}, afterRow = null) {
let newRow = $('<tr>');
newRow.append('<td class="text-center">' +
'<div class="d-flex justify-content-center align-items-center">' +
'<span class="serial-number me-2"></span>' +
'<button type="button" class="btn btn-outline-danger btn-sm me-1 add-row-account" style="border:0px;">+</button>' +
'<button type="button" class="btn btn-outline-danger btn-sm me-1 remove-row-generic" style="border:0px;">-</button>' +
'<button type="button" class="btn btn-outline-secondary btn-sm copy-row-generic" style="border:0px;"><i class="bi bi-files"></i></button>' +
'</div></td>');
fields.forEach(field => {
if (field.type === 'select') {
newRow.append(`<td class="text-center">${createSelectAccount(field.name, selectOptions[field.name] || [], rowData[field.name] || '')}</td>`);
} else {
newRow.append(`<td class="text-center">${createInputAccount(field.name, rowData[field.name] || '')}</td>`);
}
});
if (afterRow && afterRow.length) {
afterRow.after(newRow);
} else {
tableBody.append(newRow);
}
updateSerialNumbers(tableBody);
}
function createSelectAccount(name, options, selectedValue = '') {
let html = `<select name="${name}[]" class="form-select form-select-sm text-center ${name}" >`;
html += `<option value="(없음)">(없음)</option>`;
options.forEach(opt => {
html += `<option value="${opt}"${opt === selectedValue ? ' selected' : ''}>${opt}</option>`;
});
html += '</select>';
return html;
}
function createInputAccount(name, value = '', type = 'text') {
if(name == 'col4' || name == 'col5' || name == 'col6' || name == 'col7') {
return `<input type="${type}" name="${name}[]" class="form-control form-control-sm text-end ${name}" autocomplete="off" value="${value}" oninput="inputNumberWithComma(this)" >`;
} else if(name == 'col1' || name == 'col2' || name == 'col3') {
return `<input type="${type}" name="${name}[]" class="form-control form-control-sm text-start ${name}" autocomplete="off" value="${value}" oninput="inputCapital(this)" >`;
} else {
return `<input type="${type}" name="${name}[]" class="form-control form-control-sm text-center ${name}" autocomplete="off" value="${value}" >`;
}
}
/**
* input 요소의 숫자(정수+소수) 입력 시
* - 소수점(.) 단 하나 허용
* - 그 외 숫자 외 문자 제거
* - 정수 부분은 3자리마다 콤마 추가
*/
function inputNumberWithComma(el) {
// 1) 기존 콤마 제거
let val = el.value.replace(/,/g, '');
// 2) 숫자와 소수점 이외 문자 제거
val = val.replace(/[^0-9.]/g, '');
// 3) 소수점이 2개 이상이면 첫 번째 것만 남기기
const parts = val.split('.');
if (parts.length > 2) {
val = parts.shift() + '.' + parts.join('');
}
// 4) 정수/소수 분리
let [intPart, decPart] = val.split('.');
// 5) 정수 부분에 콤마 추가
intPart = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
// 6) 다시 합쳐서 value 갱신
el.value = decPart !== undefined
? `${intPart}.${decPart}`
: intPart;
}
/**
* inputCapital: 입력값을 모두 대문자로 변환하고, 커서 위치 유지
* @param {HTMLInputElement} el - 대문자로 변환할 input 요소
*/
function inputCapital(el) {
// 현재 커서(선택) 위치 저장
const start = el.selectionStart;
const end = el.selectionEnd;
// 값 전체를 대문자로 변환
el.value = el.value.toUpperCase();
// 변환 후에도 커서 위치 복원
el.setSelectionRange(start, end);
}
/**
* 회계용 데이터만 저장
* 1) account_listBody → accountList(hidden)에 JSON
* 2) ET_unapproved에 sumSupply(콤마 제거 후 숫자)
* 3) ET_total에 sumSupply + estimateTotal(콤마 제거 후 숫자), 다시 콤마 포맷
*/
function saveData_account() {
// 1) accountList JSON 생성
const formData = [];
$('#account_listBody tr').each(function() {
const rowData = {};
$(this).find('input, select').each(function() {
const name = $(this).attr('name').replace('[]', '');
const value = $(this).val();
rowData[name] = value;
});
formData.push(rowData);
});
$('#accountList').val(JSON.stringify(formData));
// 2) ET_unapproved 설정 (sumSupply 텍스트 → 숫자)
const sumSupplyText = $('#sumSupply').text();
const sumSupply = parseFloat(sumSupplyText.replace(/,/g, '')) || 0;
const sumTotalText = $('#sumTotal').text();
const sumTotal = parseFloat(sumTotalText.replace(/,/g, '')) || 0;
// VAT포함 결과치 반영
$('#ET_unapproved').val(sumTotal.toLocaleString());
// 3) ET_total 설정 (sumSupply + estimateTotal)
const estTotalText = $('#estimateTotal').val();
const estTotal = parseFloat(estTotalText.replace(/,/g, '')) || 0;
const total = sumTotal + estTotal;
// 콤마 포맷
$('#ET_total').val( total.toLocaleString() );
showMsgModal(2); // 파일저장중
// 2) 전송할 데이터 객체 생성
const payload = {
num : $('#num').val(),
accountDate : $('#accountDate').val(),
accountList : $('#accountList').val(),
ET_unapproved : $('#ET_unapproved').val(),
ET_total : $('#ET_total').val()
};
$.ajax({
url: "/output/insert_account.php",
type: "post",
data: payload,
dataType: "json",
success: function(data){
console.log(data);
setTimeout(function() {
hideMsgModal();
}, 1000);
},
error: function(jqxhr, status, error) {
console.log(jqxhr, status, error);
alert("An error occurred: " + error); // Display error message
}
});
}
$(document).ready(function() {
const $modalEl = $('#fullscreenModal');
const $openBtn = $('#openUAaccountModal');
const $closeBtns = $('#closeAccountModal, #closeAccountModal2');
// 비인정 거래명세 모달 열기
$openBtn.on('click', function() {
// 제품코드에 비인정이 포함되었는지 검사 후 처리
if(!checkUnapprovedProduct()) return;
$modalEl.show();
// 날짜 초기화
const $dateInput = $('#accountDate');
if (!$dateInput.val()) {
const today = new Date();
const yyyy = today.getFullYear();
const mm = String(today.getMonth() + 1).padStart(2, '0');
const dd = String(today.getDate()).padStart(2, '0');
$dateInput.val(`${yyyy}-${mm}-${dd}`);
}
// 거래처 초기화
const $accountCompany = $('#accountCompany');
const $secondord = $('#secondord');
if ($secondord.val()) {
$accountCompany.val($secondord.val());
}
$('body').addClass('modal-open'); // 스크롤 방지
});
// 모달 닫기
$closeBtns.on('click', function() {
$modalEl.hide();
$('body').removeClass('modal-open');
});
// 저장 버튼 클릭
$('#saveAccountBtn').on('click', function() {
saveData_account(); // 사용자가 정의한 함수
$modalEl.hide();
$('body').removeClass('modal-open');
});
// 바깥 영역 클릭 시 닫기
$modalEl.on('click', function(e) {
if (e.target === this) {
$modalEl.hide();
$('body').removeClass('modal-open');
}
});
});
// 비인정 전동기 품목 코드 매핑
// 1) material 키 생성 함수
function makeMaterialKey(row) {
// 1) 각 컬럼값 앞뒤 공백만 제거
const part1 = (row.col1 || '').trim();
let part2 = (row.col2 || '').trim();
if (part2.includes('(없음)')) {
part2 = '';
}
// const part3 = (row.col3 || '').trim();
// 2) 언더스코어(_)로 단순 결합
// const raw = `${part1}_${part2}_${part3}`;
const raw = `${part1}_${part2}`;
// 3) '*' 문자만 제거
return raw.replace(/\*/g, '');
}
// 1) material 키 생성 함수
function makeControllerMaterialKey(row) {
// 1) 각 컬럼값 앞뒤 공백만 제거
const part1 = (row.col1 || '').trim();
const raw = `${part1}`;
// 3) '*' 문자만 제거
return raw.replace(/\*/g, '');
}
// 1) material 키 생성 함수
function makeEtcMaterialKey(row) {
// 1) 각 컬럼값 앞뒤 공백만 제거
const part1 = (row.col1 || '').trim();
let part2 = (row.col2 || '').trim();
if (part2.includes('(없음)')) {
part2 = '';
}
// const part3 = (row.col3 || '').trim();
// 2) 언더스코어(_)로 단순 결합
// const raw = `${part1}_${part2}_${part3}`;
const raw = `${part1}_${part2}`;
// 3) '*' 문자만 제거
return raw.replace(/\*/g, '');
}
// 2) materialKey → prodcode 매핑 객체
const motorCodeMap = {
'전동개폐기_단상 220V_150kg': 'KD모터150Kg단상',
'전동개폐기_단상 220V_300kg': 'KD모터300Kg단상',
'전동개폐기_단상 220V_400kg': 'KD모터400Kg단상',
'전동개폐기_단상 220V_500kg': 'KD모터500Kg단상',
'전동개폐기_단상 220V_600kg': 'KD모터600Kg단상',
'전동개폐기_단상 220V_600kg': 'KD모터600Kg단상',
'전동개폐기_단상 220V_800kg': 'KD모터800Kg단상',
'전동개폐기_단상 220V_1000kg': 'KD모터1000Kg단상',
'전동개폐기_단상 220V_1500kg': 'KD모터1500Kg단상',
'전동개폐기_단상 220V_2000kg': 'KD모터2000Kg단상',
'전동개폐기_삼상 380V_150kg': 'KD모터150Kg삼상',
'전동개폐기_삼상 380V_300kg': 'KD모터300Kg삼상',
'전동개폐기_삼상 380V_400kg': 'KD모터400Kg삼상',
'전동개폐기_삼상 380V_500kg': 'KD모터500Kg삼상',
'전동개폐기_삼상 380V_600kg': 'KD모터600Kg삼상',
'전동개폐기_삼상 380V_800kg': 'KD모터800Kg삼상',
'전동개폐기_삼상 380V_1000kg': 'KD모터1000Kg삼상',
'전동개폐기_삼상 380V_1500kg': 'KD모터1500Kg삼상',
'베어링부(브라켓트)_150kg': 'KD브라켓트150K',
'베어링부(브라켓트)_300kg': 'KD브라켓트300-400K(철재용)',
'베어링부(브라켓트)_400kg': 'KD브라켓트300-400K(철재용)',
'베어링부(브라켓트)_철재300kg': 'KD브라켓트300-400K(철재용)',
'베어링부(브라켓트)_철재400kg': 'KD브라켓트300-400K(철재용)',
'베어링부(브라켓트)_500kg': 'KD브라켓트500-600K(철)',
'베어링부(브라켓트)_600kg': 'KD브라켓트500-600K(철)',
'베어링부(브라켓트)_800kg': 'KD브라켓트800-1000K',
'베어링부(브라켓트)_1000kg': 'KD브라켓트800-1000K',
'베어링부(브라켓트)_1500kg': 'KD브라켓트1500K',
'베어링부(브라켓트)_2000kg': 'KD브라켓트2000K',
'컨트롤러_': '컨트롤박스(무선형)', // 컨트롤러는 단가가 많은데 단순하게 지정하는 문제가 있음
'전동축링(복주머니)_': '전동축링(복주머니)',
'링_': '링',
'플랜지_': '후렌지(기본)',
'환봉_': 'KD환봉(30파이)',
'체인_': '체인',
'무기둥 브라켓트_90도_': '브라켓트300-400K',
'무기둥 브라켓트_180도_': '브라켓트300-400K',
// ...필요한 키-값 계속 추가...
};
// 2) materialKey → prodcode 매핑 객체
const controllerCodeMap = {
'제어기_매립형': 'KD연동 제어기(매립형)',
'제어기_노출형': 'KD연동 제어기(노출형)',
'뒷박스': 'KD뒷박스',
'방범스위치': '방범스위치',
'방범리모콘': '방범스위치리모컨',
'방범케이스': '방범스위치카바',
'키뭉치': 'KD-제어기 키뭉치',
'열쇠(key)': 'KD-연동제어기 키',
'제어기기판': '연동제어기기판',
'컨트롤기판': 'KD기판(PCB)',
};
// 부자재 매핑 객체
const etcCodeMap = {
'감기샤프트_2인치(60.52.9T)': 'BS 샤우드 2인치',
'감기샤프트_3인치(89.12T)': 'BS 샤우드 3인치',
'감기샤프트_4인치(114.32T)': 'BS 샤우드 4인치',
'감기샤프트_5인치(139.82.9T)': 'BS 샤우드 5인치',
'감기샤프트_6인치(165.22.9T)': 'BS 샤우드 6인치',
'감기샤프트_8인치(216.34.2T)': 'BS 샤우드 8인치',
'감기샤프트_10인치(267.46T)': 'KS 샤우드 10인치',
'감기샤프트_12인치(318.56T)': 'KS 샤우드 12인치',
'각파이프_50301.4T': '칼라각파이프50x30x1.4T',
'각파이프_30301.4T': '칼라각파이프30x30x1.4T',
'각파이프_100502T': '칼라각파이프100x50x2T',
'각파이프_1001002T': '칼라각파이프100x100x2T',
'앵글_40403T': '앵글40x40x3T',
'무게평철_509T': '평철9T',
'무게평철_5012T': '평철12T',
'마환봉_6파이': '마환봉',
'조인트바': '조인트바',
'봉제가스켓': '봉제가스켓',
'롤가스켓': '롤가스켓(폭50)',
'락카스프레이_은색': '락카',
'락카스프레이_적갈색': '락카',
'락카스프레이_연회색': '락카',
'힌지_정방향(태영)': '힌지-정방향',
'힌지_역방향(태영)': '힌지-역방향',
'힌지_정방향(승리)': '힌지-정방향',
'힌지_역방향(승리)': '힌지-역방향',
'비상문평철': '비상문평철세트',
'미미': '미미',
'덧대기원단': '덧대기원단(폭400)',
'내화실': '실',
'버미글라스': '버미글라스',
};
// 3) prodcode → itemCode 가져오기
function lookupMotorCode(row) {
const key = makeMaterialKey(row);
return motorCodeMap[key] || '';
}
// 4) prodcode → unitprice 가져오기
function lookupMotorPrice(row) {
const prodcode = lookupMotorCode(row);
if (!prodcode) return 0;
const info = getUnitInfo(prodcode);
return info.price || 0;
}
// 4) prodcode → 저장된 이카운트 품목코드 가져오기
function lookupMotorEcountCode(row) {
const prodcode = lookupMotorCode(row);
if (!prodcode) return 0;
const info = getUnitInfo(prodcode);
return info.code || '';
}
// 3) controller prodcode → itemCode 가져오기
function lookupControllerCode(row) {
const key = makeControllerMaterialKey(row);
return controllerCodeMap[key] || '';
}
// 4) controller prodcode → unitprice 가져오기
function lookupControllerPrice(row) {
const prodcode = lookupControllerCode(row);
if (!prodcode) return 0;
const info = getUnitInfo(prodcode);
return info.price || 0;
}
// 4) controller prodcode → 저장된 이카운트 품목코드 가져오기
function lookupControllerEcountCode(row) {
const prodcode = lookupControllerCode(row);
if (!prodcode) return 0;
const info = getUnitInfo(prodcode);
return info.code || '';
}
// 3) etc prodcode → itemCode 가져오기
function lookupEtcCode(row) {
const key = makeEtcMaterialKey(row);
console.log('ETC key : ', key);
return etcCodeMap[key] || '';
}
// 4) etc prodcode → unitprice 가져오기
function lookupEtcPrice(row) {
const prodcode = lookupEtcCode(row);
if (!prodcode) return 0;
const info = getUnitInfo(prodcode);
return info.price || 0;
}
// 4) etc prodcode → 저장된 이카운트 품목코드 가져오기
function lookupEtcEcountCode(row) {
const prodcode = lookupEtcCode(row);
if (!prodcode) return 0;
const info = getUnitInfo(prodcode);
return info.code || '';
}
// 거래명세서 재계산 함수 정의
function recalculateAccountTable() {
// 기존 계정 테이블 데이터 초기화
$('#account_listBody').empty();
// console.log('주자재 : ', window.materialBasePrice);
// 각 테이블의 데이터를 가져와서 계정 테이블에 추가
console.log('window.screen_unapprovedList : ', window.screen_unapprovedList);
const tables = [
{
// 비인정 스크린 거래명세표 계산
data: window.screen_unapprovedList || [],
prefix: '',
getItemName: (row) => `${row.item_type || ''}`.trim(), // 품목명 가져오기
sepc: (row) => `${row.cutwidth || ''}*${row.cutheight || ''}`,
itemCode: (row) => {
const material = (row.item_type || '').trim();
let itemCode = window.materialBaseCode?.[material] || '';
return itemCode;
},
unitprice: (row) => {
const material = (row.item_type || '').trim();
let unitPrice = window.materialBasePrice?.[material] || 0;
return unitPrice.toLocaleString();
},
surang: (row) => {
const material = (row.item_type || '').trim();
const width = parseFloat((row.cutwidth || '0').replace(/,/g, ''));
const height = parseFloat((row.cutheight || '0').replace(/,/g, ''));
let qty = parseFloat((row.number || '0').replace(/,/g, ''));
let su;
if (material.includes('원단')) {
// 원단류: 세로 기준 1000mm당 단가
su = height / 1000;
} else {
// 일반 면적 기준 단가
let area = (width * height) / 1_000_000;
// 소수점 둘째 자리까지 반올림
area = Math.round(area * 100) / 100;
su = area * qty;
}
// 최종 수량도 소수점 둘째 자리까지 반올림
su = Math.round(su * 100) / 100;
// 필요에 따라 콤마 표시까지 하고 싶다면:
// return su.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 2 });
return su;
}
},
{
// 철재스라트 비인정
// 각 품목별 단가 계산방법이 다름주의
data: window.slat_unapprovedList || [],
prefix: '',
getItemName: (row) => `${row.item_type || ''}`.trim(),
itemCode: (row) => {
const material = (row.item_type || '').trim();
let type;
if (material.includes('방화')) {
type = '방화';
} else if (material.includes('방범')) {
type = '방범';
} else {
type = material;
}
let itemCode = window.materialBaseCode?.[type] || '';
return itemCode;
},
unitprice: (row) => {
const material = (row.item_type || '').trim();
let type;
if (material.includes('방화')) {
type = '방화';
} else if (material.includes('방범')) {
type = '방범';
} else {
type = material;
}
const unitPrice = window.materialBasePrice?.[type] || 0;
return unitPrice.toLocaleString();
},
surang: (row) => {
const material = (row.item_type || '').trim();
const width = parseFloat((row.cutwidth || '0').replace(/,/g, ''));
const height = parseFloat((row.cutheight || '0').replace(/,/g, ''));
let qty = parseFloat((row.number || '0').replace(/,/g, ''));
let su;
if (material.includes('방화') || material.includes('방범') || material.includes('단열셔터') || material.includes('이중파이프')) {
// 일반 면적 기준 단가
let area = (width * height) / 1_000_000;
// 소수점 둘째 자리까지 반올림
area = Math.round(area * 100) / 100;
su = area * qty;
}
else if (material.includes('조인트') ) {
su = qty;
}
// 최종 수량도 소수점 둘째 자리까지 반올림
su = Math.round(su * 100) / 100;
// 필요에 따라 콤마 표시까지 하고 싶다면:
// return su.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 2 });
return su;
},
sepc: (row) => `${row.floors || ''} ${row.text1 || ''}*${row.cutwidth || ''}*${row.cutheight || ''}*${row.number || ''}EA`
},
// 전동 개폐기 & 베어링부(브라켓트)
// 각 품목별 단가 계산방법이 다름주의
{
// 전동 개폐기 & 베어링부(브라켓트)
data: window.motorList || [],
prefix: '',
getItemName: row => `${row.col1 || ''}`.trim(),
itemCode: row => lookupMotorEcountCode(row),
unitprice: row => lookupMotorPrice(row).toLocaleString(),
surang: (row) => `${row.col5 || '1'}`,
sepc: (row) => {
// 원본 문자열 생성
const raw = `${row.col2 || ''} ${row.col3 || ''} ${row.col4 || ''} ${row.col6 || ''}`;
// '(없음)' 제거 후, 연속된 공백을 하나로 축소하고 앞뒤 공백 제거
return raw
.replace(/\(없음\)/g, '')
.replace(/\s+/g, ' ')
.trim();
}
},
{
// 연동 폐쇄기구(제어기) & 방범스위치
data: window.controllerList || [],
prefix: '',
getItemName: row => `${row.col1 || ''}`.trim(),
itemCode: row => lookupControllerEcountCode(row),
unitprice: row => lookupControllerPrice(row).toLocaleString(),
surang: (row) => `${row.col2 || '1'}`,
sepc: (row) => {
// 원본 문자열 생성
const raw = `${row.col3 || ''} ${row.col4 || ''}`;
// '(없음)' 제거 후, 연속된 공백을 하나로 축소하고 앞뒤 공백 제거
return raw
.replace(/\(없음\)/g, '')
.replace(/\s+/g, ' ')
.trim();
}
},
{
// 절곡품 계산하기 주의사항 : 폭합 단가 계산 방법이 다름
// EGI, SUS 제품을 각 두께별로 계산하는 단가를 적용해서 간단하게 정리해서 금액 산출
data: window.bendList || [],
prefix: '',
getItemName: (row) => {
// col3(길이)가 공백이 아닐 때만 처리
const length = (row.col3 || '').trim();
if (!length) return '';
const material = (row.col1 || '').trim();
const thickness = (row.col2 || '').trim();
// 품목명 형식: "SUS 1.2T (절곡가공/㎡)"
return `${material} ${thickness} (절곡가공/㎡)`;
},
sepc: (row) => '', // spec은 빈 문자열
surang: (row) => {
// col3(길이)가 공백이 아닐 때만 처리
const length = (row.col3 || '').trim();
if (!length) return '';
// 수량에 제곱미터 표시 추가
const qty = (row.col7 || '1').trim();
return `${qty}㎡`;
},
itemCode: (row) => {
// col3(길이)가 공백이 아닐 때만 처리
const length = (row.col3 || '').trim();
if (!length) return '';
const material = (row.col1 || '').trim();
let itemCode = window.materialBaseCode?.[material] || '';
return itemCode;
},
unitprice: (row) => {
// col3(길이)가 공백이 아닐 때만 처리
const length = (row.col3 || '').trim();
if (!length) return '0';
const material = (row.col2 || '').trim();
// 1) 공백 뒤의 문자열(두께+T)만 꺼내고 끝의 'T'를 제거
const thickness = (material.split(' ').pop() || '').replace(/T$/i, '');
// col4는 검색, col6은 이미지
const width = (row.col5 || '').trim();
// 수량은 col7
const qty = (row.col7 || '').trim();
let unitPrice = getRawPlatePrice(material, thickness); // 1m²당 판단가 조회 함수
return unitPrice.toLocaleString();
}
},
{
// 부자재
data: window.etcList || [],
prefix: '',
getItemName: (row) => `${row.col1 || ''}`.trim(),
sepc: (row) => {
const col2 = row.col2 || '';
const col3 = row.col3 || '';
const hasNumber = /\d/.test(col3); // Check if col3 contains any numbers
return `${col2}${hasNumber ? ' L:' : ' '}${col3}`;
},
surang: (row) => `${row.col4 || '1'}`,
itemCode: (row) => {
const material = (row.col1 || '').trim();
let itemCode = lookupEtcEcountCode(row);
return itemCode;
},
unitprice: row => lookupEtcPrice(row).toLocaleString(), // 부자재 매핑 정보 가져오기
}
];
tables.forEach(table => {
if (Array.isArray(table.data) && table.data.length > 0) {
table.data.forEach(row => {
// 행에 실제 데이터가 있는지 확인 (col1 또는 col2, cutwidth, cutheight, number가 있어야 함)
const hasData = (row.col1 && row.col1.trim() !== '') || (row.col2 && row.col2.trim() !== '') || (row.cutwidth && row.cutwidth.trim() !== '') || (row.cutheight && row.cutheight.trim() !== '') || (row.number && row.number.trim() !== '');
if (hasData) {
// 품목명 조합 (prefix + col1 + col2)
const itemName = table.prefix + table.getItemName(row);
const suRang = table.surang(row);
// 새로운 행 데이터 생성
const rowData = {
col1: table.itemCode(row), // 품목코드
col2: itemName, // 품목명
col3: table.sepc(row), // 규격
col4: suRang || '1', // 수량
col5: table.unitprice ? table.unitprice(row) : '0', // 단가 초기값
col6: '', // 공급가액
col7: '', // 부가세
col8: '' // 적요
};
// 계정 테이블에 행 추가
addRow_Account($('#account_listBody'), null, rowData);
}
});
}
});
updateTableSums();
}
// 재계산 버튼 클릭 이벤트
$('#recalcBtn').on('click', function() {
Swal.fire({
title: '재계산을 진행하시겠습니까?',
text: '기존 데이터는 모두 삭제됩니다.',
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: '네, 재계산',
cancelButtonText: '취소'
}).then((result) => {
if (result.isConfirmed) {
recalculateAccountTable();
alertToast('재계산 완료');
}
});
});
// 거래명세서 클릭 이벤트
$('#transactionRecordBtn').on('click', function() {
// 먼저 저장 버튼 클릭
// $('#saveAccountBtn').click();
// 정보 저장
saveData_account();
// 저장 완료 후 거래명세서 열기
setTimeout(function() {
var num = $("#num").val();
// table 이름을 넣어야 함
var url = '/output/transactionRecord.php?num=' + num;
customPopup(url, '거래명세서', 1200, 900);
}, 1000); // 저장 작업이 완료될 시간을 주기 위해 1초 대기
});
(function($){
function bindAutocomplete($input) {
let timer, $box, items = [], idx = -1;
function closeBox() {
if ($box) {
$box.remove();
$box = null;
items = [];
idx = -1;
}
}
function selectItem(item) {
const $row = $input.closest('tr');
$.getJSON('/output/fetch_item_info.php', { prodcode: item.prodcode }, function(res){
if (!res.success) return;
$row.find('input.col1').val(item.prodcode);
$input.val(res.item_name);
$row.find('input.col3').val(res.spec);
const up = parseFloat(res.unitprice)
.toString()
.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
$row.find('input.col5').val(up);
if (typeof updateTableSums === 'function') updateTableSums();
});
closeBox();
}
// 입력 감지
$input.on('input', function(){
const term = $input.val().trim();
clearTimeout(timer);
closeBox();
if (term.length < 2) return;
timer = setTimeout(() => {
$.getJSON('/output/search_item_names.php', { q: term, limit: 10 }, function(list){
if (!list || !list.length) return;
items = list; idx = -1;
closeBox();
$box = $('<div class="autocomplete-suggestions"></div>').appendTo('body');
list.forEach(function(item){
$('<div class="autocomplete-suggestion"></div>')
.text(item.item_name)
.data('item', item)
.appendTo($box);
});
// 클릭 또는 터치 시 해당 행만 selectItem 호출
$box.on('mousedown', '.autocomplete-suggestion', function(e){
const it = $(this).data('item');
selectItem(it);
});
// 리스트 위치 조정
const off = $input.offset();
$box.css({
top: off.top + $input.outerHeight(),
left: off.left,
width: $input.outerWidth()
});
});
}, 300);
});
// 키보드 네비게이션
$input.on('keydown', function(e){
if (!$box) return;
if (e.key === 'ArrowDown') {
e.preventDefault();
idx = idx < items.length-1 ? idx+1 : 0;
} else if (e.key === 'ArrowUp') {
e.preventDefault();
idx = idx > 0 ? idx-1 : items.length-1;
} else if (e.key === 'Enter') {
e.preventDefault();
if (idx >= 0) selectItem(items[idx]);
return;
} else {
return;
}
$box.children().removeClass('active')
.eq(idx).addClass('active');
$input.val(items[idx].item_name);
});
// 포커스 아웃 시 닫기
$input.on('blur', function(){
setTimeout(closeBox, 200);
});
}
// addRow_Account 후킹
const _orig = window.addRow_Account;
window.addRow_Account = function(tb, ar, rd) {
_orig(tb, ar, rd);
const $new = ar && ar.length
? ar.next().find('input.col2')
: $('#account_listBody tr').last().find('input.col2');
bindAutocomplete($new);
};
// 기존 행에도 바인딩
$(function(){
$('#account_listBody').find('input.col2').each(function(){
bindAutocomplete($(this));
});
});
})(jQuery);
function getUnitInfo(item_name) {
const info = window.unitInfo?.[item_name];
return info
? { code: info.prodcode, name: info.item_name, spec: info.spec, price: info.price }
: { code: '', name: '', spec: '', price: 0 };
}
function deleteAllUnapprovedItems() {
Swal.fire({
title: '비인정 항목 삭제',
text: '모든 비인정 항목을 삭제하시겠습니까?',
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#d33',
cancelButtonColor: '#3085d6',
confirmButtonText: '삭제',
cancelButtonText: '취소',
reverseButtons: true,
customClass: {
popup: 'animated fadeInDown'
}
}).then((result) => {
if (result.isConfirmed) {
// 각 테이블의 tbody를 찾아서 내용을 비움
const tables = [
'screen_unapprovedTable',
'slat_unapprovedTable',
'motor_unapprovedTable',
'controller_unapprovedTable',
'etc_unapprovedTable',
'etc2_unapprovedTable'
];
tables.forEach(tableId => {
const table = document.querySelector(`#${tableId}`);
if (table) {
const tbody = table.querySelector('tbody');
const thead = table.querySelector('thead');
if (tbody) {
tbody.innerHTML = '';
}
if (thead) {
thead.style.display = 'none';
}
}
});
// ET_unapproved와 ET_total 값 초기화
const etapproved = document.getElementById('estimateTotal');
const etUnapproved = document.getElementById('ET_unapproved');
const etTotal = document.getElementById('ET_total');
// 콤마 제거하고 숫자로 변환
const approvedAmount = parseFloat((etapproved.value || '0').replace(/,/g, '')) || 0;
const unapprovedAmount = 0; // 비인정 금액은 0으로 설정
// ET_unapproved는 0으로 설정
if (etUnapproved) {
etUnapproved.value = '0';
}
// ET_total은 인정금액만 표시
if (etTotal) {
etTotal.value = approvedAmount.toLocaleString();
}
// 성공 메시지 표시
Swal.fire({
title: '삭제 완료!',
text: '모든 비인정 항목이 삭제되었습니다.',
icon: 'success',
confirmButtonColor: '#3085d6',
customClass: {
popup: 'animated fadeInDown'
}
});
}
});
}
document.addEventListener('DOMContentLoaded', function () {
setTimeout(function() {
var tooltipTriggerList = [].slice.call(
document.querySelectorAll('[data-bs-toggle="tooltip"]')
);
tooltipTriggerList.forEach(function (el) {
new bootstrap.Tooltip(el);
});
}, 1000);
});
</script>
Reference in New Issue View Git Blame Copy Permalink