';
}
// 작업 항목 수정 함수 (통합 API 사용)
async function editWorkItem(workId) {
try {
console.log('수정할 작업 ID:', workId);
// 1. 기존 데이터 조회 (통합 API 사용)
showMessage('작업 정보를 불러오는 중... (통합 API)', 'loading');
const workData = await window.apiCall(`/daily-work-reports/${workId}`);
console.log('수정할 작업 데이터 (통합 API):', workData);
// 2. 수정 모달 표시
showEditModal(workData);
hideMessage();
} catch (error) {
console.error('작업 정보 조회 오류:', error);
showMessage('작업 정보를 불러올 수 없습니다: ' + error.message, 'error');
}
}
// 수정 모달 표시
function showEditModal(workData) {
editingWorkId = workData.id;
const modalHtml = `
✏️ 작업 수정
`;
document.body.insertAdjacentHTML('beforeend', modalHtml);
// 업무 상태 변경 이벤트
document.getElementById('editWorkStatus').addEventListener('change', (e) => {
const errorTypeGroup = document.getElementById('editErrorTypeGroup');
if (e.target.value === '2') {
errorTypeGroup.style.display = 'block';
} else {
errorTypeGroup.style.display = 'none';
}
});
}
// 수정 모달 닫기
function closeEditModal() {
const modal = document.getElementById('editModal');
if (modal) {
modal.remove();
}
editingWorkId = null;
}
// 수정된 작업 저장 (통합 API 사용)
async function saveEditedWork() {
try {
const projectId = document.getElementById('editProject').value;
const workTypeId = document.getElementById('editWorkType').value;
const workStatusId = document.getElementById('editWorkStatus').value;
const errorTypeId = document.getElementById('editErrorType').value;
const workHours = document.getElementById('editWorkHours').value;
if (!projectId || !workTypeId || !workStatusId || !workHours) {
showMessage('모든 필수 항목을 입력해주세요.', 'error');
return;
}
if (workStatusId === '2' && !errorTypeId) {
showMessage('에러 상태인 경우 에러 유형을 선택해주세요.', 'error');
return;
}
const updateData = {
project_id: parseInt(projectId),
work_type_id: parseInt(workTypeId),
work_status_id: parseInt(workStatusId),
error_type_id: errorTypeId ? parseInt(errorTypeId) : null,
work_hours: parseFloat(workHours)
};
showMessage('작업을 수정하는 중... (통합 API)', 'loading');
const result = await window.apiCall(`/daily-work-reports/${editingWorkId}`, {
method: 'PUT',
body: JSON.stringify(updateData)
});
console.log('✅ 수정 성공 (통합 API):', result);
showMessage('✅ 작업이 성공적으로 수정되었습니다!', 'success');
closeEditModal();
refreshTodayWorkers();
} catch (error) {
console.error('❌ 수정 실패:', error);
showMessage('수정 중 오류가 발생했습니다: ' + error.message, 'error');
}
}
// 작업 항목 삭제 함수 (통합 API 사용)
async function deleteWorkItem(workId) {
if (!confirm('정말로 이 작업을 삭제하시겠습니까?\n삭제된 작업은 복구할 수 없습니다.')) {
return;
}
try {
console.log('삭제할 작업 ID:', workId);
showMessage('작업을 삭제하는 중... (통합 API)', 'loading');
// 개별 항목 삭제 API 호출 (본인 작성분만 삭제 가능) - 통합 API 사용
const result = await window.apiCall(`/daily-work-reports/my-entry/${workId}`, {
method: 'DELETE'
});
console.log('✅ 삭제 성공 (통합 API):', result);
showMessage('✅ 작업이 성공적으로 삭제되었습니다!', 'success');
// 화면 새로고침
refreshTodayWorkers();
} catch (error) {
console.error('❌ 삭제 실패:', error);
showMessage('삭제 중 오류가 발생했습니다: ' + error.message, 'error');
}
}
// 오늘 현황 새로고침
function refreshTodayWorkers() {
loadTodayWorkers();
}
// 이벤트 리스너 설정 (이제 테이블 기반 UI를 사용하므로 별도 리스너 불필요)
function setupEventListeners() {
// 기존 단계별 입력 UI 제거됨
// 모든 이벤트는 onclick 핸들러로 직접 처리
}
// 초기화
async function init() {
try {
// app-init.js(defer)가 토큰/apiCall 설정 완료할 때까지 대기
if (window.waitForApi) {
await window.waitForApi(8000);
} else if (!window.apiCall) {
// waitForApi 없으면 간단 폴링
await new Promise((resolve, reject) => {
let elapsed = 0;
const iv = setInterval(() => { elapsed += 50; if (window.apiCall) { clearInterval(iv); resolve(); } else if (elapsed >= 8000) { clearInterval(iv); reject(new Error('apiCall timeout')); } }, 50);
});
}
await loadData();
setupEventListeners();
// TBM 작업 목록 로드 (기본 탭)
await loadIncompleteTbms();
console.log('✅ 시스템 초기화 완료 (통합 API 설정 적용)');
} catch (error) {
console.error('초기화 오류:', error);
showMessage('초기화 중 오류가 발생했습니다.', 'error');
}
}
// 페이지 로드 시 초기화 (module 스크립트는 DOMContentLoaded 이후 실행될 수 있음)
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
// 전역 함수로 노출
window.removeWorkEntry = removeWorkEntry;
window.refreshTodayWorkers = refreshTodayWorkers;
window.editWorkItem = editWorkItem;
window.deleteWorkItem = deleteWorkItem;
window.closeEditModal = closeEditModal;
window.saveEditedWork = saveEditedWork;
// =================================================================
// 시간 선택 팝오버 관련 함수
// =================================================================
/**
* 시간 포맷팅 함수
*/
function formatHours(hours) {
const h = Math.floor(hours);
const m = (hours % 1) * 60;
if (m === 0) return `${h}시간`;
return `${h}시간 ${m}분`;
}
/**
* 시간 선택 팝오버 열기
*/
window.openTimePicker = function(index, type) {
currentEditingField = { index, type };
// 현재 값 가져오기
const inputId = type === 'total' ? `totalHours_${index}` : `errorHours_${index}`;
const hiddenInput = document.getElementById(inputId);
currentTimeValue = parseFloat(hiddenInput?.value) || 0;
// 팝오버 표시
const overlay = document.getElementById('timePickerOverlay');
const title = document.getElementById('timePickerTitle');
title.textContent = type === 'total' ? '작업시간 선택' : '부적합 시간 선택';
updateTimeDisplay();
overlay.style.display = 'flex';
// ESC 키로 닫기
document.addEventListener('keydown', handleEscapeKey);
};
/**
* ESC 키 핸들러
*/
function handleEscapeKey(e) {
if (e.key === 'Escape') {
closeTimePicker();
}
}
/**
* 시간 값 설정
*/
window.setTimeValue = function(hours) {
currentTimeValue = hours;
updateTimeDisplay();
};
/**
* 시간 조정 (±30분)
*/
window.adjustTime = function(delta) {
currentTimeValue = Math.max(0, Math.min(24, currentTimeValue + delta));
updateTimeDisplay();
};
/**
* 시간 표시 업데이트
*/
function updateTimeDisplay() {
const display = document.getElementById('currentTimeDisplay');
if (display) {
display.textContent = formatHours(currentTimeValue);
}
}
/**
* 시간 선택 확인
*/
window.confirmTimeSelection = function() {
if (!currentEditingField) return;
const { index, type, defectIndex, issueReportId } = currentEditingField;
// 이슈 기반 부적합 시간 선택인 경우
if (type === 'issueDefect') {
if (tempDefects[index] && tempDefects[index][defectIndex] !== undefined) {
tempDefects[index][defectIndex].defect_hours = currentTimeValue;
// 시간 표시 업데이트
const timeDisplay = document.getElementById(`issueDefectTime_${index}_${issueReportId}`);
if (timeDisplay) {
timeDisplay.textContent = currentTimeValue;
}
// 요약 및 hidden 필드 업데이트
updateDefectSummary(index);
updateHiddenDefectFields(index);
}
closeTimePicker();
return;
}
// 레거시 부적합 시간 선택인 경우
if (type === 'defect') {
if (tempDefects[index] && tempDefects[index][defectIndex] !== undefined) {
tempDefects[index][defectIndex].defect_hours = currentTimeValue;
// 시간 표시 업데이트
const timeDisplay = document.getElementById(`defectTime_${index}_${defectIndex}`);
if (timeDisplay) {
timeDisplay.textContent = currentTimeValue;
}
// 요약 및 hidden 필드 업데이트
updateDefectSummary(index);
updateHiddenDefectFields(index);
}
closeTimePicker();
return;
}
// 기존 total/error 시간 선택
const inputId = type === 'total' ? `totalHours_${index}` : `errorHours_${index}`;
const displayId = type === 'total' ? `totalHoursDisplay_${index}` : `errorHoursDisplay_${index}`;
// hidden input 값 설정
const hiddenInput = document.getElementById(inputId);
if (hiddenInput) {
hiddenInput.value = currentTimeValue;
}
// 표시 영역 업데이트
const displayDiv = document.getElementById(displayId);
if (displayDiv) {
displayDiv.textContent = formatHours(currentTimeValue);
displayDiv.classList.remove('placeholder');
displayDiv.classList.add('has-value');
}
// 부적합 시간 입력 시 에러 타입 토글 (기존 방식 - 이제 사용안함)
if (type === 'error') {
if (index.toString().startsWith('manual_')) {
toggleManualErrorType(index);
} else {
calculateRegularHours(index);
}
}
closeTimePicker();
};
/**
* 시간 선택 팝오버 닫기
*/
window.closeTimePicker = function() {
const overlay = document.getElementById('timePickerOverlay');
if (overlay) {
overlay.style.display = 'none';
}
currentEditingField = null;
currentTimeValue = 0;
// ESC 키 리스너 제거
document.removeEventListener('keydown', handleEscapeKey);
};
// =================================================================
// 부적합 원인 관리 (인라인 방식)
// =================================================================
/**
* 부적합 영역 토글
* - 신고된 이슈 목록 표시
*/
window.toggleDefectArea = function(index) {
const defectRow = document.getElementById(`defectRow_${index}`);
if (!defectRow) return;
const isVisible = defectRow.style.display !== 'none';
if (isVisible) {
// 숨기기
defectRow.style.display = 'none';
} else {
// 보이기 - 부적합 원인이 없으면 자동으로 하나 추가
if (!tempDefects[index] || tempDefects[index].length === 0) {
tempDefects[index] = [{
issue_report_id: null,
category_id: null,
item_id: null,
error_type_id: '', // 레거시 호환
defect_hours: 0,
note: ''
}];
}
renderInlineDefectList(index);
defectRow.style.display = '';
}
};
/**
* 인라인 부적합 목록 렌더링
* - 해당 날짜에 신고된 이슈 목록을 표시
* - 이슈 선택 → 시간 입력 방식
*/
function renderInlineDefectList(index) {
const listContainer = document.getElementById(`defectList_${index}`);
if (!listContainer) return;
// 해당 TBM의 날짜 가져오기
const tbm = incompleteTbms[index];
const dateStr = tbm ? formatDateForApi(tbm.session_date) : null;
const issues = dateStr ? (dailyIssuesCache[dateStr] || []) : [];
// 작업장소 정보 가져오기
const workerWorkplaceId = tbm?.workplace_id;
const workerWorkplaceName = tbm?.workplace_name;
// 부적합 유형 + 작업장소 일치하는 것만 필터링
const nonconformityIssues = issues.filter(i => {
// 부적합 유형만
if (i.category_type !== 'nonconformity') return false;
// 작업장소 매칭 (workplace_id 우선, 없으면 이름 비교)
if (workerWorkplaceId && i.workplace_id) {
return i.workplace_id === workerWorkplaceId;
}
if (workerWorkplaceName && (i.workplace_name || i.custom_location)) {
const issueLocation = i.workplace_name || i.custom_location || '';
return issueLocation.includes(workerWorkplaceName) || workerWorkplaceName.includes(issueLocation);
}
// 작업장소 정보가 없으면 포함하지 않음
return false;
});
const defects = tempDefects[index] || [];
console.log(`📝 [renderInlineDefectList] index=${index}, 부적합 수=${defects.length}`, defects);
// 이슈가 있으면 이슈 선택 UI, 없으면 레거시 UI
if (nonconformityIssues.length > 0) {
// 이슈 선택 방식 UI
let html = `
📋 ${escapeHtml(workerWorkplaceName || '작업장소')} 관련 부적합${parseInt(nonconformityIssues.length) || 0}건
`;
nonconformityIssues.forEach(issue => {
// 이 이슈가 이미 선택되었는지 확인
const existingDefect = defects.find(d => d.issue_report_id == issue.report_id);
const isSelected = !!existingDefect;
const defectHours = existingDefect?.defect_hours || 0;
// 아이템명과 추가설명 조합
let itemText = issue.issue_item_name || '';
if (issue.additional_description) {
itemText = itemText ? `${itemText} - ${issue.additional_description}` : issue.additional_description;
}
const safeReportId = parseInt(issue.report_id) || 0;
html += `
`;
}
updateDefectSummary(index);
}
/**
* 레거시 부적합 렌더링 (저장된 항목 + 입력 중인 항목 분리)
*/
function renderLegacyDefects(index, defects) {
// issue_report_id가 없는 직접 입력 부적합
const legacyDefects = defects.filter(d => !d.issue_report_id);
if (legacyDefects.length === 0) return '';
// 저장된 항목과 입력 중인 항목 분리
const savedDefects = legacyDefects.filter(d => d._saved);
const editingDefects = legacyDefects.filter(d => !d._saved);
let html = '';
// 저장된 부적합 표시 (위쪽)
if (savedDefects.length > 0) {
html += `