feat(proxy-input): 대리입력 리뉴얼 — 2단계 UI + UPSERT + 부적합
프론트엔드: - Step 1: 날짜 선택 → 전체 작업자 목록 (완료/미입력/휴가 구분) - Step 2: 선택 작업자 일괄 편집 (프로젝트/공종/시간/부적합/비고) - 연차=선택불가, 반차=4h, 반반차=6h 기본값 백엔드: - POST /api/proxy-input UPSERT 방식 (409 제거) - 신규: TBM 세션 자동 생성 + 작업보고서 INSERT - 기존: 작업보고서 UPDATE - 부적합: work_report_defects INSERT (기존 defect 있으면 SKIP) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,447 +1,254 @@
|
||||
/**
|
||||
* proxy-input.js — 대리입력 (TBM + 작업보고서 동시 생성)
|
||||
* Sprint 002 Section B
|
||||
* proxy-input.js — 대리입력 리뉴얼
|
||||
* Step 1: 날짜 선택 → 작업자 목록 (체크박스)
|
||||
* Step 2: 선택 작업자 일괄 편집 → 저장 (TBM 자동 생성)
|
||||
*/
|
||||
|
||||
// ===== 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 allWorkers = [];
|
||||
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'];
|
||||
let projects = [];
|
||||
let workTypes = [];
|
||||
let editData = {}; // { userId: { project_id, work_type_id, work_hours, defect_hours, note } }
|
||||
|
||||
// ===== 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.addEventListener('DOMContentLoaded', () => {
|
||||
const now = new Date();
|
||||
currentDate = now.toISOString().substring(0, 10);
|
||||
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 loadDropdownData();
|
||||
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');
|
||||
async function loadDropdownData() {
|
||||
try {
|
||||
const [pRes, wRes] = await Promise.all([
|
||||
window.apiCall('/projects'),
|
||||
window.apiCall('/daily-work-reports/work-types')
|
||||
]);
|
||||
projects = (pRes.data || pRes || []).filter(p => p.is_active !== 0);
|
||||
workTypes = (wRes.data || wRes || []).filter(w => w.is_active !== 0);
|
||||
} catch (e) { console.warn('드롭다운 로드 실패:', e); }
|
||||
}
|
||||
|
||||
function onDateChange(val) {
|
||||
if (!val) return;
|
||||
currentDate = val;
|
||||
document.getElementById('headerDate').textContent = val;
|
||||
loadWorkers();
|
||||
// ===== Step 1: Worker List =====
|
||||
async function loadWorkers() {
|
||||
currentDate = document.getElementById('dateInput').value;
|
||||
if (!currentDate) return;
|
||||
|
||||
const list = document.getElementById('workerList');
|
||||
list.innerHTML = '<div class="pi-skeleton"></div><div class="pi-skeleton"></div>';
|
||||
selectedIds.clear();
|
||||
updateEditButton();
|
||||
|
||||
try {
|
||||
const res = await window.apiCall('/proxy-input/daily-status?date=' + currentDate);
|
||||
if (!res.success) throw new Error(res.message);
|
||||
|
||||
allWorkers = res.data.workers || [];
|
||||
const s = res.data.summary || {};
|
||||
document.getElementById('totalNum').textContent = s.total_active_workers || 0;
|
||||
document.getElementById('doneNum').textContent = s.report_completed || 0;
|
||||
document.getElementById('missingNum').textContent = s.report_missing || 0;
|
||||
document.getElementById('vacNum').textContent = allWorkers.filter(w => w.vacation_type_code === 'ANNUAL_FULL').length;
|
||||
|
||||
renderWorkerList();
|
||||
} catch (e) {
|
||||
list.innerHTML = '<div class="pi-empty"><i class="fas fa-exclamation-triangle text-2xl text-red-300"></i><p>데이터 로드 실패</p></div>';
|
||||
}
|
||||
}
|
||||
|
||||
// ===== Master Data =====
|
||||
async function loadMasterData() {
|
||||
if (MOCK_ENABLED) {
|
||||
projects = MOCK_PROJECTS;
|
||||
workTypes = MOCK_WORK_TYPES;
|
||||
tasks = MOCK_TASKS;
|
||||
workStatuses = MOCK_WORK_STATUSES;
|
||||
function renderWorkerList() {
|
||||
const list = document.getElementById('workerList');
|
||||
if (!allWorkers.length) {
|
||||
list.innerHTML = '<div class="pi-empty"><p>작업자가 없습니다</p></div>';
|
||||
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 = '<div class="ds-skeleton"></div><div class="ds-skeleton"></div>';
|
||||
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 = '<div class="pi-empty"><p>데이터를 불러올 수 없습니다</p></div>'; 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 = '<div class="pi-empty"><i class="fas fa-exclamation-triangle text-2xl text-red-300"></i><p>네트워크 오류</p></div>';
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 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 ? '<span class="pi-vac-badge">' + escHtml(badgeText) + '</span>' : '';
|
||||
const disabledClass = isDisabled ? ' vacation-disabled' : '';
|
||||
list.innerHTML = allWorkers.map(w => {
|
||||
const isFullVac = w.vacation_type_code === 'ANNUAL_FULL';
|
||||
const hasVac = !!w.vacation_type_code;
|
||||
const vacBadge = isFullVac ? '<span class="pi-badge vac">연차</span>'
|
||||
: hasVac ? `<span class="pi-badge vac-half">${esc(w.vacation_type_name)}</span>` : '';
|
||||
const doneBadge = w.has_report ? `<span class="pi-badge done">${w.total_report_hours}h</span>` : '<span class="pi-badge missing">미입력</span>';
|
||||
|
||||
return `
|
||||
<div class="pi-card ${sel ? 'selected' : ''}${disabledClass}" id="card-${w.user_id}">
|
||||
<div class="pi-card-header" onclick="toggleWorker(${w.user_id})">
|
||||
<div class="pi-card-check">${isDisabled ? '' : (sel ? '<i class="fas fa-check text-xs"></i>' : '')}</div>
|
||||
<div>
|
||||
<div class="pi-card-name">${escHtml(w.worker_name)} ${vacBadge}</div>
|
||||
<div class="pi-card-meta">${escHtml(w.job_type)} · ${escHtml(w.department_name)}</div>
|
||||
</div>
|
||||
<div class="pi-card-status ${w.status}">${statusLabel}</div>
|
||||
<label class="pi-worker ${isFullVac ? 'disabled' : ''}" data-uid="${w.user_id}">
|
||||
<input type="checkbox" class="pi-check" value="${w.user_id}"
|
||||
${isFullVac ? 'disabled' : ''}
|
||||
onchange="onWorkerCheck(${w.user_id}, this.checked)">
|
||||
<div class="pi-worker-info">
|
||||
<span class="pi-worker-name">${esc(w.worker_name)}</span>
|
||||
<span class="pi-worker-job">${esc(w.job_type || '')}</span>
|
||||
</div>
|
||||
<div class="pi-card-form">
|
||||
<div class="pi-field">
|
||||
<label>프로젝트 <span class="text-red-400">*</span></label>
|
||||
<select id="proj-${w.user_id}" onchange="updateField(${w.user_id},'project_id',this.value)">
|
||||
<option value="">선택</option>
|
||||
${projects.map(p => `<option value="${p.project_id}" ${fd.project_id == p.project_id ? 'selected' : ''}>${escHtml(p.job_no)} ${escHtml(p.project_name)}</option>`).join('')}
|
||||
</select>
|
||||
</div>
|
||||
<div class="pi-field-row">
|
||||
<div class="pi-field">
|
||||
<label>공종 <span class="text-red-400">*</span></label>
|
||||
<select id="wt-${w.user_id}" onchange="updateField(${w.user_id},'work_type_id',this.value); updateTaskOptions(${w.user_id})">
|
||||
<option value="">선택</option>
|
||||
${workTypes.map(t => `<option value="${t.id}" ${fd.work_type_id == t.id ? 'selected' : ''}>${escHtml(t.name)}</option>`).join('')}
|
||||
</select>
|
||||
</div>
|
||||
<div class="pi-field">
|
||||
<label>작업</label>
|
||||
<select id="task-${w.user_id}" onchange="updateField(${w.user_id},'task_id',this.value)">
|
||||
<option value="">선택</option>
|
||||
${tasks.filter(t => t.work_type_id == fd.work_type_id).map(t => `<option value="${t.task_id}" ${fd.task_id == t.task_id ? 'selected' : ''}>${escHtml(t.task_name)}</option>`).join('')}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pi-field-row3">
|
||||
<div class="pi-field">
|
||||
<label>시간 <span class="text-red-400">*</span></label>
|
||||
<input type="number" min="0" max="24" step="0.5" value="${fd.work_hours}" onchange="updateField(${w.user_id},'work_hours',this.value)">
|
||||
</div>
|
||||
<div class="pi-field">
|
||||
<label>시작</label>
|
||||
<input type="time" value="${fd.start_time}" onchange="updateField(${w.user_id},'start_time',this.value)">
|
||||
</div>
|
||||
<div class="pi-field">
|
||||
<label>종료</label>
|
||||
<input type="time" value="${fd.end_time}" onchange="updateField(${w.user_id},'end_time',this.value)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="pi-field-row">
|
||||
<div class="pi-field">
|
||||
<label>작업 상태</label>
|
||||
<select onchange="updateField(${w.user_id},'work_status_id',this.value)">
|
||||
${workStatuses.map(s => `<option value="${s.id}" ${fd.work_status_id == s.id ? 'selected' : ''}>${escHtml(s.name)}</option>`).join('')}
|
||||
</select>
|
||||
</div>
|
||||
<div class="pi-field">
|
||||
<label>비고</label>
|
||||
<input type="text" placeholder="메모" value="${escHtml(fd.note || '')}" onchange="updateField(${w.user_id},'note',this.value)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="pi-worker-badges">
|
||||
${vacBadge}${doneBadge}
|
||||
</div>
|
||||
</div>`;
|
||||
</label>`;
|
||||
}).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 onWorkerCheck(userId, checked) {
|
||||
if (checked) selectedIds.add(userId);
|
||||
else selectedIds.delete(userId);
|
||||
updateEditButton();
|
||||
}
|
||||
|
||||
function escHtml(s) { return (s || '').replace(/&/g, '&').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 toggleSelectAll(checked) {
|
||||
allWorkers.forEach(w => {
|
||||
if (w.vacation_type_code === 'ANNUAL_FULL') return;
|
||||
const cb = document.querySelector(`.pi-check[value="${w.user_id}"]`);
|
||||
if (cb) { cb.checked = checked; onWorkerCheck(w.user_id, checked); }
|
||||
});
|
||||
}
|
||||
|
||||
function updateField(userId, field, value) {
|
||||
if (!workerFormData[userId]) workerFormData[userId] = getDefaultFormData({});
|
||||
workerFormData[userId][field] = value;
|
||||
function updateEditButton() {
|
||||
const btn = document.getElementById('editBtn');
|
||||
const n = selectedIds.size;
|
||||
btn.disabled = n === 0;
|
||||
document.getElementById('editBtnText').textContent = n > 0 ? `선택 작업자 편집 (${n}명)` : '작업자를 선택하세요';
|
||||
}
|
||||
|
||||
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 = '<option value="">선택</option>' + filtered.map(t => `<option value="${t.task_id}">${escHtml(t.task_name)}</option>`).join('');
|
||||
workerFormData[userId].task_id = '';
|
||||
// ===== Step 2: Edit Mode =====
|
||||
function openEditMode() {
|
||||
if (selectedIds.size === 0) return;
|
||||
|
||||
const selected = allWorkers.filter(w => selectedIds.has(w.user_id));
|
||||
editData = {};
|
||||
|
||||
// 기본값 설정
|
||||
selected.forEach(w => {
|
||||
const isHalfVac = w.vacation_type_code === 'ANNUAL_HALF';
|
||||
const isQuarterVac = w.vacation_type_code === 'ANNUAL_QUARTER';
|
||||
editData[w.user_id] = {
|
||||
project_id: '',
|
||||
work_type_id: '',
|
||||
work_hours: isHalfVac ? 4 : isQuarterVac ? 6 : 8,
|
||||
defect_hours: 0,
|
||||
note: '',
|
||||
start_time: '08:00',
|
||||
end_time: isHalfVac ? '12:00' : isQuarterVac ? '14:00' : '17:00',
|
||||
work_status_id: 1
|
||||
};
|
||||
});
|
||||
|
||||
document.getElementById('editTitle').textContent = `일괄 편집 (${selected.length}명)`;
|
||||
|
||||
const projOpts = projects.map(p => `<option value="${p.project_id}">${esc(p.project_name)}</option>`).join('');
|
||||
const typeOpts = workTypes.map(t => `<option value="${t.work_type_id}">${esc(t.work_type_name)}</option>`).join('');
|
||||
|
||||
document.getElementById('editList').innerHTML = selected.map(w => {
|
||||
const d = editData[w.user_id];
|
||||
const vacLabel = w.vacation_type_name ? ` <span class="pi-badge vac-half">${esc(w.vacation_type_name)}</span>` : '';
|
||||
return `
|
||||
<div class="pi-edit-card" data-uid="${w.user_id}">
|
||||
<div class="pi-edit-header">
|
||||
<strong>${esc(w.worker_name)}</strong>
|
||||
<span class="pi-edit-job">${esc(w.job_type || '')}</span>
|
||||
${vacLabel}
|
||||
</div>
|
||||
<div class="pi-edit-fields">
|
||||
<div class="pi-edit-row">
|
||||
<select id="proj_${w.user_id}" class="pi-select" required>
|
||||
<option value="">프로젝트 *</option>${projOpts}
|
||||
</select>
|
||||
<select id="wtype_${w.user_id}" class="pi-select" required>
|
||||
<option value="">공종 *</option>${typeOpts}
|
||||
</select>
|
||||
</div>
|
||||
<div class="pi-edit-row">
|
||||
<label class="pi-field"><span>시간</span><input type="number" id="hours_${w.user_id}" value="${d.work_hours}" step="0.5" min="0" max="24" class="pi-input"></label>
|
||||
<label class="pi-field"><span>부적합</span><input type="number" id="defect_${w.user_id}" value="0" step="0.5" min="0" max="24" class="pi-input"></label>
|
||||
</div>
|
||||
<input type="text" id="note_${w.user_id}" placeholder="비고" class="pi-note-input" value="">
|
||||
</div>
|
||||
</div>`;
|
||||
}).join('');
|
||||
|
||||
document.getElementById('step1').classList.add('hidden');
|
||||
document.getElementById('step2').classList.remove('hidden');
|
||||
}
|
||||
|
||||
// ===== 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 = `<select id="bulkValue">${projects.map(p => `<option value="${p.project_id}">${escHtml(p.job_no)} ${escHtml(p.project_name)}</option>`).join('')}</select>`;
|
||||
confirm.onclick = () => applyBulk('project_id', document.getElementById('bulkValue').value);
|
||||
} else if (type === 'workType') {
|
||||
title.textContent = '공종 일괄 설정';
|
||||
body.innerHTML = `<select id="bulkValue">${workTypes.map(t => `<option value="${t.id}">${escHtml(t.name)}</option>`).join('')}</select>`;
|
||||
confirm.onclick = () => applyBulk('work_type_id', document.getElementById('bulkValue').value);
|
||||
} else if (type === 'hours') {
|
||||
title.textContent = '작업시간 일괄 설정';
|
||||
body.innerHTML = '<input type="number" id="bulkValue" min="0" max="24" step="0.5" value="8">';
|
||||
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');
|
||||
function closeEditMode() {
|
||||
document.getElementById('step2').classList.add('hidden');
|
||||
document.getElementById('step1').classList.remove('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;
|
||||
async function saveAll() {
|
||||
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 || ''
|
||||
}));
|
||||
const entries = [];
|
||||
let hasError = false;
|
||||
|
||||
for (const uid of selectedIds) {
|
||||
const projEl = document.getElementById('proj_' + uid);
|
||||
const wtypeEl = document.getElementById('wtype_' + uid);
|
||||
const hoursEl = document.getElementById('hours_' + uid);
|
||||
const defectEl = document.getElementById('defect_' + uid);
|
||||
const noteEl = document.getElementById('note_' + uid);
|
||||
|
||||
if (!projEl?.value || !wtypeEl?.value) {
|
||||
showToast(`프로젝트/공종을 선택하세요`, 'error');
|
||||
projEl?.focus();
|
||||
hasError = true;
|
||||
break;
|
||||
}
|
||||
|
||||
const workHours = parseFloat(hoursEl?.value) || 0;
|
||||
const defectHours = parseFloat(defectEl?.value) || 0;
|
||||
|
||||
if (defectHours > workHours) {
|
||||
showToast('부적합 시간이 근무시간을 초과합니다', 'error');
|
||||
hasError = true;
|
||||
break;
|
||||
}
|
||||
|
||||
entries.push({
|
||||
user_id: uid,
|
||||
project_id: parseInt(projEl.value),
|
||||
work_type_id: parseInt(wtypeEl.value),
|
||||
work_hours: workHours,
|
||||
defect_hours: defectHours,
|
||||
note: noteEl?.value || '',
|
||||
start_time: '08:00',
|
||||
end_time: '17:00',
|
||||
work_status_id: defectHours > 0 ? 2 : 1
|
||||
});
|
||||
}
|
||||
|
||||
if (hasError) {
|
||||
btn.disabled = false;
|
||||
document.getElementById('saveBtnText').textContent = '전체 저장';
|
||||
return;
|
||||
}
|
||||
|
||||
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 });
|
||||
}
|
||||
const res = await window.apiCall('/proxy-input', 'POST', {
|
||||
session_date: currentDate,
|
||||
entries
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
showToast(res.message || `${entries.length}명 대리입력 완료`, 'success');
|
||||
if (res.success) {
|
||||
showToast(res.message || `${entries.length}명 저장 완료`, 'success');
|
||||
closeEditMode();
|
||||
selectedIds.clear();
|
||||
updateEditButton();
|
||||
await loadWorkers();
|
||||
} else {
|
||||
showToast(res?.message || '저장 실패', 'error');
|
||||
showToast(res.message || '저장 실패', 'error');
|
||||
}
|
||||
} catch (e) {
|
||||
showToast('네트워크 오류. 다시 시도해주세요.', 'error');
|
||||
} finally {
|
||||
saving = false;
|
||||
btn.classList.remove('loading');
|
||||
updateSaveBtn();
|
||||
showToast('저장 실패: ' + (e.message || e), 'error');
|
||||
}
|
||||
|
||||
btn.disabled = false;
|
||||
document.getElementById('saveBtnText').textContent = '전체 저장';
|
||||
}
|
||||
|
||||
// ===== Toast =====
|
||||
// showToast는 tkfb-core.js에서 제공 (중복 정의 제거)
|
||||
function esc(s) { return (s || '').replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>'); }
|
||||
|
||||
Reference in New Issue
Block a user