/** * proxy-input.js — 대리입력 (TBM + 작업보고서 동시 생성) * Sprint 002 Section B */ // ===== Mock ===== const MOCK_ENABLED = false; const MOCK_STATUS = { success: true, data: { date: '2026-03-30', summary: { total_active_workers: 45, tbm_completed: 38, tbm_missing: 7, report_completed: 35, report_missing: 10, both_completed: 33, both_missing: 5 }, workers: [ { user_id: 15, worker_name: '김철수', job_type: '용접', department_name: '생산1팀', has_tbm: false, has_report: false, tbm_session_id: null, total_report_hours: 0, status: 'both_missing', proxy_history: null }, { user_id: 22, worker_name: '이영희', job_type: '배관', department_name: '생산2팀', has_tbm: true, has_report: false, tbm_session_id: 140, total_report_hours: 0, status: 'tbm_only', proxy_history: null }, { user_id: 35, worker_name: '정대호', job_type: '도장', department_name: '생산2팀', has_tbm: false, has_report: true, tbm_session_id: null, total_report_hours: 8, status: 'report_only', proxy_history: null }, { user_id: 41, worker_name: '한지민', job_type: '사상', department_name: '생산2팀', has_tbm: false, has_report: false, tbm_session_id: null, total_report_hours: 0, status: 'both_missing', proxy_history: null }, ] } }; const MOCK_PROJECTS = [ { project_id: 1, project_name: 'JOB-2026-001 용기제작', job_no: 'JOB-2026-001' }, { project_id: 2, project_name: 'JOB-2026-002 Skid 제작', job_no: 'JOB-2026-002' }, { project_id: 3, project_name: 'JOB-2026-003 PKG 조립', job_no: 'JOB-2026-003' }, ]; const MOCK_WORK_TYPES = [ { id: 1, name: '절단' }, { id: 2, name: '용접' }, { id: 3, name: '배관' }, { id: 4, name: '도장' }, { id: 5, name: '사상' }, { id: 6, name: '전기' }, ]; const MOCK_TASKS = [ { task_id: 1, work_type_id: 2, task_name: '취부&용접' }, { task_id: 2, work_type_id: 2, task_name: '가우징' }, { task_id: 3, work_type_id: 1, task_name: '절단작업' }, { task_id: 4, work_type_id: 3, task_name: '배관설치' }, ]; const MOCK_WORK_STATUSES = [ { id: 1, name: '정상' }, { id: 2, name: '잔업' }, { id: 3, name: '특근' }, ]; // ===== State ===== let currentDate = ''; let missingWorkers = []; let selectedIds = new Set(); let projects = [], workTypes = [], tasks = [], workStatuses = []; let workerFormData = {}; // { userId: { project_id, work_type_id, ... } } let saving = false; const ALLOWED_ROLES = ['support_team', 'admin', 'system']; // ===== Init ===== document.addEventListener('DOMContentLoaded', async () => { const urlDate = new URLSearchParams(location.search).get('date'); const urlUserId = new URLSearchParams(location.search).get('user_id'); currentDate = urlDate || formatDateStr(new Date()); document.getElementById('dateInput').value = currentDate; document.getElementById('headerDate').textContent = currentDate; setTimeout(async () => { const user = window.currentUser; if (user && !ALLOWED_ROLES.includes(user.role)) { document.getElementById('workerCards').classList.add('hidden'); document.getElementById('bottomSave').classList.add('hidden'); document.getElementById('noPermission').classList.remove('hidden'); return; } await loadMasterData(); await loadWorkers(); // URL에서 user_id가 있으면 자동 선택 if (urlUserId) toggleWorker(parseInt(urlUserId)); }, 500); }); function formatDateStr(d) { return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0'); } function onDateChange(val) { if (!val) return; currentDate = val; document.getElementById('headerDate').textContent = val; loadWorkers(); } // ===== Master Data ===== async function loadMasterData() { if (MOCK_ENABLED) { projects = MOCK_PROJECTS; workTypes = MOCK_WORK_TYPES; tasks = MOCK_TASKS; workStatuses = MOCK_WORK_STATUSES; return; } try { const [pRes, wtRes, tRes, wsRes] = await Promise.all([ window.apiCall('/projects'), window.apiCall('/daily-work-reports/work-types'), window.apiCall('/tasks'), window.apiCall('/daily-work-reports/work-status-types'), ]); projects = (pRes && pRes.data) || []; workTypes = (wtRes && wtRes.data) || []; tasks = (tRes && tRes.data) || []; workStatuses = (wsRes && wsRes.data) || []; } catch (e) { console.error('마스터 데이터 로드 실패:', e); } } // ===== Load Workers ===== async function loadWorkers() { const cardsEl = document.getElementById('workerCards'); cardsEl.innerHTML = '
'; document.getElementById('emptyState').classList.add('hidden'); selectedIds.clear(); workerFormData = {}; updateSaveBtn(); updateBulkBar(); try { let res; if (MOCK_ENABLED) { res = MOCK_STATUS; } else { res = await window.apiCall('/proxy-input/daily-status?date=' + currentDate); } if (!res || !res.success) { cardsEl.innerHTML = '

데이터를 불러올 수 없습니다

'; return; } // 휴무일 정보 저장 window._isHoliday = res.data.is_holiday || false; window._holidayName = res.data.holiday_name || null; // 휴무일 뱃지 표시 var holidayBanner = document.getElementById('holidayBanner'); if (holidayBanner) { if (window._isHoliday) { holidayBanner.classList.remove('hidden'); holidayBanner.textContent = '휴무일' + (window._holidayName ? ' (' + window._holidayName + ')' : ''); } else { holidayBanner.classList.add('hidden'); } } missingWorkers = (res.data.workers || []).filter(w => w.status !== 'complete'); // 휴무일에 both_missing인 작업자에게 휴무 플래그 추가 if (window._isHoliday) { missingWorkers.forEach(function(w) { if (w.status === 'both_missing' && !w.vacation_type_code) { w._isHolidayOff = true; } }); } document.getElementById('missingNum').textContent = missingWorkers.length; if (missingWorkers.length === 0) { cardsEl.innerHTML = ''; document.getElementById('emptyState').classList.remove('hidden'); return; } renderCards(); } catch (e) { cardsEl.innerHTML = '

네트워크 오류

'; } } // ===== Render Cards ===== function renderCards() { const cardsEl = document.getElementById('workerCards'); cardsEl.innerHTML = missingWorkers.map(w => { const isFullVacation = w.vacation_type_code === 'ANNUAL_FULL'; const isHolidayOff = !!w._isHolidayOff; const isDisabled = isFullVacation || isHolidayOff; const hasVacation = !!w.vacation_type_code; const statusLabel = isDisabled ? '' : ({ both_missing: 'TBM+보고서 미입력', tbm_only: '보고서만 미입력', report_only: 'TBM만 미입력' }[w.status] || ''); const fd = workerFormData[w.user_id] || getDefaultFormData(w); if (hasVacation && !isFullVacation && w.vacation_hours != null) { fd.work_hours = w.vacation_hours; } workerFormData[w.user_id] = fd; const sel = selectedIds.has(w.user_id); var badgeText = isHolidayOff ? '휴무' : (hasVacation ? w.vacation_type_name : ''); const vacBadge = badgeText ? '' + escHtml(badgeText) + '' : ''; const disabledClass = isDisabled ? ' vacation-disabled' : ''; return `
${isDisabled ? '' : (sel ? '' : '')}
${escHtml(w.worker_name)} ${vacBadge}
${escHtml(w.job_type)} · ${escHtml(w.department_name)}
${statusLabel}
`; }).join(''); } function getDefaultFormData(worker) { return { project_id: '', work_type_id: '', task_id: '', work_hours: 8, start_time: '08:00', end_time: '17:00', work_status_id: 1, note: '' }; } function escHtml(s) { return (s || '').replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"'); } // ===== Worker Toggle ===== function toggleWorker(userId) { var worker = missingWorkers.find(function(w) { return w.user_id === userId; }); if (worker && (worker.vacation_type_code === 'ANNUAL_FULL' || worker._isHolidayOff)) return; if (selectedIds.has(userId)) { selectedIds.delete(userId); } else { selectedIds.add(userId); } renderCards(); updateSaveBtn(); updateBulkBar(); } function updateField(userId, field, value) { if (!workerFormData[userId]) workerFormData[userId] = getDefaultFormData({}); workerFormData[userId][field] = value; } function updateTaskOptions(userId) { const wtId = workerFormData[userId]?.work_type_id; const sel = document.getElementById('task-' + userId); if (!sel) return; const filtered = tasks.filter(t => t.work_type_id == wtId); sel.innerHTML = '' + filtered.map(t => ``).join(''); workerFormData[userId].task_id = ''; } // ===== Bulk Actions ===== function updateBulkBar() { const bar = document.getElementById('bulkBar'); if (selectedIds.size > 0) { bar.classList.remove('hidden'); document.getElementById('selectedCount').textContent = selectedIds.size; } else { bar.classList.add('hidden'); } } function bulkSet(type) { const modal = document.getElementById('bulkModal'); const body = document.getElementById('bulkModalBody'); const title = document.getElementById('bulkModalTitle'); const confirm = document.getElementById('bulkConfirmBtn'); if (type === 'project') { title.textContent = '프로젝트 일괄 설정'; body.innerHTML = ``; confirm.onclick = () => applyBulk('project_id', document.getElementById('bulkValue').value); } else if (type === 'workType') { title.textContent = '공종 일괄 설정'; body.innerHTML = ``; confirm.onclick = () => applyBulk('work_type_id', document.getElementById('bulkValue').value); } else if (type === 'hours') { title.textContent = '작업시간 일괄 설정'; body.innerHTML = ''; confirm.onclick = () => applyBulk('work_hours', document.getElementById('bulkValue').value); } modal.classList.remove('hidden'); } function applyBulk(field, value) { let hasExisting = false; for (const uid of selectedIds) { const fd = workerFormData[uid]; if (fd && fd[field] && fd[field] !== '' && String(fd[field]) !== String(value)) { hasExisting = true; break; } } if (hasExisting) { if (!confirm('이미 입력된 값이 있습니다. 덮어쓰시겠습니까?')) { // 빈 필드만 채움 (연차/휴무 작업자 skip) for (const uid of selectedIds) { var bw = missingWorkers.find(function(w) { return w.user_id === uid; }); if (bw && (bw.vacation_type_code === 'ANNUAL_FULL' || bw._isHolidayOff)) continue; if (!workerFormData[uid][field] || workerFormData[uid][field] === '') { workerFormData[uid][field] = value; } } closeBulkModal(); renderCards(); return; } } for (const uid of selectedIds) { var bw2 = missingWorkers.find(function(w) { return w.user_id === uid; }); if (bw2 && (bw2.vacation_type_code === 'ANNUAL_FULL' || bw2._isHolidayOff)) continue; workerFormData[uid][field] = value; if (field === 'work_type_id') workerFormData[uid].task_id = ''; } closeBulkModal(); renderCards(); } function closeBulkModal() { document.getElementById('bulkModal').classList.add('hidden'); } // ===== Save ===== function updateSaveBtn() { const btn = document.getElementById('saveBtn'); const text = document.getElementById('saveBtnText'); if (selectedIds.size === 0) { btn.disabled = true; text.textContent = '저장할 작업자를 선택하세요'; } else { btn.disabled = false; text.textContent = `${selectedIds.size}명 대리입력 저장`; } } async function saveProxyInput() { if (saving || selectedIds.size === 0) return; // 연차 작업자 선택 해제 (안전장치) for (const uid of selectedIds) { const ww = missingWorkers.find(x => x.user_id === uid); if (ww && (ww.vacation_type_code === 'ANNUAL_FULL' || ww._isHolidayOff)) { selectedIds.delete(uid); } } if (selectedIds.size === 0) { showToast('저장할 대상이 없습니다', 'error'); return; } // 유효성 검사 for (const uid of selectedIds) { const fd = workerFormData[uid]; const w = missingWorkers.find(x => x.user_id === uid); if (!fd.project_id) { showToast(`${w?.worker_name || uid}: 프로젝트를 선택하세요`, 'error'); return; } if (!fd.work_type_id) { showToast(`${w?.worker_name || uid}: 공종을 선택하세요`, 'error'); return; } } saving = true; const btn = document.getElementById('saveBtn'); btn.disabled = true; btn.classList.add('loading'); document.getElementById('saveBtnText').textContent = '저장 중...'; const entries = [...selectedIds].map(uid => ({ user_id: uid, project_id: parseInt(workerFormData[uid].project_id), work_type_id: parseInt(workerFormData[uid].work_type_id), task_id: workerFormData[uid].task_id ? parseInt(workerFormData[uid].task_id) : null, work_hours: parseFloat(workerFormData[uid].work_hours) || 8, start_time: workerFormData[uid].start_time || '08:00', end_time: workerFormData[uid].end_time || '17:00', work_status_id: parseInt(workerFormData[uid].work_status_id) || 1, note: workerFormData[uid].note || '' })); try { let res; if (MOCK_ENABLED) { await new Promise(r => setTimeout(r, 1000)); // simulate delay res = { success: true, data: { session_id: 999, created_reports: entries.length, workers: entries.map(e => ({ user_id: e.user_id, worker_name: missingWorkers.find(w => w.user_id === e.user_id)?.worker_name || '', report_id: Math.floor(Math.random() * 1000) })) }, message: `${entries.length}명의 대리입력이 완료되었습니다.` }; } else { res = await window.apiCall('/proxy-input', 'POST', { session_date: currentDate, entries }); } if (res && res.success) { showToast(res.message || `${entries.length}명 대리입력 완료`, 'success'); selectedIds.clear(); await loadWorkers(); } else { showToast(res?.message || '저장 실패', 'error'); } } catch (e) { showToast('네트워크 오류. 다시 시도해주세요.', 'error'); } finally { saving = false; btn.classList.remove('loading'); updateSaveBtn(); } } // ===== Toast ===== function showToast(msg, type) { if (window.showToast) { window.showToast(msg, type); return; } const c = document.getElementById('toastContainer'); const t = document.createElement('div'); t.className = `toast toast-${type || 'info'}`; t.textContent = msg; c.appendChild(t); setTimeout(() => t.remove(), 3000); }