';
+ html += '
';
+ });
+
+ pageAccessList.innerHTML = html;
+}
+
+// 페이지 권한 저장
+async function savePageAccess(userId) {
+ try {
+ const checkboxes = document.querySelectorAll('.page-access-checkbox:not([disabled])');
+ const pageAccessData = [];
+
+ checkboxes.forEach(checkbox => {
+ pageAccessData.push({
+ page_id: parseInt(checkbox.dataset.pageId),
+ can_access: checkbox.checked ? 1 : 0
+ });
+ });
+
+ console.log('📤 페이지 권한 저장:', userId, pageAccessData);
+
+ await apiCall(`/users/${userId}/page-access`, 'PUT', {
+ pageAccess: pageAccessData
+ });
+
+ console.log('✅ 페이지 권한 저장 완료');
+ } catch (error) {
+ console.error('❌ 페이지 권한 저장 오류:', error);
+ throw error;
+ }
+}
+
+// editUser 함수를 수정하여 페이지 권한 로드 추가
+const originalEditUser = window.editUser;
+window.editUser = async function(userId) {
+ // 페이지 목록이 없으면 로드
+ if (allPages.length === 0) {
+ await loadAllPages();
+ }
+
+ // 원래 editUser 함수 실행
+ if (originalEditUser) {
+ originalEditUser(userId);
+ }
+
+ // 사용자의 페이지 권한 로드
+ await loadUserPageAccess(userId);
+
+ // 사용자 정보 가져오기
+ const user = users.find(u => u.user_id === userId);
+ if (!user) return;
+
+ // 페이지 권한 체크박스 렌더링
+ const roleToValueMap = {
+ 'Admin': 'admin',
+ 'System Admin': 'admin',
+ 'User': 'user',
+ 'Guest': 'user'
+ };
+ const userRole = roleToValueMap[user.role] || 'user';
+ renderPageAccessList(userRole);
+};
+
+// saveUser 함수를 수정하여 페이지 권한 저장 추가
+const originalSaveUser = window.saveUser;
+window.saveUser = async function() {
+ try {
+ // 원래 saveUser 함수 실행
+ if (originalSaveUser) {
+ await originalSaveUser();
+ }
+
+ // 사용자 편집 시에만 페이지 권한 저장
+ if (currentEditingUser && currentEditingUser.user_id) {
+ const userRole = document.getElementById('userRole')?.value;
+
+ // Admin이 아닌 경우에만 페이지 권한 저장
+ if (userRole !== 'admin') {
+ await savePageAccess(currentEditingUser.user_id);
+ }
+ }
+
+ } catch (error) {
+ console.error('❌ 저장 오류:', error);
+ throw error;
+ }
+};
+
+
+
+// ========== 페이지 권한 관리 모달 ========== //
+let currentPageAccessUser = null;
+
+// 페이지 권한 관리 모달 열기
+async function managePageAccess(userId) {
+ try {
+ // 페이지 목록이 없으면 로드
+ if (allPages.length === 0) {
+ await loadAllPages();
+ }
+
+ // 사용자 정보 가져오기
+ const user = users.find(u => u.user_id === userId);
+ if (!user) {
+ showToast('사용자를 찾을 수 없습니다.', 'error');
+ return;
+ }
+
+ currentPageAccessUser = user;
+
+ // 사용자의 페이지 권한 로드
+ await loadUserPageAccess(userId);
+
+ // 모달 정보 업데이트
+ const userName = user.name || user.username;
+ document.getElementById('pageAccessModalTitle').textContent = userName + ' - 페이지 권한 관리';
+ document.getElementById('pageAccessUserName').textContent = userName;
+ document.getElementById('pageAccessUserRole').textContent = getRoleName(user.role);
+ document.getElementById('pageAccessUserAvatar').textContent = userName.charAt(0);
+
+ // 페이지 권한 체크박스 렌더링
+ renderPageAccessModalList();
+
+ // 모달 표시
+ document.getElementById('pageAccessModal').style.display = 'flex';
+ } catch (error) {
+ console.error('❌ 페이지 권한 관리 모달 오류:', error);
+ showToast('페이지 권한 관리를 열 수 없습니다.', 'error');
+ }
+}
+
+// 페이지 권한 모달 닫기
+function closePageAccessModal() {
+ document.getElementById('pageAccessModal').style.display = 'none';
+ currentPageAccessUser = null;
+}
+
+// 페이지 권한 체크박스 렌더링 (모달용)
+function renderPageAccessModalList() {
+ const pageAccessList = document.getElementById('pageAccessModalList');
+ if (!pageAccessList) return;
+
+ // 카테고리별로 페이지 그룹화
+ const pagesByCategory = {
+ 'work': [],
+ 'admin': [],
+ 'common': [],
+ 'profile': []
+ };
+
+ allPages.forEach(page => {
+ const category = page.category || 'common';
+ if (pagesByCategory[category]) {
+ pagesByCategory[category].push(page);
+ }
+ });
+
+ const categoryNames = {
+ 'common': '공통',
+ 'work': '작업',
+ 'admin': '관리',
+ 'profile': '프로필'
+ };
+
+ // HTML 생성
+ let html = '';
+
+ Object.keys(pagesByCategory).forEach(category => {
+ const pages = pagesByCategory[category];
+ if (pages.length === 0) return;
+
+ const catName = categoryNames[category] || category;
+ html += '' + catName + '
';
+
+ pages.forEach(page => {
+ // 프로필과 대시보드는 모든 사용자가 접근 가능하므로 체크박스 비활성화
+ const isAlwaysAccessible = page.page_key === 'dashboard' || page.page_key.startsWith('profile.');
+ const isChecked = userPageAccess.find(p => p.page_id === page.id && p.can_access === 1) || isAlwaysAccessible;
+
+ html += '';
+ });
+
+ html += '';
+ html += '
';
+ });
+
+ pageAccessList.innerHTML = html;
+}
+
+// 페이지 권한 저장 (모달용)
+async function savePageAccessFromModal() {
+ if (!currentPageAccessUser) {
+ showToast('사용자 정보가 없습니다.', 'error');
+ return;
+ }
+
+ try {
+ await savePageAccess(currentPageAccessUser.user_id);
+ showToast('페이지 권한이 저장되었습니다.', 'success');
+
+ // 캐시 삭제 (사용자가 다시 로그인하거나 페이지 새로고침 필요)
+ localStorage.removeItem('userPageAccess');
+
+ closePageAccessModal();
+ } catch (error) {
+ console.error('❌ 페이지 권한 저장 오류:', error);
+ showToast('페이지 권한 저장에 실패했습니다.', 'error');
+ }
+}
+
+// 전역 함수로 등록
+window.managePageAccess = managePageAccess;
+window.closePageAccessModal = closePageAccessModal;
+
+// 저장 버튼 이벤트 리스너
+document.addEventListener('DOMContentLoaded', () => {
+ const saveBtn = document.getElementById('savePageAccessBtn');
+ if (saveBtn) {
+ saveBtn.addEventListener('click', savePageAccessFromModal);
+ }
+});
diff --git a/web-ui/js/annual-vacation-overview.js b/web-ui/js/annual-vacation-overview.js
new file mode 100644
index 0000000..04b22ef
--- /dev/null
+++ b/web-ui/js/annual-vacation-overview.js
@@ -0,0 +1,412 @@
+/**
+ * annual-vacation-overview.js
+ * 연간 연차 현황 페이지 로직 (2-탭 구조)
+ */
+
+import { API_BASE_URL } from './api-config.js';
+
+// 전역 변수
+let annualUsageChart = null;
+let currentYear = new Date().getFullYear();
+let vacationRequests = [];
+
+/**
+ * 페이지 초기화
+ */
+document.addEventListener('DOMContentLoaded', async () => {
+ // 관리자 권한 체크
+ const user = JSON.parse(localStorage.getItem('user') || '{}');
+ const isAdmin = user.role === 'Admin' || [1, 2].includes(user.role_id);
+
+ if (!isAdmin) {
+ alert('관리자만 접근할 수 있습니다');
+ window.location.href = '/pages/dashboard.html';
+ return;
+ }
+
+ initializeYearSelector();
+ initializeMonthSelector();
+ initializeEventListeners();
+ await loadAnnualUsageData();
+});
+
+/**
+ * 연도 선택 초기화
+ */
+function initializeYearSelector() {
+ const yearSelect = document.getElementById('yearSelect');
+ const currentYear = new Date().getFullYear();
+
+ // 최근 5년, 현재 연도, 다음 연도
+ for (let year = currentYear - 5; year <= currentYear + 1; year++) {
+ const option = document.createElement('option');
+ option.value = year;
+ option.textContent = `${year}년`;
+ if (year === currentYear) {
+ option.selected = true;
+ }
+ yearSelect.appendChild(option);
+ }
+}
+
+/**
+ * 월 선택 초기화
+ */
+function initializeMonthSelector() {
+ const monthSelect = document.getElementById('monthSelect');
+ const currentMonth = new Date().getMonth() + 1;
+
+ // 현재 월을 기본 선택
+ monthSelect.value = currentMonth;
+}
+
+/**
+ * 이벤트 리스너 초기화
+ */
+function initializeEventListeners() {
+ // 탭 전환
+ document.querySelectorAll('.tab-btn').forEach(btn => {
+ btn.addEventListener('click', (e) => {
+ const tabName = e.target.dataset.tab;
+ switchTab(tabName);
+ });
+ });
+
+ // 조회 버튼
+ document.getElementById('refreshBtn').addEventListener('click', async () => {
+ await loadAnnualUsageData();
+ const activeTab = document.querySelector('.tab-btn.active').dataset.tab;
+ if (activeTab === 'monthlyDetails') {
+ await loadMonthlyDetails();
+ }
+ });
+
+ // 연도 변경 시 자동 조회
+ document.getElementById('yearSelect').addEventListener('change', async () => {
+ await loadAnnualUsageData();
+ const activeTab = document.querySelector('.tab-btn.active').dataset.tab;
+ if (activeTab === 'monthlyDetails') {
+ await loadMonthlyDetails();
+ }
+ });
+
+ // 월 선택 변경 시
+ document.getElementById('monthSelect').addEventListener('change', loadMonthlyDetails);
+
+ // 엑셀 다운로드
+ document.getElementById('exportExcelBtn').addEventListener('click', exportToExcel);
+}
+
+/**
+ * 탭 전환
+ */
+function switchTab(tabName) {
+ // 탭 버튼 활성화
+ document.querySelectorAll('.tab-btn').forEach(btn => {
+ btn.classList.remove('active');
+ if (btn.dataset.tab === tabName) {
+ btn.classList.add('active');
+ }
+ });
+
+ // 탭 콘텐츠 활성화
+ document.querySelectorAll('.tab-content').forEach(content => {
+ content.classList.remove('active');
+ });
+
+ if (tabName === 'annualUsage') {
+ document.getElementById('annualUsageTab').classList.add('active');
+ } else if (tabName === 'monthlyDetails') {
+ document.getElementById('monthlyDetailsTab').classList.add('active');
+ loadMonthlyDetails();
+ }
+}
+
+/**
+ * 연간 사용 데이터 로드 (탭 1)
+ */
+async function loadAnnualUsageData() {
+ const year = document.getElementById('yearSelect').value;
+
+ try {
+ const token = localStorage.getItem('token');
+
+ // 해당 연도의 모든 승인된 휴가 신청 조회
+ const response = await fetch(
+ `${API_BASE_URL}/api/vacation-requests?start_date=${year}-01-01&end_date=${year}-12-31&status=approved`,
+ {
+ headers: {
+ 'Authorization': `Bearer ${token}`
+ }
+ }
+ );
+
+ if (!response.ok) {
+ throw new Error('휴가 데이터를 불러오는데 실패했습니다');
+ }
+
+ const result = await response.json();
+ vacationRequests = result.data || [];
+
+ // 월별로 집계
+ const monthlyData = aggregateMonthlyUsage(vacationRequests);
+
+ // 잔여 일수 계산 (올해 총 부여 - 사용)
+ const remainingDays = await calculateRemainingDays(year);
+
+ updateAnnualUsageChart(monthlyData, remainingDays);
+ } catch (error) {
+ console.error('연간 사용 데이터 로드 오류:', error);
+ showToast('데이터를 불러오는데 실패했습니다', 'error');
+ }
+}
+
+/**
+ * 월별 사용 일수 집계
+ */
+function aggregateMonthlyUsage(requests) {
+ const monthlyUsage = Array(12).fill(0); // 1월~12월
+
+ requests.forEach(req => {
+ const startDate = new Date(req.start_date);
+ const endDate = new Date(req.end_date);
+ const daysUsed = req.days_used || 0;
+
+ // 간단한 집계: 시작일의 월에 모든 일수를 할당
+ // (더 정교한 계산이 필요하면 일자별로 쪼개야 함)
+ const month = startDate.getMonth(); // 0-11
+ monthlyUsage[month] += daysUsed;
+ });
+
+ return monthlyUsage;
+}
+
+/**
+ * 잔여 일수 계산
+ */
+async function calculateRemainingDays(year) {
+ try {
+ const token = localStorage.getItem('token');
+
+ // 전체 작업자의 휴가 잔액 조회
+ const response = await fetch(`${API_BASE_URL}/api/vacation-balances/year/${year}`, {
+ headers: {
+ 'Authorization': `Bearer ${token}`
+ }
+ });
+
+ if (!response.ok) {
+ return 0;
+ }
+
+ const result = await response.json();
+ const balances = result.data || [];
+
+ // 전체 잔여 일수 합계
+ const totalRemaining = balances.reduce((sum, item) => sum + (item.remaining_days || 0), 0);
+ return totalRemaining;
+ } catch (error) {
+ console.error('잔여 일수 계산 오류:', error);
+ return 0;
+ }
+}
+
+/**
+ * 연간 사용 차트 업데이트
+ */
+function updateAnnualUsageChart(monthlyData, remainingDays) {
+ const ctx = document.getElementById('annualUsageChart');
+
+ // 기존 차트 삭제
+ if (annualUsageChart) {
+ annualUsageChart.destroy();
+ }
+
+ const labels = ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월', '잔여'];
+ const data = [...monthlyData, remainingDays];
+
+ annualUsageChart = new Chart(ctx, {
+ type: 'bar',
+ data: {
+ labels: labels,
+ datasets: [{
+ label: '일수',
+ data: data,
+ backgroundColor: data.map((_, idx) =>
+ idx === 12 ? 'rgba(16, 185, 129, 0.8)' : 'rgba(59, 130, 246, 0.8)'
+ ),
+ borderColor: data.map((_, idx) =>
+ idx === 12 ? 'rgba(16, 185, 129, 1)' : 'rgba(59, 130, 246, 1)'
+ ),
+ borderWidth: 1
+ }]
+ },
+ options: {
+ responsive: true,
+ maintainAspectRatio: false,
+ plugins: {
+ legend: {
+ display: false
+ },
+ tooltip: {
+ callbacks: {
+ label: function(context) {
+ return `${context.parsed.y}일`;
+ }
+ }
+ }
+ },
+ scales: {
+ y: {
+ beginAtZero: true,
+ ticks: {
+ stepSize: 5
+ }
+ }
+ }
+ }
+ });
+}
+
+/**
+ * 월별 상세 기록 로드 (탭 2)
+ */
+async function loadMonthlyDetails() {
+ const year = document.getElementById('yearSelect').value;
+ const month = document.getElementById('monthSelect').value;
+
+ try {
+ const token = localStorage.getItem('token');
+
+ // 해당 월의 모든 휴가 신청 조회 (승인된 것만)
+ const startDate = `${year}-${String(month).padStart(2, '0')}-01`;
+ const lastDay = new Date(year, month, 0).getDate();
+ const endDate = `${year}-${String(month).padStart(2, '0')}-${lastDay}`;
+
+ const response = await fetch(
+ `${API_BASE_URL}/api/vacation-requests?start_date=${startDate}&end_date=${endDate}&status=approved`,
+ {
+ headers: {
+ 'Authorization': `Bearer ${token}`
+ }
+ }
+ );
+
+ if (!response.ok) {
+ throw new Error('월별 데이터를 불러오는데 실패했습니다');
+ }
+
+ const result = await response.json();
+ const monthlyRequests = result.data || [];
+
+ updateMonthlyTable(monthlyRequests);
+ } catch (error) {
+ console.error('월별 상세 기록 로드 오류:', error);
+ showToast('데이터를 불러오는데 실패했습니다', 'error');
+ }
+}
+
+/**
+ * 월별 테이블 업데이트
+ */
+function updateMonthlyTable(requests) {
+ const tbody = document.getElementById('monthlyTableBody');
+
+ if (requests.length === 0) {
+ tbody.innerHTML = `
+ ' + catName + '
';
+
+ pages.forEach(page => {
+ // 프로필과 대시보드는 모든 사용자가 접근 가능
+ const isAlwaysAccessible = page.page_key === 'dashboard' || page.page_key.startsWith('profile.');
+ const isChecked = userPageAccess.find(p => p.page_id === page.id && p.can_access === 1) || isAlwaysAccessible;
+
+ html += '';
+ });
+
+ html += '데이터가 없습니다
+
+
+ `;
+
// 각 TBM 세션별로 테이블 생성
Object.keys(groupedTbms).forEach(key => {
const group = groupedTbms[key];
html += `
-
+ 수동 입력
+ TBM에 없는 작업을 추가로 입력할 수 있습니다
+
+
+
+
+
+
+ | 작업자 | +날짜 | +프로젝트 | +공정 | +작업 | +작업장소 | +작업시간 (시간) |
+ 부적합 (시간) |
+ 부적합 원인 | +제출 | +
|---|
+
TBM 세션
${formatDate(group.session_date)}
@@ -150,7 +200,7 @@ function renderTbmWorkList() {
${group.items.map(tbm => {
const index = tbm.originalIndex;
return `
-
+
+
+
+ `;
+
+ container.innerHTML = html;
+}
+
+/**
+ * 상태 텍스트 변환
+ */
+function getStatusText(status) {
+ const map = {
+ 'pending': '승인 대기',
+ 'approved': '승인 완료',
+ 'rejected': '반려',
+ 'training_completed': '교육 완료',
+ 'all': '전체'
+ };
+ return map[status] || status;
+}
+
+// ==================== 탭 전환 ====================
+
+/**
+ * 탭 전환
+ */
+async function switchTab(status) {
+ currentStatus = status;
+
+ // 탭 활성화 상태 변경
+ document.querySelectorAll('.status-tab').forEach(tab => {
+ if (tab.dataset.status === status) {
+ tab.classList.add('active');
+ } else {
+ tab.classList.remove('active');
+ }
+ });
+
+ await loadRequests();
+}
+
+// ==================== 상세보기 ====================
+
+/**
+ * 상세보기 모달 열기
+ */
+async function viewDetail(requestId) {
+ try {
+ const response = await window.apiCall(`/workplace-visits/requests/${requestId}`, 'GET');
+
+ if (response && response.success) {
+ const req = response.data;
+ const statusText = {
+ 'pending': '승인 대기',
+ 'approved': '승인됨',
+ 'rejected': '반려됨',
+ 'training_completed': '교육 완료'
+ }[req.status] || req.status;
+
+ let html = `
+
${statusBadge}
@@ -327,12 +410,6 @@ function createSessionCard(session) {
-
-
` : ''}
@@ -342,43 +419,67 @@ function createSessionCard(session) {
// 새 TBM 모달 열기
function openNewTbmModal() {
currentSessionId = null;
+ workerTaskList = []; // 작업자 목록 초기화
+
document.getElementById('modalTitle').textContent = '새 TBM 시작';
document.getElementById('sessionId').value = '';
document.getElementById('tbmForm').reset();
- const today = new Date().toISOString().split('T')[0];
+ const today = getTodayKST();
document.getElementById('sessionDate').value = today;
- // 팀장 목록 로드
- populateLeaderSelect();
- populateProjectSelect();
- populateWorkTypeSelect();
-
- // 작업 드롭다운 초기화
- const taskSelect = document.getElementById('taskId');
- if (taskSelect) {
- taskSelect.innerHTML = '';
- taskSelect.disabled = true;
+ // 입력자 자동 설정 (readonly)
+ if (currentUser && currentUser.worker_id) {
+ const worker = allWorkers.find(w => w.worker_id === currentUser.worker_id);
+ if (worker) {
+ document.getElementById('leaderName').value = `${worker.worker_name} (${worker.job_type || ''})`;
+ document.getElementById('leaderId').value = worker.worker_id;
+ }
+ } else if (currentUser && currentUser.name) {
+ // 관리자: 관리자로 표시
+ document.getElementById('leaderName').value = `${currentUser.name} (관리자)`;
+ document.getElementById('leaderId').value = '';
}
+ // 작업자 목록 UI 초기화
+ renderWorkerTaskList();
+
document.getElementById('tbmModal').style.display = 'flex';
document.body.style.overflow = 'hidden';
}
window.openNewTbmModal = openNewTbmModal;
-// 팀장 선택 드롭다운 채우기
+// 입력자 선택 드롭다운 채우기
function populateLeaderSelect() {
const leaderSelect = document.getElementById('leaderId');
if (!leaderSelect) return;
- const leaders = allWorkers.filter(w =>
- w.job_type === 'leader' || w.job_type === '그룹장' || w.job_type === 'admin'
- );
+ // 로그인한 사용자가 작업자와 연결되어 있는지 확인
+ if (currentUser && currentUser.worker_id) {
+ // 작업자와 연결된 경우: 자동으로 선택하고 비활성화
+ const worker = allWorkers.find(w => w.worker_id === currentUser.worker_id);
+ if (worker) {
+ leaderSelect.innerHTML = ``;
+ leaderSelect.disabled = true;
+ console.log('✅ 입력자 자동 설정:', worker.worker_name);
+ } else {
+ // 작업자를 찾을 수 없는 경우
+ leaderSelect.innerHTML = '';
+ leaderSelect.disabled = true;
+ }
+ } else {
+ // 관리자 계정 (worker_id가 없음): 드롭다운으로 선택 가능
+ const leaders = allWorkers.filter(w =>
+ w.job_type === 'leader' || w.job_type === '그룹장' || w.job_type === 'admin'
+ );
- leaderSelect.innerHTML = '' +
- leaders.map(w => `
-
- `).join('');
+ leaderSelect.innerHTML = '' +
+ leaders.map(w => `
+
+ `).join('');
+ leaderSelect.disabled = false;
+ console.log('✅ 관리자: 입력자 선택 가능');
+ }
}
// 프로젝트 선택 드롭다운 채우기
@@ -403,6 +504,17 @@ function populateWorkTypeSelect() {
`).join('');
}
+// 작업장 선택 드롭다운 채우기
+function populateWorkplaceSelect() {
+ const workLocationSelect = document.getElementById('workLocation');
+ if (!workLocationSelect) return;
+
+ workLocationSelect.innerHTML = '' +
+ allWorkplaces.map(wp => `
+
+ `).join('');
+}
+
// 작업(Task) 선택 드롭다운 채우기 (공정 선택 시 호출)
function loadTasksByWorkType() {
const workTypeId = document.getElementById('workTypeId').value;
@@ -441,55 +553,141 @@ function closeTbmModal() {
}
window.closeTbmModal = closeTbmModal;
-// TBM 세션 저장
+// TBM 세션 저장 (작업자별 상세 정보 포함)
async function saveTbmSession() {
- const workTypeId = document.getElementById('workTypeId').value;
- const taskId = document.getElementById('taskId').value;
+ console.log('💾 TBM 저장 시작...');
+
+ let leaderId = parseInt(document.getElementById('leaderId').value);
+
+ // 관리자 계정인 경우 leader_id를 null로 설정
+ if (!leaderId || isNaN(leaderId)) {
+ if (!currentUser.worker_id) {
+ console.log('📝 관리자 계정: leader_id를 NULL로 설정');
+ leaderId = null;
+ } else {
+ console.error('❌ 입력자 설정 오류');
+ showToast('입력자 정보가 올바르지 않습니다.', 'error');
+ return;
+ }
+ }
const sessionData = {
session_date: document.getElementById('sessionDate').value,
- leader_id: parseInt(document.getElementById('leaderId').value),
- project_id: document.getElementById('projectId').value || null,
- work_type_id: workTypeId ? parseInt(workTypeId) : null,
- task_id: taskId ? parseInt(taskId) : null,
- work_location: document.getElementById('workLocation').value || null,
- work_description: document.getElementById('workDescription').value || null,
- safety_notes: document.getElementById('safetyNotes').value || null,
- start_time: document.getElementById('startTime').value || null
+ leader_id: leaderId
};
- if (!sessionData.session_date || !sessionData.leader_id) {
- showToast('TBM 날짜와 팀장을 선택해주세요.', 'error');
+ console.log('📅 세션 데이터:', sessionData);
+ console.log('👥 작업자 리스트:', workerTaskList);
+ console.log('👤 현재 사용자:', currentUser);
+
+ if (!sessionData.session_date) {
+ console.error('❌ 날짜 누락');
+ showToast('TBM 날짜를 확인해주세요.', 'error');
return;
}
- if (!sessionData.work_type_id || !sessionData.task_id) {
- showToast('공정과 작업을 선택해주세요.', 'error');
+ if (workerTaskList.length === 0) {
+ console.error('❌ 작업자 리스트가 비어있음');
+ showToast('최소 1명 이상의 작업자를 추가해주세요.', 'error');
return;
}
+ // 필수 항목 검증 (공정, 작업, 작업장)
+ let hasError = false;
+ for (const workerData of workerTaskList) {
+ for (const taskLine of workerData.tasks) {
+ if (!taskLine.work_type_id || !taskLine.task_id || !taskLine.workplace_id) {
+ showToast(`${workerData.worker_name}의 공정, 작업, 작업장을 모두 선택해주세요.`, 'error');
+ hasError = true;
+ break;
+ }
+ }
+ if (hasError) break;
+ }
+ if (hasError) return;
+
+ // 작업자-작업 데이터를 평평하게 변환
+ const members = [];
+ for (const workerData of workerTaskList) {
+ for (const taskLine of workerData.tasks) {
+ members.push({
+ worker_id: workerData.worker_id,
+ project_id: taskLine.project_id || null,
+ work_type_id: taskLine.work_type_id,
+ task_id: taskLine.task_id,
+ workplace_category_id: taskLine.workplace_category_id || null,
+ workplace_id: taskLine.workplace_id,
+ work_detail: taskLine.work_detail || null,
+ is_present: taskLine.is_present !== undefined ? taskLine.is_present : true
+ });
+ }
+ }
+
+ console.log('📤 전송할 팀 데이터:', members);
+
try {
- const response = await window.apiCall('/tbm/sessions', 'POST', sessionData);
+ const editingSessionId = document.getElementById('sessionId').value;
- if (response && response.success) {
- showToast('TBM 세션이 생성되었습니다.', 'success');
- closeTbmModal();
+ if (editingSessionId) {
+ // 수정 모드: 기존 팀원 삭제 후 재등록
+ console.log('📝 TBM 수정 모드:', editingSessionId);
- const createdSessionId = response.data.session_id;
+ // 기존 팀원 삭제
+ await window.apiCall(`/tbm/sessions/${editingSessionId}/team/clear`, 'DELETE');
- // 목록 새로고침
- if (currentTab === 'tbm-input') {
- await loadTodayOnlyTbm();
+ // 새 팀원 일괄 추가
+ const teamResponse = await window.apiCall(
+ `/tbm/sessions/${editingSessionId}/team/batch`,
+ 'POST',
+ { members }
+ );
+
+ if (teamResponse && teamResponse.success) {
+ showToast(`TBM이 수정되었습니다 (작업자 ${workerTaskList.length}명, 작업 ${members.length}건)`, 'success');
+ closeTbmModal();
+
+ // 목록 새로고침
+ if (currentTab === 'tbm-input') {
+ await loadTodayOnlyTbm();
+ } else {
+ await loadTbmSessionsByDate(sessionData.session_date);
+ }
} else {
- await loadTbmSessionsByDate(sessionData.session_date);
+ throw new Error(teamResponse.message || '팀원 수정에 실패했습니다.');
}
-
- // 팀 구성 모달 열기
- setTimeout(() => {
- openTeamCompositionModal(createdSessionId);
- }, 500);
} else {
- throw new Error(response.message || '저장에 실패했습니다.');
+ // 생성 모드: 새 TBM 세션 생성
+ console.log('✨ TBM 생성 모드');
+
+ const response = await window.apiCall('/tbm/sessions', 'POST', sessionData);
+
+ if (response && response.success) {
+ const createdSessionId = response.data.session_id;
+ console.log('✅ TBM 세션 생성 완료:', createdSessionId);
+
+ // 작업자 일괄 추가
+ const teamResponse = await window.apiCall(
+ `/tbm/sessions/${createdSessionId}/team/batch`,
+ 'POST',
+ { members }
+ );
+
+ if (teamResponse && teamResponse.success) {
+ showToast(`TBM이 생성되었습니다 (작업자 ${workerTaskList.length}명, 작업 ${members.length}건)`, 'success');
+ closeTbmModal();
+
+ // 목록 새로고침
+ if (currentTab === 'tbm-input') {
+ await loadTodayOnlyTbm();
+ } else {
+ await loadTbmSessionsByDate(sessionData.session_date);
+ }
+ } else {
+ throw new Error(teamResponse.message || '팀원 추가에 실패했습니다.');
+ }
+ } else {
+ throw new Error(response.message || '저장에 실패했습니다.');
+ }
}
} catch (error) {
console.error('❌ TBM 세션 저장 오류:', error);
@@ -498,46 +696,1059 @@ async function saveTbmSession() {
}
window.saveTbmSession = saveTbmSession;
-// 팀 구성 모달 열기
-async function openTeamCompositionModal(sessionId) {
- currentSessionId = sessionId;
- selectedWorkers.clear();
+// ==================== 작업자 관리 ====================
- // 기존 팀 구성 로드
- try {
- const response = await window.apiCall(`/tbm/sessions/${sessionId}/team`);
- if (response && response.success) {
- response.data.forEach(member => {
- selectedWorkers.add(member.worker_id);
- });
- }
- } catch (error) {
- console.error('팀 구성 조회 오류:', error);
+// UUID 생성 함수
+function generateUUID() {
+ return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+ const r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
+ return v.toString(16);
+ });
+}
+
+// 작업자 카드 리스트 렌더링
+function renderWorkerTaskList() {
+ const listContainer = document.getElementById('workerTaskList');
+ const emptyState = document.getElementById('workerListEmpty');
+
+ if (workerTaskList.length === 0) {
+ if (emptyState) emptyState.style.display = 'flex';
+ listContainer.innerHTML = '';
+ return;
}
- // 작업자 선택 그리드 생성
- const grid = document.getElementById('workerSelectionGrid');
- grid.innerHTML = allWorkers.map(worker => `
-
${tbm.worker_name || '작업자'}
@@ -202,41 +252,17 @@ function renderTbmWorkList() {
+
+
+
`;
});
- // 수동 입력 섹션 추가
- html += `
-
-
- `;
-
container.innerHTML = html;
}
@@ -286,13 +312,20 @@ window.submitTbmWorkReport = async function(index) {
return;
}
+ // 날짜를 YYYY-MM-DD 형식으로 변환
+ const reportDate = tbm.session_date instanceof Date
+ ? tbm.session_date.toISOString().split('T')[0]
+ : (typeof tbm.session_date === 'string' && tbm.session_date.includes('T')
+ ? tbm.session_date.split('T')[0]
+ : tbm.session_date);
+
const reportData = {
tbm_assignment_id: tbm.assignment_id,
tbm_session_id: tbm.session_id,
worker_id: tbm.worker_id,
project_id: tbm.project_id,
work_type_id: tbm.work_type_id,
- report_date: tbm.session_date,
+ report_date: reportDate,
start_time: null,
end_time: null,
total_hours: totalHours,
@@ -301,6 +334,9 @@ window.submitTbmWorkReport = async function(index) {
work_status_id: errorHours > 0 ? 2 : 1
};
+ console.log('🔍 TBM 제출 데이터:', JSON.stringify(reportData, null, 2));
+ console.log('🔍 tbm 객체:', tbm);
+
try {
const response = await window.apiCall('/daily-work-reports/from-tbm', 'POST', reportData);
@@ -325,6 +361,155 @@ window.submitTbmWorkReport = async function(index) {
}
};
+/**
+ * TBM 세션 일괄제출
+ */
+window.batchSubmitTbmSession = async function(sessionKey) {
+ // 해당 세션의 모든 항목 가져오기
+ const sessionRows = document.querySelectorAll(`tr[data-session-key="${sessionKey}"]`);
+
+ if (sessionRows.length === 0) {
+ showMessage('제출할 항목이 없습니다.', 'error');
+ return;
+ }
+
+ // 1단계: 모든 항목 검증
+ const validationErrors = [];
+ const itemsToSubmit = [];
+
+ sessionRows.forEach((row, rowIndex) => {
+ const index = parseInt(row.getAttribute('data-index'));
+ const tbm = incompleteTbms[index];
+
+ const totalHours = parseFloat(document.getElementById(`totalHours_${index}`)?.value);
+ const errorHours = parseFloat(document.getElementById(`errorHours_${index}`)?.value) || 0;
+ const errorTypeId = document.getElementById(`errorType_${index}`)?.value;
+
+ // 검증
+ if (!totalHours || totalHours <= 0) {
+ validationErrors.push(`${tbm.worker_name}: 작업시간 미입력`);
+ return;
+ }
+
+ if (errorHours > totalHours) {
+ validationErrors.push(`${tbm.worker_name}: 부적합 시간이 총 작업시간 초과`);
+ return;
+ }
+
+ if (errorHours > 0 && !errorTypeId) {
+ validationErrors.push(`${tbm.worker_name}: 부적합 원인 미선택`);
+ return;
+ }
+
+ // 검증 통과한 항목 저장
+ const reportDate = tbm.session_date instanceof Date
+ ? tbm.session_date.toISOString().split('T')[0]
+ : (typeof tbm.session_date === 'string' && tbm.session_date.includes('T')
+ ? tbm.session_date.split('T')[0]
+ : tbm.session_date);
+
+ itemsToSubmit.push({
+ index,
+ tbm,
+ data: {
+ tbm_assignment_id: tbm.assignment_id,
+ tbm_session_id: tbm.session_id,
+ worker_id: tbm.worker_id,
+ project_id: tbm.project_id,
+ work_type_id: tbm.work_type_id,
+ report_date: reportDate,
+ start_time: null,
+ end_time: null,
+ total_hours: totalHours,
+ error_hours: errorHours,
+ error_type_id: errorTypeId || null,
+ work_status_id: errorHours > 0 ? 2 : 1
+ }
+ });
+ });
+
+ // 검증 실패가 하나라도 있으면 전체 중단
+ if (validationErrors.length > 0) {
+ showSaveResultModal(
+ 'error',
+ '일괄제출 검증 실패',
+ '모든 항목이 유효해야 제출할 수 있습니다.',
+ validationErrors
+ );
+ return;
+ }
+
+ // 2단계: 모든 항목 제출
+ const submitBtn = event.target;
+ submitBtn.disabled = true;
+ submitBtn.textContent = '제출 중...';
+
+ const results = {
+ success: [],
+ failed: []
+ };
+
+ try {
+ for (const item of itemsToSubmit) {
+ try {
+ const response = await window.apiCall('/daily-work-reports/from-tbm', 'POST', item.data);
+
+ if (response.success) {
+ results.success.push(item.tbm.worker_name);
+ } else {
+ results.failed.push(`${item.tbm.worker_name}: ${response.message}`);
+ }
+ } catch (error) {
+ results.failed.push(`${item.tbm.worker_name}: ${error.message}`);
+ }
+ }
+
+ // 결과 표시
+ const totalCount = itemsToSubmit.length;
+ const successCount = results.success.length;
+ const failedCount = results.failed.length;
+
+ if (failedCount === 0) {
+ // 모두 성공
+ showSaveResultModal(
+ 'success',
+ '일괄제출 완료',
+ `${totalCount}건의 작업보고서가 모두 성공적으로 제출되었습니다.`,
+ results.success.map(name => `✓ ${name}`)
+ );
+ } else if (successCount === 0) {
+ // 모두 실패
+ showSaveResultModal(
+ 'error',
+ '일괄제출 실패',
+ `${totalCount}건의 작업보고서가 모두 실패했습니다.`,
+ results.failed.map(msg => `✗ ${msg}`)
+ );
+ } else {
+ // 일부 성공, 일부 실패
+ const details = [
+ ...results.success.map(name => `✓ ${name} - 성공`),
+ ...results.failed.map(msg => `✗ ${msg}`)
+ ];
+ showSaveResultModal(
+ 'warning',
+ '일괄제출 부분 완료',
+ `성공: ${successCount}건 / 실패: ${failedCount}건`,
+ details
+ );
+ }
+
+ // 목록 새로고침
+ await loadIncompleteTbms();
+ } catch (error) {
+ console.error('일괄제출 오류:', error);
+ showSaveResultModal('error', '일괄제출 오류', error.message);
+ } finally {
+ submitBtn.disabled = false;
+ submitBtn.textContent = `📤 이 세션 일괄제출 (${sessionRows.length}건)`;
+ }
+};
+
/**
* 수동 작업 추가
*/
@@ -1075,15 +1260,23 @@ function showSaveResultModal(type, title, message, details = null) {
`;
// 상세 정보가 있으면 추가
- if (details && details.length > 0) {
- content += `
-
- 수동 입력
- TBM에 없는 작업을 추가로 입력할 수 있습니다
-
-
-
-
-
-
- | 작업자 | -날짜 | -프로젝트 | -공정 | -작업 | -작업장소 | -작업시간 (시간) |
- 부적합 (시간) |
- 부적합 원인 | -제출 | -
|---|
-
- `;
+ if (details) {
+ if (Array.isArray(details) && details.length > 0) {
+ content += `
+ 상세 정보:
--
- ${details.map(detail => `
- ${detail} `).join('')} -
+
+ `;
+ } else if (typeof details === 'string') {
+ content += `
+ 상세 정보:
+-
+ ${details.map(detail => `
- ${detail} `).join('')} +
+
+ `;
+ }
}
titleElement.textContent = '저장 결과';
@@ -1114,6 +1307,9 @@ function closeSaveResultModal() {
document.removeEventListener('keydown', closeSaveResultModal);
}
+// 전역에서 접근 가능하도록 window에 할당
+window.closeSaveResultModal = closeSaveResultModal;
+
// 단계 이동
function goToStep(stepNumber) {
for (let i = 1; i <= 3; i++) {
diff --git a/web-ui/js/equipment-management.js b/web-ui/js/equipment-management.js
index 644b5ef..413ce1d 100644
--- a/web-ui/js/equipment-management.js
+++ b/web-ui/js/equipment-management.js
@@ -8,9 +8,31 @@ let currentEquipment = null;
// 페이지 로드 시 초기화
document.addEventListener('DOMContentLoaded', async () => {
+ // axios 설정이 완료될 때까지 대기
+ await waitForAxiosConfig();
await loadInitialData();
});
+// axios 설정 대기 함수
+function waitForAxiosConfig() {
+ return new Promise((resolve) => {
+ const check = setInterval(() => {
+ if (axios.defaults.baseURL) {
+ clearInterval(check);
+ resolve();
+ }
+ }, 50);
+ // 최대 5초 대기
+ setTimeout(() => {
+ clearInterval(check);
+ if (!axios.defaults.baseURL) {
+ console.error('⚠️ Axios 설정 시간 초과');
+ }
+ resolve();
+ }, 5000);
+ });
+}
+
// 초기 데이터 로드
async function loadInitialData() {
try {
@@ -28,7 +50,7 @@ async function loadInitialData() {
// 설비 목록 로드
async function loadEquipments() {
try {
- const response = await axios.get('/api/equipments');
+ const response = await axios.get('/equipments');
if (response.data.success) {
equipments = response.data.data;
renderEquipmentList();
@@ -42,7 +64,7 @@ async function loadEquipments() {
// 작업장 목록 로드
async function loadWorkplaces() {
try {
- const response = await axios.get('/api/workplaces');
+ const response = await axios.get('/workplaces');
if (response.data.success) {
workplaces = response.data.data;
populateWorkplaceFilters();
@@ -56,7 +78,7 @@ async function loadWorkplaces() {
// 설비 유형 목록 로드
async function loadEquipmentTypes() {
try {
- const response = await axios.get('/api/equipments/types');
+ const response = await axios.get('/equipments/types');
if (response.data.success) {
equipmentTypes = response.data.data;
populateTypeFilter();
@@ -220,7 +242,7 @@ function openEquipmentModal(equipmentId = null) {
// 설비 데이터 로드 (수정용)
async function loadEquipmentData(equipmentId) {
try {
- const response = await axios.get(`/api/equipments/${equipmentId}`);
+ const response = await axios.get(`/equipments/${equipmentId}`);
if (response.data.success) {
const equipment = response.data.data;
@@ -281,10 +303,10 @@ async function saveEquipment() {
let response;
if (equipmentId) {
// 수정
- response = await axios.put(`/api/equipments/${equipmentId}`, equipmentData);
+ response = await axios.put(`/equipments/${equipmentId}`, equipmentData);
} else {
// 추가
- response = await axios.post('/api/equipments', equipmentData);
+ response = await axios.post('/equipments', equipmentData);
}
if (response.data.success) {
@@ -318,7 +340,7 @@ async function deleteEquipment(equipmentId) {
}
try {
- const response = await axios.delete(`/api/equipments/${equipmentId}`);
+ const response = await axios.delete(`/equipments/${equipmentId}`);
if (response.data.success) {
alert('설비가 삭제되었습니다.');
await loadEquipments();
diff --git a/web-ui/js/load-navbar.js b/web-ui/js/load-navbar.js
index c1edcf7..f15358d 100644
--- a/web-ui/js/load-navbar.js
+++ b/web-ui/js/load-navbar.js
@@ -17,37 +17,95 @@ const ROLE_NAMES = {
* 네비게이션 바 DOM을 사용자 정보와 역할에 맞게 수정하는 프로세서입니다.
* @param {Document} doc - 파싱된 HTML 문서 객체
*/
-function processNavbarDom(doc) {
+async function processNavbarDom(doc) {
const currentUser = getUser();
if (!currentUser) return;
- // 1. 역할 기반 메뉴 필터링
- filterMenuByRole(doc, currentUser.role);
+ // 1. 역할 및 페이지 권한 기반 메뉴 필터링
+ await filterMenuByPageAccess(doc, currentUser);
// 2. 사용자 정보 채우기
populateUserInfo(doc, currentUser);
}
/**
- * 사용자 역할에 따라 메뉴 항목을 필터링합니다.
+ * 사용자의 페이지 접근 권한에 따라 메뉴 항목을 필터링합니다.
* @param {Document} doc - 파싱된 HTML 문서 객체
- * @param {string} userRole - 현재 사용자의 역할
+ * @param {object} currentUser - 현재 사용자 객체
*/
-function filterMenuByRole(doc, userRole) {
- // 대소문자 구분 없이 처리
- const userRoleLower = (userRole || '').toLowerCase();
+async function filterMenuByPageAccess(doc, currentUser) {
+ const userRole = (currentUser.role || '').toLowerCase();
- const selectors = [
- { role: 'admin', selector: '.admin-only' },
- { role: 'system', selector: '.system-only' },
- { role: 'leader', selector: '.leader-only' },
- ];
+ // Admin은 모든 메뉴 표시
+ if (userRole === 'admin' || userRole === 'system') {
+ return;
+ }
- selectors.forEach(({ role, selector }) => {
- if (userRoleLower !== role && userRoleLower !== 'system') {
- doc.querySelectorAll(selector).forEach(el => el.remove());
+ try {
+ // 사용자의 페이지 접근 권한 조회
+ const cached = localStorage.getItem('userPageAccess');
+ let accessiblePages = null;
+
+ if (cached) {
+ const cacheData = JSON.parse(cached);
+ // 캐시가 5분 이내인 경우 사용
+ if (Date.now() - cacheData.timestamp < 5 * 60 * 1000) {
+ accessiblePages = cacheData.pages;
+ }
}
- });
+
+ // 캐시가 없으면 API 호출
+ if (!accessiblePages) {
+ const response = await fetch(`${window.API_BASE_URL}/api/users/${currentUser.user_id}/page-access`, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': `Bearer ${localStorage.getItem('token')}`
+ }
+ });
+
+ if (!response.ok) {
+ console.error('페이지 권한 조회 실패:', response.status);
+ return;
+ }
+
+ const data = await response.json();
+ accessiblePages = data.data.pageAccess || [];
+
+ // 캐시 저장
+ localStorage.setItem('userPageAccess', JSON.stringify({
+ pages: accessiblePages,
+ timestamp: Date.now()
+ }));
+ }
+
+ // 접근 가능한 페이지 키 목록
+ const accessiblePageKeys = accessiblePages
+ .filter(p => p.can_access === 1)
+ .map(p => p.page_key);
+
+ // 메뉴 항목에 data-page-key 속성이 있으면 해당 권한 체크
+ const menuItems = doc.querySelectorAll('[data-page-key]');
+ menuItems.forEach(item => {
+ const pageKey = item.getAttribute('data-page-key');
+
+ // 대시보드와 프로필 페이지는 모든 사용자 접근 가능
+ if (pageKey === 'dashboard' || pageKey.startsWith('profile.')) {
+ return;
+ }
+
+ // 권한이 없으면 메뉴 항목 제거
+ if (!accessiblePageKeys.includes(pageKey)) {
+ item.remove();
+ }
+ });
+
+ // Admin 전용 메뉴는 무조건 제거
+ doc.querySelectorAll('.admin-only').forEach(el => el.remove());
+
+ } catch (error) {
+ console.error('메뉴 필터링 오류:', error);
+ }
}
/**
diff --git a/web-ui/js/modern-dashboard.js b/web-ui/js/modern-dashboard.js
index 32c108e..a86bb60 100644
--- a/web-ui/js/modern-dashboard.js
+++ b/web-ui/js/modern-dashboard.js
@@ -34,18 +34,18 @@ const elements = {
userName: document.getElementById('userName'),
userRole: document.getElementById('userRole'),
userInitial: document.getElementById('userInitial'),
- selectedDate: document.getElementById('selectedDate'),
- refreshBtn: document.getElementById('refreshBtn'),
+ selectedDate: document.getElementById('selectedDate'), // 작업장 현황으로 교체되어 없을 수 있음
+ refreshBtn: document.getElementById('refreshBtn'), // 작업장 현황으로 교체되어 없을 수 있음
logoutBtn: document.getElementById('logoutBtn'),
-
+
// 요약 카드
todayWorkers: document.getElementById('todayWorkers'),
totalHours: document.getElementById('totalHours'),
activeProjects: document.getElementById('activeProjects'),
errorCount: document.getElementById('errorCount'),
-
+
// 컨테이너
- workStatusContainer: document.getElementById('workStatusContainer'),
+ workStatusContainer: document.getElementById('workStatusContainer'), // 작업장 현황으로 교체되어 없을 수 있음
workersContainer: document.getElementById('workersContainer'),
toastContainer: document.getElementById('toastContainer')
};
@@ -84,15 +84,19 @@ async function initializeDashboard() {
// 시간 업데이트 시작
updateCurrentTime();
setInterval(updateCurrentTime, 1000);
-
- // 날짜 설정
- elements.selectedDate.value = selectedDate;
-
+
+ // 날짜 설정 (요소가 있을 때만)
+ if (elements.selectedDate) {
+ elements.selectedDate.value = selectedDate;
+ }
+
// 이벤트 리스너 설정
setupEventListeners();
-
- // 데이터 로드
- await loadDashboardData();
+
+ // 데이터 로드 (작업 현황 컨테이너가 있을 때만)
+ if (elements.workStatusContainer) {
+ await loadDashboardData();
+ }
// 관리자 권한 확인
checkAdminAccess();
@@ -154,18 +158,22 @@ function updateCurrentTime() {
// ========== 이벤트 리스너 ========== //
function setupEventListeners() {
- // 날짜 변경
- elements.selectedDate.addEventListener('change', (e) => {
- selectedDate = e.target.value;
- loadDashboardData();
- });
-
- // 새로고침 버튼
- elements.refreshBtn.addEventListener('click', () => {
- loadDashboardData();
- showToast('데이터를 새로고침했습니다.', 'success');
- });
-
+ // 날짜 변경 (요소가 있을 때만)
+ if (elements.selectedDate) {
+ elements.selectedDate.addEventListener('change', (e) => {
+ selectedDate = e.target.value;
+ loadDashboardData();
+ });
+ }
+
+ // 새로고침 버튼 (요소가 있을 때만)
+ if (elements.refreshBtn) {
+ elements.refreshBtn.addEventListener('click', () => {
+ loadDashboardData();
+ showToast('데이터를 새로고침했습니다.', 'success');
+ });
+ }
+
// 로그아웃 버튼 (navbar 컴포넌트가 이미 처리하므로 버튼이 있을 때만)
if (elements.logoutBtn) {
elements.logoutBtn.addEventListener('click', () => {
@@ -747,19 +755,31 @@ async function checkTbmPageAccess() {
return;
}
- console.log('🛠️ TBM 페이지 권한 확인 중...');
+ const tbmQuickAction = document.getElementById('tbmQuickAction');
+ if (!tbmQuickAction) {
+ console.log('⚠️ TBM 빠른 작업 버튼 요소를 찾을 수 없습니다');
+ return;
+ }
- // 사용자의 페이지 접근 권한 조회
+ console.log('🛠️ TBM 페이지 권한 확인 중...', { role: currentUser.role, access_level: currentUser.access_level });
+
+ // Admin은 모든 페이지 접근 가능
+ if (currentUser.role === 'Admin' || currentUser.role === 'System Admin' || currentUser.access_level === 'admin' || currentUser.access_level === 'system') {
+ tbmQuickAction.style.display = 'block';
+ console.log('✅ Admin 사용자 - TBM 빠른 작업 버튼 표시');
+ return;
+ }
+
+ // 일반 사용자는 페이지 접근 권한 조회
const response = await window.apiCall(`/users/${currentUser.user_id}/page-access`);
if (response && response.success) {
const pageAccess = response.data?.pageAccess || [];
- // 'tbm' 페이지 접근 권한 확인
- const tbmPage = pageAccess.find(p => p.page_key === 'tbm');
- const tbmQuickAction = document.getElementById('tbmQuickAction');
+ // 'work.tbm' 페이지 접근 권한 확인 (마이그레이션에서 work.tbm으로 등록함)
+ const tbmPage = pageAccess.find(p => p.page_key === 'work.tbm');
- if (tbmPage && tbmPage.can_access && tbmQuickAction) {
+ if (tbmPage && tbmPage.can_access) {
tbmQuickAction.style.display = 'block';
console.log('✅ TBM 페이지 접근 권한 있음 - 빠른 작업 버튼 표시');
} else {
diff --git a/web-ui/js/safety-management.js b/web-ui/js/safety-management.js
new file mode 100644
index 0000000..fcd2ff3
--- /dev/null
+++ b/web-ui/js/safety-management.js
@@ -0,0 +1,447 @@
+// 안전관리 대시보드 JavaScript
+
+let currentStatus = 'pending';
+let requests = [];
+let currentRejectRequestId = null;
+
+// ==================== Toast 알림 ====================
+
+function showToast(message, type = 'info', duration = 3000) {
+ const toastContainer = document.getElementById('toastContainer') || createToastContainer();
+
+ const toast = document.createElement('div');
+ toast.className = `toast toast-${type}`;
+
+ const iconMap = {
+ success: '✅',
+ error: '❌',
+ warning: '⚠️',
+ info: 'ℹ️'
+ };
+
+ toast.innerHTML = `
+
+
+ `;
+
+ toastContainer.appendChild(toast);
+
+ setTimeout(() => toast.classList.add('show'), 10);
+
+ setTimeout(() => {
+ toast.classList.remove('show');
+ setTimeout(() => toast.remove(), 300);
+ }, duration);
+}
+
+function createToastContainer() {
+ const container = document.createElement('div');
+ container.id = 'toastContainer';
+ container.style.cssText = `
+ position: fixed;
+ top: 20px;
+ right: 20px;
+ z-index: 9999;
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ `;
+
+ document.body.appendChild(container);
+
+ if (!document.getElementById('toastStyles')) {
+ const style = document.createElement('style');
+ style.id = 'toastStyles';
+ style.textContent = `
+ .toast {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ padding: 12px 20px;
+ background: white;
+ border-radius: 8px;
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+ opacity: 0;
+ transform: translateX(100px);
+ transition: all 0.3s ease;
+ min-width: 250px;
+ max-width: 400px;
+ }
+ .toast.show {
+ opacity: 1;
+ transform: translateX(0);
+ }
+ .toast-success { border-left: 4px solid #10b981; }
+ .toast-error { border-left: 4px solid #ef4444; }
+ .toast-warning { border-left: 4px solid #f59e0b; }
+ .toast-info { border-left: 4px solid #3b82f6; }
+ .toast-icon { font-size: 20px; }
+ .toast-message { font-size: 14px; color: #374151; }
+ `;
+ document.head.appendChild(style);
+ }
+
+ return container;
+}
+
+// ==================== 초기화 ====================
+
+document.addEventListener('DOMContentLoaded', async () => {
+ await loadRequests();
+ updateStats();
+});
+
+// ==================== 데이터 로드 ====================
+
+/**
+ * 출입 신청 목록 로드
+ */
+async function loadRequests() {
+ try {
+ const filters = currentStatus === 'all' ? {} : { status: currentStatus };
+ const queryString = new URLSearchParams(filters).toString();
+
+ const response = await window.apiCall(`/workplace-visits/requests?${queryString}`, 'GET');
+
+ if (response && response.success) {
+ requests = response.data || [];
+ renderRequestTable();
+ updateStats();
+ }
+ } catch (error) {
+ console.error('출입 신청 목록 로드 오류:', error);
+ showToast('출입 신청 목록을 불러오는데 실패했습니다.', 'error');
+ }
+}
+
+/**
+ * 통계 업데이트
+ */
+async function updateStats() {
+ try {
+ const response = await window.apiCall('/workplace-visits/requests', 'GET');
+
+ if (response && response.success) {
+ const allRequests = response.data || [];
+
+ const stats = {
+ pending: allRequests.filter(r => r.status === 'pending').length,
+ approved: allRequests.filter(r => r.status === 'approved').length,
+ training_completed: allRequests.filter(r => r.status === 'training_completed').length,
+ rejected: allRequests.filter(r => r.status === 'rejected').length
+ };
+
+ document.getElementById('statPending').textContent = stats.pending;
+ document.getElementById('statApproved').textContent = stats.approved;
+ document.getElementById('statTrainingCompleted').textContent = stats.training_completed;
+ document.getElementById('statRejected').textContent = stats.rejected;
+ }
+ } catch (error) {
+ console.error('통계 업데이트 오류:', error);
+ }
+}
+
+/**
+ * 테이블 렌더링
+ */
+function renderRequestTable() {
+ const container = document.getElementById('requestTableContainer');
+
+ if (requests.length === 0) {
+ container.innerHTML = `
+ ${details}
+
+
+ `;
+ return;
+ }
+
+ let html = `
+ 📭
+ 출입 신청이 없습니다
+현재 ${getStatusText(currentStatus)} 상태의 신청이 없습니다.
+| 신청일 | +신청자 | +방문자 | +인원 | +방문 작업장 | +방문 일시 | +목적 | +상태 | +작업 | +
|---|---|---|---|---|---|---|---|---|
| ${new Date(req.created_at).toLocaleDateString()} | +${req.requester_full_name || req.requester_name} | +${req.visitor_company} | +${req.visitor_count}명 | +${req.category_name} - ${req.workplace_name} | +${req.visit_date} ${req.visit_time} | +${req.purpose_name} | +${statusText} | ++ + | +
+
+ `;
+
+ if (req.notes) {
+ html += `
+ 신청 번호
+ #${req.request_id}
+
+ 신청일
+ ${new Date(req.created_at).toLocaleString()}
+
+ 신청자
+ ${req.requester_full_name || req.requester_name}
+
+ 방문자 소속
+ ${req.visitor_company}
+
+ 방문 인원
+ ${req.visitor_count}명
+
+ 방문 구역
+ ${req.category_name}
+
+ 방문 작업장
+ ${req.workplace_name}
+
+ 방문 날짜
+ ${req.visit_date}
+
+ 방문 시간
+ ${req.visit_time}
+
+ 방문 목적
+ ${req.purpose_name}
+
+ 상태
+ ${statusText}
+
+ 비고:
+ ${req.notes} +
+ `;
+ }
+
+ if (req.rejection_reason) {
+ html += `
+ + ${req.notes} +
+ 반려 사유:
+ ${req.rejection_reason} +
+ `;
+ }
+
+ if (req.approved_by) {
+ html += `
+ + ${req.rejection_reason} +
+ 처리 정보:
+ 처리자: ${req.approver_name || 'Unknown'}
+ 처리 시간: ${new Date(req.approved_at).toLocaleString()} +
+ `;
+ }
+
+ document.getElementById('detailContent').innerHTML = html;
+ document.getElementById('detailModal').style.display = 'flex';
+ }
+ } catch (error) {
+ console.error('상세 정보 로드 오류:', error);
+ showToast('상세 정보를 불러오는데 실패했습니다.', 'error');
+ }
+}
+
+/**
+ * 상세보기 모달 닫기
+ */
+function closeDetailModal() {
+ document.getElementById('detailModal').style.display = 'none';
+}
+
+// ==================== 승인/반려 ====================
+
+/**
+ * 승인 처리
+ */
+async function approveRequest(requestId) {
+ if (!confirm('이 출입 신청을 승인하시겠습니까?')) {
+ return;
+ }
+
+ try {
+ const response = await window.apiCall(`/workplace-visits/requests/${requestId}/approve`, 'PUT');
+
+ if (response && response.success) {
+ showToast('출입 신청이 승인되었습니다.', 'success');
+ await loadRequests();
+ updateStats();
+ } else {
+ throw new Error(response?.message || '승인 실패');
+ }
+ } catch (error) {
+ console.error('승인 처리 오류:', error);
+ showToast(error.message || '승인 처리 중 오류가 발생했습니다.', 'error');
+ }
+}
+
+/**
+ * 반려 모달 열기
+ */
+function openRejectModal(requestId) {
+ currentRejectRequestId = requestId;
+ document.getElementById('rejectionReason').value = '';
+ document.getElementById('rejectModal').style.display = 'flex';
+}
+
+/**
+ * 반려 모달 닫기
+ */
+function closeRejectModal() {
+ currentRejectRequestId = null;
+ document.getElementById('rejectModal').style.display = 'none';
+}
+
+/**
+ * 반려 확정
+ */
+async function confirmReject() {
+ const reason = document.getElementById('rejectionReason').value.trim();
+
+ if (!reason) {
+ showToast('반려 사유를 입력해주세요.', 'warning');
+ return;
+ }
+
+ try {
+ const response = await window.apiCall(
+ `/workplace-visits/requests/${currentRejectRequestId}/reject`,
+ 'PUT',
+ { rejection_reason: reason }
+ );
+
+ if (response && response.success) {
+ showToast('출입 신청이 반려되었습니다.', 'success');
+ closeRejectModal();
+ await loadRequests();
+ updateStats();
+ } else {
+ throw new Error(response?.message || '반려 실패');
+ }
+ } catch (error) {
+ console.error('반려 처리 오류:', error);
+ showToast(error.message || '반려 처리 중 오류가 발생했습니다.', 'error');
+ }
+}
+
+// ==================== 안전교육 진행 ====================
+
+/**
+ * 안전교육 진행 페이지로 이동
+ */
+function startTraining(requestId) {
+ window.location.href = `/pages/admin/safety-training-conduct.html?request_id=${requestId}`;
+}
+
+// 전역 함수로 노출
+window.showToast = showToast;
+window.switchTab = switchTab;
+window.viewDetail = viewDetail;
+window.closeDetailModal = closeDetailModal;
+window.approveRequest = approveRequest;
+window.openRejectModal = openRejectModal;
+window.closeRejectModal = closeRejectModal;
+window.confirmReject = confirmReject;
+window.startTraining = startTraining;
diff --git a/web-ui/js/safety-training-conduct.js b/web-ui/js/safety-training-conduct.js
new file mode 100644
index 0000000..a7bd2d1
--- /dev/null
+++ b/web-ui/js/safety-training-conduct.js
@@ -0,0 +1,553 @@
+// 안전교육 진행 페이지 JavaScript
+
+let requestId = null;
+let requestData = null;
+let canvas = null;
+let ctx = null;
+let isDrawing = false;
+let hasSignature = false;
+let savedSignatures = []; // 저장된 서명 목록
+
+// ==================== Toast 알림 ====================
+
+function showToast(message, type = 'info', duration = 3000) {
+ const toastContainer = document.getElementById('toastContainer') || createToastContainer();
+
+ const toast = document.createElement('div');
+ toast.className = `toast toast-${type}`;
+
+ const iconMap = {
+ success: '✅',
+ error: '❌',
+ warning: '⚠️',
+ info: 'ℹ️'
+ };
+
+ toast.innerHTML = `
+
+
+ `;
+
+ toastContainer.appendChild(toast);
+
+ setTimeout(() => toast.classList.add('show'), 10);
+
+ setTimeout(() => {
+ toast.classList.remove('show');
+ setTimeout(() => toast.remove(), 300);
+ }, duration);
+}
+
+function createToastContainer() {
+ const container = document.createElement('div');
+ container.id = 'toastContainer';
+ container.style.cssText = `
+ position: fixed;
+ top: 20px;
+ right: 20px;
+ z-index: 9999;
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ `;
+
+ document.body.appendChild(container);
+
+ if (!document.getElementById('toastStyles')) {
+ const style = document.createElement('style');
+ style.id = 'toastStyles';
+ style.textContent = `
+ .toast {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ padding: 12px 20px;
+ background: white;
+ border-radius: 8px;
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+ opacity: 0;
+ transform: translateX(100px);
+ transition: all 0.3s ease;
+ min-width: 250px;
+ max-width: 400px;
+ }
+ .toast.show {
+ opacity: 1;
+ transform: translateX(0);
+ }
+ .toast-success { border-left: 4px solid #10b981; }
+ .toast-error { border-left: 4px solid #ef4444; }
+ .toast-warning { border-left: 4px solid #f59e0b; }
+ .toast-info { border-left: 4px solid #3b82f6; }
+ .toast-icon { font-size: 20px; }
+ .toast-message { font-size: 14px; color: #374151; }
+ `;
+ document.head.appendChild(style);
+ }
+
+ return container;
+}
+
+// ==================== 초기화 ====================
+
+document.addEventListener('DOMContentLoaded', async () => {
+ // URL 파라미터에서 request_id 가져오기
+ const urlParams = new URLSearchParams(window.location.search);
+ requestId = urlParams.get('request_id');
+
+ if (!requestId) {
+ showToast('출입 신청 ID가 없습니다.', 'error');
+ setTimeout(() => {
+ window.location.href = '/pages/admin/safety-management.html';
+ }, 2000);
+ return;
+ }
+
+ // 서명 캔버스 초기화
+ initSignatureCanvas();
+
+ // 현재 날짜 표시
+ const today = new Date().toLocaleDateString('ko-KR');
+ document.getElementById('signatureDate').textContent = today;
+
+ // 출입 신청 정보 로드
+ await loadRequestInfo();
+});
+
+// ==================== 출입 신청 정보 로드 ====================
+
+/**
+ * 출입 신청 정보 로드
+ */
+async function loadRequestInfo() {
+ try {
+ const response = await window.apiCall(`/workplace-visits/requests/${requestId}`, 'GET');
+
+ if (response && response.success) {
+ requestData = response.data;
+
+ // 상태 확인 - 승인됨 상태만 진행 가능
+ if (requestData.status !== 'approved') {
+ showToast('이미 처리되었거나 승인되지 않은 신청입니다.', 'error');
+ setTimeout(() => {
+ window.location.href = '/pages/admin/safety-management.html';
+ }, 2000);
+ return;
+ }
+
+ renderRequestInfo();
+ } else {
+ throw new Error(response?.message || '정보를 불러올 수 없습니다.');
+ }
+ } catch (error) {
+ console.error('출입 신청 정보 로드 오류:', error);
+ showToast('출입 신청 정보를 불러오는데 실패했습니다.', 'error');
+ }
+}
+
+/**
+ * 출입 신청 정보 렌더링
+ */
+function renderRequestInfo() {
+ const container = document.getElementById('requestInfo');
+
+ // 날짜 포맷 변환
+ const visitDate = new Date(requestData.visit_date);
+ const formattedDate = visitDate.toLocaleDateString('ko-KR', {
+ year: 'numeric',
+ month: 'long',
+ day: 'numeric',
+ weekday: 'short'
+ });
+
+ const html = `
+ + 처리자: ${req.approver_name || 'Unknown'}
+ 처리 시간: ${new Date(req.approved_at).toLocaleString()} +
+
+ 신청 번호
+ #${requestData.request_id}
+
+
+ 신청자
+ ${requestData.requester_full_name || requestData.requester_name}
+
+
+ 방문자 소속
+ ${requestData.visitor_company}
+
+
+ 방문 인원
+ ${requestData.visitor_count}명
+
+
+ 방문 작업장
+ ${requestData.category_name} - ${requestData.workplace_name}
+
+
+ 방문 일시
+ ${formattedDate} ${requestData.visit_time}
+
+
+ `;
+
+ container.innerHTML = html;
+}
+
+// ==================== 서명 캔버스 ====================
+
+/**
+ * 서명 캔버스 초기화
+ */
+function initSignatureCanvas() {
+ canvas = document.getElementById('signatureCanvas');
+ ctx = canvas.getContext('2d');
+
+ // 캔버스 크기 설정
+ const container = canvas.parentElement;
+ canvas.width = container.clientWidth - 4; // border 제외
+ canvas.height = 300;
+
+ // 그리기 설정
+ ctx.strokeStyle = '#000';
+ ctx.lineWidth = 2;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ // 마우스 이벤트
+ canvas.addEventListener('mousedown', startDrawing);
+ canvas.addEventListener('mousemove', draw);
+ canvas.addEventListener('mouseup', stopDrawing);
+ canvas.addEventListener('mouseout', stopDrawing);
+
+ // 터치 이벤트 (모바일, Apple Pencil)
+ canvas.addEventListener('touchstart', handleTouchStart, { passive: false });
+ canvas.addEventListener('touchmove', handleTouchMove, { passive: false });
+ canvas.addEventListener('touchend', stopDrawing);
+ canvas.addEventListener('touchcancel', stopDrawing);
+
+ // Pointer Events (Apple Pencil 최적화)
+ if (window.PointerEvent) {
+ canvas.addEventListener('pointerdown', handlePointerDown);
+ canvas.addEventListener('pointermove', handlePointerMove);
+ canvas.addEventListener('pointerup', stopDrawing);
+ canvas.addEventListener('pointercancel', stopDrawing);
+ }
+}
+
+/**
+ * 그리기 시작 (마우스)
+ */
+function startDrawing(e) {
+ isDrawing = true;
+ hasSignature = true;
+ document.getElementById('signaturePlaceholder').style.display = 'none';
+
+ const rect = canvas.getBoundingClientRect();
+ ctx.beginPath();
+ ctx.moveTo(e.clientX - rect.left, e.clientY - rect.top);
+}
+
+/**
+ * 그리기 (마우스)
+ */
+function draw(e) {
+ if (!isDrawing) return;
+
+ const rect = canvas.getBoundingClientRect();
+ ctx.lineTo(e.clientX - rect.left, e.clientY - rect.top);
+ ctx.stroke();
+}
+
+/**
+ * 그리기 중지
+ */
+function stopDrawing() {
+ isDrawing = false;
+ ctx.beginPath();
+}
+
+/**
+ * 터치 시작 처리
+ */
+function handleTouchStart(e) {
+ e.preventDefault();
+ isDrawing = true;
+ hasSignature = true;
+ document.getElementById('signaturePlaceholder').style.display = 'none';
+
+ const touch = e.touches[0];
+ const rect = canvas.getBoundingClientRect();
+ ctx.beginPath();
+ ctx.moveTo(touch.clientX - rect.left, touch.clientY - rect.top);
+}
+
+/**
+ * 터치 이동 처리
+ */
+function handleTouchMove(e) {
+ if (!isDrawing) return;
+ e.preventDefault();
+
+ const touch = e.touches[0];
+ const rect = canvas.getBoundingClientRect();
+ ctx.lineTo(touch.clientX - rect.left, touch.clientY - rect.top);
+ ctx.stroke();
+}
+
+/**
+ * Pointer 시작 처리 (Apple Pencil)
+ */
+function handlePointerDown(e) {
+ isDrawing = true;
+ hasSignature = true;
+ document.getElementById('signaturePlaceholder').style.display = 'none';
+
+ const rect = canvas.getBoundingClientRect();
+ ctx.beginPath();
+ ctx.moveTo(e.clientX - rect.left, e.clientY - rect.top);
+}
+
+/**
+ * Pointer 이동 처리 (Apple Pencil)
+ */
+function handlePointerMove(e) {
+ if (!isDrawing) return;
+
+ const rect = canvas.getBoundingClientRect();
+ ctx.lineTo(e.clientX - rect.left, e.clientY - rect.top);
+ ctx.stroke();
+}
+
+/**
+ * 서명 지우기
+ */
+function clearSignature() {
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
+ hasSignature = false;
+ document.getElementById('signaturePlaceholder').style.display = 'block';
+}
+
+/**
+ * 서명을 Base64로 변환
+ */
+function getSignatureBase64() {
+ if (!hasSignature) {
+ return null;
+ }
+ return canvas.toDataURL('image/png');
+}
+
+/**
+ * 현재 서명 저장
+ */
+function saveSignature() {
+ if (!hasSignature) {
+ showToast('서명이 없습니다. 이름과 서명을 작성해주세요.', 'warning');
+ return;
+ }
+
+ const signatureImage = getSignatureBase64();
+ const now = new Date();
+
+ savedSignatures.push({
+ id: Date.now(),
+ image: signatureImage,
+ timestamp: now.toLocaleString('ko-KR')
+ });
+
+ // 서명 카운트 업데이트
+ document.getElementById('signatureCount').textContent = savedSignatures.length;
+
+ // 캔버스 초기화
+ clearSignature();
+
+ // 저장된 서명 목록 렌더링
+ renderSavedSignatures();
+
+ // 교육 완료 버튼 활성화
+ updateCompleteButton();
+
+ showToast('서명이 저장되었습니다.', 'success');
+}
+
+/**
+ * 저장된 서명 목록 렌더링
+ */
+function renderSavedSignatures() {
+ const container = document.getElementById('savedSignatures');
+
+ if (savedSignatures.length === 0) {
+ container.innerHTML = '';
+ return;
+ }
+
+ let html = '방문 목적
+ ${requestData.purpose_name}
+ 저장된 서명 목록
'; + + savedSignatures.forEach((sig, index) => { + html += ` +
+ 
+
+ `;
+ });
+
+ container.innerHTML = html;
+}
+
+/**
+ * 서명 삭제
+ */
+function deleteSignature(signatureId) {
+ if (!confirm('이 서명을 삭제하시겠습니까?')) {
+ return;
+ }
+
+ savedSignatures = savedSignatures.filter(sig => sig.id !== signatureId);
+
+ // 서명 카운트 업데이트
+ document.getElementById('signatureCount').textContent = savedSignatures.length;
+
+ // 목록 다시 렌더링
+ renderSavedSignatures();
+
+ // 교육 완료 버튼 상태 업데이트
+ updateCompleteButton();
+
+ showToast('서명이 삭제되었습니다.', 'success');
+}
+
+/**
+ * 교육 완료 버튼 활성화/비활성화
+ */
+function updateCompleteButton() {
+ const completeBtn = document.getElementById('completeBtn');
+
+ // 체크리스트와 서명이 모두 있어야 활성화
+ const checkboxes = document.querySelectorAll('input[name="safety-check"]');
+ const checkedItems = Array.from(checkboxes).filter(cb => cb.checked);
+ const allChecked = checkedItems.length === checkboxes.length;
+ const hasSignatures = savedSignatures.length > 0;
+
+ completeBtn.disabled = !(allChecked && hasSignatures);
+}
+
+// ==================== 교육 완료 처리 ====================
+
+/**
+ * 교육 완료 처리
+ */
+async function completeTraining() {
+ // 체크리스트 검증
+ const checkboxes = document.querySelectorAll('input[name="safety-check"]');
+ const checkedItems = Array.from(checkboxes).filter(cb => cb.checked);
+
+ if (checkedItems.length !== checkboxes.length) {
+ showToast('모든 안전교육 항목을 체크해주세요.', 'warning');
+ return;
+ }
+
+ // 서명 검증
+ if (savedSignatures.length === 0) {
+ showToast('최소 1명 이상의 서명이 필요합니다.', 'warning');
+ return;
+ }
+
+ // 확인
+ if (!confirm(`${savedSignatures.length}명의 방문자 안전교육을 완료하시겠습니까?\n완료 후에는 수정할 수 없습니다.`)) {
+ return;
+ }
+
+ try {
+ // 교육 항목 수집
+ const trainingItems = checkedItems.map(cb => cb.value).join(', ');
+
+ // API 호출
+ const userData = localStorage.getItem('user');
+ const currentUser = userData ? JSON.parse(userData) : null;
+
+ if (!currentUser) {
+ showToast('로그인 정보를 찾을 수 없습니다.', 'error');
+ return;
+ }
+
+ // 현재 시간
+ const now = new Date();
+ const currentTime = now.toTimeString().split(' ')[0]; // HH:MM:SS
+ const trainingDate = now.toISOString().split('T')[0]; // YYYY-MM-DD
+
+ // 각 서명에 대해 개별적으로 API 호출
+ let successCount = 0;
+ for (let i = 0; i < savedSignatures.length; i++) {
+ const sig = savedSignatures[i];
+
+ const payload = {
+ request_id: requestId,
+ conducted_by: currentUser.user_id,
+ training_date: trainingDate,
+ training_start_time: currentTime,
+ training_end_time: currentTime,
+ training_items: trainingItems,
+ visitor_name: `방문자 ${i + 1}`, // 순번으로 구분
+ signature_image: sig.image,
+ notes: `교육 완료 - ${checkedItems.length}개 항목 (${i + 1}/${savedSignatures.length})`
+ };
+
+ const response = await window.apiCall(
+ '/workplace-visits/training',
+ 'POST',
+ payload
+ );
+
+ if (response && response.success) {
+ successCount++;
+ } else {
+ console.error(`서명 ${i + 1} 저장 실패:`, response);
+ }
+ }
+
+ if (successCount === savedSignatures.length) {
+ showToast(`${successCount}명의 안전교육이 완료되었습니다.`, 'success');
+ setTimeout(() => {
+ window.location.href = '/pages/admin/safety-management.html';
+ }, 1500);
+ } else if (successCount > 0) {
+ showToast(`${successCount}/${savedSignatures.length}명의 교육만 저장되었습니다.`, 'warning');
+ } else {
+ throw new Error('교육 완료 처리 실패');
+ }
+ } catch (error) {
+ console.error('교육 완료 처리 오류:', error);
+ showToast(error.message || '교육 완료 처리 중 오류가 발생했습니다.', 'error');
+ }
+}
+
+/**
+ * 뒤로 가기
+ */
+function goBack() {
+ if (hasSignature || document.querySelector('input[name="safety-check"]:checked')) {
+ if (!confirm('작성 중인 내용이 있습니다. 정말 나가시겠습니까?')) {
+ return;
+ }
+ }
+ window.location.href = '/pages/admin/safety-management.html';
+}
+
+// 전역 함수로 노출
+window.showToast = showToast;
+window.clearSignature = clearSignature;
+window.saveSignature = saveSignature;
+window.deleteSignature = deleteSignature;
+window.updateCompleteButton = updateCompleteButton;
+window.completeTraining = completeTraining;
+window.goBack = goBack;
diff --git a/web-ui/js/tbm.js b/web-ui/js/tbm.js
index 6ad0aaa..6e32ef0 100644
--- a/web-ui/js/tbm.js
+++ b/web-ui/js/tbm.js
@@ -8,10 +8,67 @@ let allProjects = [];
let allWorkTypes = [];
let allTasks = [];
let allSafetyChecks = [];
+let allWorkplaces = [];
+let allWorkplaceCategories = [];
+let currentUser = null;
let currentSessionId = null;
let selectedWorkers = new Set();
let currentTab = 'tbm-input';
+// 새로운 TBM 입력 방식 관련 변수
+let workerTaskList = []; // [{worker_id, worker_name, job_type, tasks: [{task_line_id, project_id, ...}]}]
+let selectedWorkersInModal = new Set(); // 모달에서 선택된 작업자 ID 세트
+let currentEditingTaskLine = null; // 현재 편집 중인 작업 라인 정보 {workerIndex, taskIndex}
+let selectedCategory = null;
+let selectedWorkplace = null;
+let selectedCategoryName = '';
+let selectedWorkplaceName = '';
+let isBulkMode = false; // 일괄 설정 모드인지 여부
+let bulkSelectedWorkers = new Set(); // 일괄 설정에서 선택된 작업자 인덱스
+
+// ==================== 유틸리티 함수 ====================
+
+/**
+ * 서울 시간대(Asia/Seoul, UTC+9) 기준 오늘 날짜를 YYYY-MM-DD 형식으로 반환
+ */
+function getTodayKST() {
+ const now = new Date();
+ // 한국 시간대로 변환 (UTC+9)
+ const kstOffset = 9 * 60; // 9시간을 분 단위로
+ const utc = now.getTime() + (now.getTimezoneOffset() * 60000); // UTC 시간
+ const kstTime = new Date(utc + (kstOffset * 60000)); // KST 시간
+
+ const year = kstTime.getFullYear();
+ const month = String(kstTime.getMonth() + 1).padStart(2, '0');
+ const day = String(kstTime.getDate()).padStart(2, '0');
+
+ return `${year}-${month}-${day}`;
+}
+
+/**
+ * ISO 날짜 문자열을 YYYY-MM-DD 형식으로 변환
+ * @param {string} dateString - ISO 형식 날짜 문자열 또는 YYYY-MM-DD 형식
+ * @returns {string} YYYY-MM-DD 형식 날짜
+ */
+function formatDate(dateString) {
+ if (!dateString) return '';
+
+ // 이미 YYYY-MM-DD 형식이면 그대로 반환
+ if (/^\d{4}-\d{2}-\d{2}$/.test(dateString)) {
+ return dateString;
+ }
+
+ // ISO 형식 또는 다른 형식이면 변환
+ const date = new Date(dateString);
+ const year = date.getFullYear();
+ const month = String(date.getMonth() + 1).padStart(2, '0');
+ const day = String(date.getDate()).padStart(2, '0');
+
+ return `${year}-${month}-${day}`;
+}
+
+// ==================== 페이지 초기화 ====================
+
// 페이지 초기화
document.addEventListener('DOMContentLoaded', async () => {
console.log('🛠️ TBM 관리 페이지 초기화');
@@ -28,8 +85,8 @@ document.addEventListener('DOMContentLoaded', async () => {
return;
}
- // 오늘 날짜 설정
- const today = new Date().toISOString().split('T')[0];
+ // 오늘 날짜 설정 (서울 시간대 기준)
+ const today = getTodayKST();
document.getElementById('tbmDate').value = today;
document.getElementById('sessionDate').value = today;
@@ -55,6 +112,11 @@ function setupEventListeners() {
// 초기 데이터 로드
async function loadInitialData() {
try {
+ // 현재 로그인한 사용자 정보 가져오기
+ const userInfo = JSON.parse(localStorage.getItem('userInfo') || '{}');
+ currentUser = userInfo;
+ console.log('👤 로그인 사용자:', currentUser);
+
// 작업자 목록 로드
const workersResponse = await window.apiCall('/workers?limit=1000');
if (workersResponse) {
@@ -64,11 +126,13 @@ async function loadInitialData() {
console.log('✅ 작업자 목록 로드:', allWorkers.length + '명');
}
- // 프로젝트 목록 로드
+ // 프로젝트 목록 로드 (활성 프로젝트만)
const projectsResponse = await window.apiCall('/projects?is_active=1');
if (projectsResponse) {
- allProjects = Array.isArray(projectsResponse) ? projectsResponse : (projectsResponse.data || []);
- console.log('✅ 프로젝트 목록 로드:', allProjects.length + '개');
+ const projects = Array.isArray(projectsResponse) ? projectsResponse : (projectsResponse.data || []);
+ // 활성 프로젝트만 필터링 (is_active가 1 또는 true인 경우)
+ allProjects = projects.filter(p => p.is_active === 1 || p.is_active === true || p.is_active === '1');
+ console.log('✅ 프로젝트 목록 로드:', allProjects.length + '개 (활성)');
populateProjectSelect();
}
@@ -93,6 +157,20 @@ async function loadInitialData() {
console.log('✅ 작업 목록 로드:', allTasks.length + '개');
}
+ // 작업장 목록 로드
+ const workplacesResponse = await window.apiCall('/workplaces?is_active=true');
+ if (workplacesResponse && workplacesResponse.success) {
+ allWorkplaces = workplacesResponse.data || [];
+ console.log('✅ 작업장 목록 로드:', allWorkplaces.length + '개');
+ }
+
+ // 작업장 카테고리 로드
+ const categoriesResponse = await window.apiCall('/workplaces/categories/active/list');
+ if (categoriesResponse && categoriesResponse.success) {
+ allWorkplaceCategories = categoriesResponse.data || [];
+ console.log('✅ 작업장 카테고리 로드:', allWorkplaceCategories.length + '개');
+ }
+
} catch (error) {
console.error('❌ 초기 데이터 로드 오류:', error);
showToast('데이터를 불러오는 중 오류가 발생했습니다.', 'error');
@@ -138,7 +216,7 @@ window.switchTbmTab = switchTbmTab;
// 오늘의 TBM만 로드 (TBM 입력 탭용)
async function loadTodayOnlyTbm() {
- const today = new Date().toISOString().split('T')[0];
+ const today = getTodayKST();
try {
const response = await window.apiCall(`/tbm/sessions/date/${today}`);
@@ -192,7 +270,7 @@ function displayTodayTbmSessions() {
// 오늘 TBM 로드 (TBM 관리 탭용)
async function loadTodayTbm() {
- const today = new Date().toISOString().split('T')[0];
+ const today = getTodayKST();
document.getElementById('tbmDate').value = today;
await loadTbmSessionsByDate(today);
}
@@ -272,15 +350,20 @@ function createSessionCard(session) {
'cancelled': '취소'
}[session.status] || '';
+ // 작업 책임자 표시 (leader_name이 있으면 표시, 없으면 created_by_name 표시)
+ const leaderDisplay = session.leader_name
+ ? `${session.leader_name} (${session.leader_job_type || '작업자'})`
+ : `${session.created_by_name || '작업 책임자'} (관리자)`;
+
return `
+
+ 방문자 ${index + 1}
+ 저장 시간: ${sig.timestamp}
+
+
+
+ - ${session.leader_name || '팀장 미지정'} + ${leaderDisplay}
- ${session.session_date} | ${session.leader_job_type || ''} + ${formatDate(session.session_date)}