diff --git a/CODING_GUIDE.md b/CODING_GUIDE.md index 78adb10..4017be6 100644 --- a/CODING_GUIDE.md +++ b/CODING_GUIDE.md @@ -310,6 +310,96 @@ Synology NAS(MySQL 8.0)의 `Strict Mode`로 인해 `db.execute()` 사용 시 `In --- +## 🕐 시간대(Timezone) 처리 가이드 + +### 핵심 원칙 +이 프로젝트는 **한국 시간(KST, UTC+9)** 기준으로 운영됩니다. + +### 문제 상황 +서버가 UTC 시간대로 설정된 경우, `NOW()`, `CURRENT_TIMESTAMP`, `new Date()`를 사용하면 **한국 시간과 9시간 차이**가 발생합니다. + +``` +예시: 한국 시간 2026-02-03 08:00 AM에 신고 등록 +- UTC 시간: 2026-02-02 11:00 PM +- DB 저장: 2026-02-02 (잘못된 날짜!) +``` + +### 해결 방법 + +#### 백엔드 (Node.js) +**공용 유틸리티 사용** (`utils/dateUtils.js`): + +```javascript +const { getKoreaDatetime, getKoreaDateString } = require('../utils/dateUtils'); + +// 비즈니스 날짜 저장 시 +const reportDate = getKoreaDatetime(); // '2026-02-03 08:00:00' +await db.query('INSERT INTO reports (report_date, ...) VALUES (?, ...)', [reportDate, ...]); + +// 날짜만 필요한 경우 +const today = getKoreaDateString(); // '2026-02-03' +``` + +**제공되는 함수들**: +| 함수 | 반환값 | 용도 | +|------|--------|------| +| `getKoreaDatetime()` | `'2026-02-03 08:00:00'` | DB DATETIME 저장 | +| `getKoreaDateString()` | `'2026-02-03'` | DB DATE 저장 | +| `getKoreaTimeString()` | `'08:00:00'` | DB TIME 저장 | +| `getKoreaYear()` | `2026` | 연도 | +| `getKoreaMonth()` | `2` | 월 (1-12) | +| `toKoreaDatetime(date)` | `'2026-02-03 08:00:00'` | Date 객체 변환 | + +#### 프론트엔드 (JavaScript) +```javascript +// 로컬 시간대 기준 날짜 문자열 +function getLocalDateString() { + const now = new Date(); + const year = now.getFullYear(); + const month = String(now.getMonth() + 1).padStart(2, '0'); + const day = String(now.getDate()).padStart(2, '0'); + return `${year}-${month}-${day}`; +} + +// ❌ 잘못된 방법 (UTC 변환됨) +const today = new Date().toISOString().split('T')[0]; + +// ✅ 올바른 방법 (로컬 시간) +const today = getLocalDateString(); +``` + +### 컬럼별 적용 기준 + +| 컬럼 유형 | 처리 방법 | 비고 | +|-----------|-----------|------| +| `created_at`, `updated_at` | `NOW()` 또는 `CURRENT_TIMESTAMP` 사용 가능 | 감사용 메타데이터, UTC로 저장해도 무방 | +| `report_date`, `session_date` | **반드시 `getKoreaDatetime()` 사용** | 비즈니스 날짜, 사용자에게 표시됨 | +| `visit_date`, `attendance_date` | **반드시 한국 시간 기준** | 필터링/조회에 사용됨 | +| API 응답 `timestamp` | `new Date().toISOString()` 사용 가능 | 디버깅용 | + +### 마이그레이션 주의사항 +새 테이블 생성 시 비즈니스 날짜 컬럼은 **default 값을 사용하지 말고** 애플리케이션에서 명시적으로 설정: + +```javascript +// ❌ 잘못된 방법 +table.datetime('report_date').defaultTo(knex.fn.now()); + +// ✅ 올바른 방법 +table.datetime('report_date').notNullable(); // default 없음 +// 애플리케이션에서 getKoreaDatetime()으로 값 설정 +``` + +### 기존 데이터 보정 (필요시) +UTC로 잘못 저장된 데이터를 한국 시간으로 보정: +```sql +-- 주의: 백업 후 실행 +UPDATE work_issue_reports +SET report_date = DATE_ADD(report_date, INTERVAL 9 HOUR) +WHERE report_date < '2026-02-03'; +``` + +--- + ## 🧪 테스트 가이드 (Jest) ### 중요도 diff --git a/api.hyungi.net/controllers/workIssueController.js b/api.hyungi.net/controllers/workIssueController.js index bd831be..0811be6 100644 --- a/api.hyungi.net/controllers/workIssueController.js +++ b/api.hyungi.net/controllers/workIssueController.js @@ -206,6 +206,7 @@ exports.createReport = async (req, res) => { visit_request_id, issue_category_id, issue_item_id, + custom_item_name, // 직접 입력한 항목명 additional_description, photos = [] } = req.body; @@ -221,6 +222,36 @@ exports.createReport = async (req, res) => { return res.status(400).json({ success: false, error: '위치 정보는 필수입니다.' }); } + // 항목 검증 (기존 항목 또는 직접 입력) + if (!issue_item_id && !custom_item_name) { + return res.status(400).json({ success: false, error: '신고 항목은 필수입니다.' }); + } + + // 직접 입력한 항목이 있으면 DB에 저장 + let finalItemId = issue_item_id; + if (custom_item_name && !issue_item_id) { + try { + finalItemId = await new Promise((resolve, reject) => { + workIssueModel.createItem( + { + category_id: issue_category_id, + item_name: custom_item_name, + description: '사용자 직접 입력', + severity: 'medium', + display_order: 999 // 마지막에 표시 + }, + (err, itemId) => { + if (err) reject(err); + else resolve(itemId); + } + ); + }); + } catch (itemErr) { + console.error('커스텀 항목 생성 실패:', itemErr); + return res.status(500).json({ success: false, error: '항목 저장 실패' }); + } + } + // 사진 저장 (최대 5장) const photoPaths = { photo_path1: null, @@ -247,7 +278,7 @@ exports.createReport = async (req, res) => { tbm_session_id: tbm_session_id || null, visit_request_id: visit_request_id || null, issue_category_id, - issue_item_id: issue_item_id || null, + issue_item_id: finalItemId || null, additional_description: additional_description || null, ...photoPaths }; diff --git a/api.hyungi.net/db/migrations/20260203090000_add_category_to_defects.js b/api.hyungi.net/db/migrations/20260203090000_add_category_to_defects.js new file mode 100644 index 0000000..5ff74af --- /dev/null +++ b/api.hyungi.net/db/migrations/20260203090000_add_category_to_defects.js @@ -0,0 +1,43 @@ +/** + * 작업보고서 부적합에 카테고리/아이템 컬럼 추가 + * + * 변경사항: + * 1. work_report_defects 테이블에 category_id, item_id 컬럼 추가 + * 2. issue_report_categories, issue_report_items 테이블 참조 + */ + +exports.up = function(knex) { + return knex.schema + .alterTable('work_report_defects', function(table) { + // 카테고리 ID 추가 + table.integer('category_id').unsigned().nullable() + .comment('issue_report_categories의 category_id (직접 입력 시)') + .after('issue_report_id'); + + // 아이템 ID 추가 + table.integer('item_id').unsigned().nullable() + .comment('issue_report_items의 item_id (직접 입력 시)') + .after('category_id'); + + // 외래키 추가 + table.foreign('category_id') + .references('category_id') + .inTable('issue_report_categories') + .onDelete('SET NULL'); + + table.foreign('item_id') + .references('item_id') + .inTable('issue_report_items') + .onDelete('SET NULL'); + }); +}; + +exports.down = function(knex) { + return knex.schema + .alterTable('work_report_defects', function(table) { + table.dropForeign('category_id'); + table.dropForeign('item_id'); + table.dropColumn('category_id'); + table.dropColumn('item_id'); + }); +}; diff --git a/api.hyungi.net/db/migrations/20260203100000_link_defects_to_issues.js b/api.hyungi.net/db/migrations/20260203100000_link_defects_to_issues.js new file mode 100644 index 0000000..e89e476 --- /dev/null +++ b/api.hyungi.net/db/migrations/20260203100000_link_defects_to_issues.js @@ -0,0 +1,85 @@ +/** + * 작업보고서 부적합을 신고 시스템과 연동 + * + * 변경사항: + * 1. work_report_defects 테이블에 issue_report_id 컬럼 추가 + * 2. error_type_id를 NULL 허용으로 변경 (신고 연동 시 불필요) + * 3. work_issue_reports.report_id (unsigned int)와 타입 일치 필요 + */ + +exports.up = function(knex) { + return knex.schema + .alterTable('work_report_defects', function(table) { + // 1. issue_report_id 컬럼 추가 (unsigned int로 work_issue_reports.report_id와 타입 일치) + table.integer('issue_report_id').unsigned().nullable() + .comment('work_issue_reports의 report_id (신고된 이슈 연결)') + .after('error_type_id'); + + // 2. 외래키 추가 (work_issue_reports.report_id 참조) + table.foreign('issue_report_id') + .references('report_id') + .inTable('work_issue_reports') + .onDelete('SET NULL'); + + // 3. 인덱스 추가 + table.index('issue_report_id'); + }) + // 4. error_type_id를 NULL 허용으로 변경 + .then(function() { + return knex.raw(` + ALTER TABLE work_report_defects + MODIFY COLUMN error_type_id INT NULL + COMMENT 'error_types의 id (부적합 원인) - 레거시, issue_report_id 사용 권장' + `); + }) + // 5. 유니크 제약 수정 (issue_report_id도 고려) + .then(function() { + // 기존 유니크 제약 삭제 + return knex.raw(` + ALTER TABLE work_report_defects + DROP INDEX work_report_defects_report_id_error_type_id_unique + `).catch(() => { + // 인덱스가 없을 수 있음 - 무시 + }); + }) + .then(function() { + // 새 유니크 제약 추가 (report_id + issue_report_id 조합) + return knex.raw(` + ALTER TABLE work_report_defects + ADD UNIQUE INDEX work_report_defects_report_issue_unique (report_id, issue_report_id) + `).catch(() => { + // 이미 존재할 수 있음 - 무시 + }); + }); +}; + +exports.down = function(knex) { + return knex.schema + .alterTable('work_report_defects', function(table) { + // 외래키 및 인덱스 삭제 + table.dropForeign('issue_report_id'); + table.dropIndex('issue_report_id'); + table.dropColumn('issue_report_id'); + }) + // error_type_id를 다시 NOT NULL로 변경 + .then(function() { + return knex.raw(` + ALTER TABLE work_report_defects + MODIFY COLUMN error_type_id INT NOT NULL + COMMENT 'error_types의 id (부적합 원인)' + `); + }) + // 기존 유니크 제약 복원 + .then(function() { + return knex.raw(` + ALTER TABLE work_report_defects + DROP INDEX IF EXISTS work_report_defects_report_issue_unique + `).catch(() => {}); + }) + .then(function() { + return knex.raw(` + ALTER TABLE work_report_defects + ADD UNIQUE INDEX work_report_defects_report_id_error_type_id_unique (report_id, error_type_id) + `).catch(() => {}); + }); +}; diff --git a/api.hyungi.net/models/workIssueModel.js b/api.hyungi.net/models/workIssueModel.js index 90e943e..34ec5ef 100644 --- a/api.hyungi.net/models/workIssueModel.js +++ b/api.hyungi.net/models/workIssueModel.js @@ -200,6 +200,9 @@ const deleteItem = async (itemId, callback) => { // ==================== 문제 신고 관리 ==================== +// 한국 시간 유틸리티 import +const { getKoreaDatetime } = require('../utils/dateUtils'); + /** * 신고 생성 */ @@ -223,13 +226,16 @@ const createReport = async (reportData, callback) => { photo_path5 = null } = reportData; + // 한국 시간 기준으로 신고 일시 설정 + const reportDate = getKoreaDatetime(); + const [result] = await db.query( `INSERT INTO work_issue_reports - (reporter_id, factory_category_id, workplace_id, custom_location, + (reporter_id, report_date, factory_category_id, workplace_id, custom_location, tbm_session_id, visit_request_id, issue_category_id, issue_item_id, additional_description, photo_path1, photo_path2, photo_path3, photo_path4, photo_path5) - VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`, - [reporter_id, factory_category_id, workplace_id, custom_location, + VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`, + [reporter_id, reportDate, factory_category_id, workplace_id, custom_location, tbm_session_id, visit_request_id, issue_category_id, issue_item_id, additional_description, photo_path1, photo_path2, photo_path3, photo_path4, photo_path5] ); diff --git a/api.hyungi.net/routes/dailyWorkReportRoutes.js b/api.hyungi.net/routes/dailyWorkReportRoutes.js index 17efb14..f805c57 100644 --- a/api.hyungi.net/routes/dailyWorkReportRoutes.js +++ b/api.hyungi.net/routes/dailyWorkReportRoutes.js @@ -2,6 +2,7 @@ const express = require('express'); const router = express.Router(); const dailyWorkReportController = require('../controllers/dailyWorkReportController'); +const workReportController = require('../controllers/workReportController'); // 📋 마스터 데이터 조회 라우트들 (모든 인증된 사용자) router.get('/work-types', dailyWorkReportController.getWorkTypes); @@ -88,4 +89,9 @@ router.delete('/date/:date/worker/:worker_id', dailyWorkReportController.removeD // 🗑️ 특정 작업보고서 삭제 (항상 가장 마지막에 정의) router.delete('/:id', dailyWorkReportController.removeDailyWorkReport); +// 📋 부적합 관리 (workReportController 사용) +router.get('/:reportId/defects', workReportController.getReportDefects); +router.put('/:reportId/defects', workReportController.saveReportDefects); +router.post('/:reportId/defects', workReportController.addReportDefect); + module.exports = router; \ No newline at end of file diff --git a/api.hyungi.net/services/mProjectService.js b/api.hyungi.net/services/mProjectService.js new file mode 100644 index 0000000..6336621 --- /dev/null +++ b/api.hyungi.net/services/mProjectService.js @@ -0,0 +1,383 @@ +/** + * M-Project API 연동 서비스 + * + * TK-FB-Project의 부적합 신고를 M-Project로 전송하는 서비스 + * + * @author TK-FB-Project + * @since 2026-02-03 + */ + +const logger = require('../utils/logger'); + +// M-Project API 설정 +const M_PROJECT_CONFIG = { + baseUrl: process.env.M_PROJECT_API_URL || 'http://localhost:16080', + username: process.env.M_PROJECT_USERNAME || 'api_service', + password: process.env.M_PROJECT_PASSWORD || '', + defaultProjectId: parseInt(process.env.M_PROJECT_DEFAULT_PROJECT_ID) || 1, +}; + +// 캐시된 인증 토큰 +let cachedToken = null; +let tokenExpiry = null; + +/** + * TK-FB 카테고리를 M-Project 카테고리로 매핑 + * @param {string} tkCategory - TK-FB-Project 카테고리 + * @returns {string} M-Project 카테고리 + */ +function mapCategoryToMProject(tkCategory) { + const categoryMap = { + // TK-FB 카테고리 → M-Project 카테고리 + '자재 누락': 'material_missing', + '자재누락': 'material_missing', + '자재 관련': 'material_missing', + '설계 오류': 'design_error', + '설계미스': 'design_error', + '설계 관련': 'design_error', + '입고 불량': 'incoming_defect', + '입고자재 불량': 'incoming_defect', + '입고 관련': 'incoming_defect', + '검사 미스': 'inspection_miss', + '검사미스': 'inspection_miss', + '검사 관련': 'inspection_miss', + '기타': 'etc', + }; + + // 정확히 매칭되는 경우 + if (categoryMap[tkCategory]) { + return categoryMap[tkCategory]; + } + + // 부분 매칭 시도 + const lowerCategory = tkCategory?.toLowerCase() || ''; + if (lowerCategory.includes('자재') || lowerCategory.includes('material')) { + return 'material_missing'; + } + if (lowerCategory.includes('설계') || lowerCategory.includes('design')) { + return 'design_error'; + } + if (lowerCategory.includes('입고') || lowerCategory.includes('incoming')) { + return 'incoming_defect'; + } + if (lowerCategory.includes('검사') || lowerCategory.includes('inspection')) { + return 'inspection_miss'; + } + + // 기본값 + return 'etc'; +} + +/** + * M-Project API 인증 토큰 획득 + * @returns {Promise} JWT 토큰 + */ +async function getAuthToken() { + // 캐시된 토큰이 유효하면 재사용 + if (cachedToken && tokenExpiry && new Date() < tokenExpiry) { + return cachedToken; + } + + try { + const formData = new URLSearchParams(); + formData.append('username', M_PROJECT_CONFIG.username); + formData.append('password', M_PROJECT_CONFIG.password); + + const response = await fetch(`${M_PROJECT_CONFIG.baseUrl}/api/auth/login`, { + method: 'POST', + headers: { + 'Content-Type': 'application/x-www-form-urlencoded', + }, + body: formData.toString(), + }); + + if (!response.ok) { + const errorText = await response.text(); + logger.error('M-Project 인증 실패', { + status: response.status, + error: errorText + }); + return null; + } + + const data = await response.json(); + cachedToken = data.access_token; + + // 토큰 만료 시간 설정 (기본 6일, M-Project는 7일 유효) + tokenExpiry = new Date(Date.now() + 6 * 24 * 60 * 60 * 1000); + + logger.info('M-Project 인증 성공'); + return cachedToken; + } catch (error) { + logger.error('M-Project 인증 요청 오류', { error: error.message }); + return null; + } +} + +/** + * 이미지 URL을 Base64로 변환 + * @param {string} imageUrl - 이미지 URL 또는 경로 + * @returns {Promise} Base64 인코딩된 이미지 + */ +async function convertImageToBase64(imageUrl) { + if (!imageUrl) return null; + + try { + // 이미 Base64인 경우 그대로 반환 + if (imageUrl.startsWith('data:image')) { + return imageUrl; + } + + // URL인 경우 fetch + if (imageUrl.startsWith('http://') || imageUrl.startsWith('https://')) { + const response = await fetch(imageUrl); + if (!response.ok) return null; + + const buffer = await response.arrayBuffer(); + const base64 = Buffer.from(buffer).toString('base64'); + const contentType = response.headers.get('content-type') || 'image/jpeg'; + return `data:${contentType};base64,${base64}`; + } + + // 로컬 파일 경로인 경우 + const fs = require('fs').promises; + const path = require('path'); + const filePath = path.join(process.cwd(), 'uploads', imageUrl); + + try { + const fileBuffer = await fs.readFile(filePath); + const base64 = fileBuffer.toString('base64'); + const ext = path.extname(imageUrl).toLowerCase(); + const mimeTypes = { + '.jpg': 'image/jpeg', + '.jpeg': 'image/jpeg', + '.png': 'image/png', + '.gif': 'image/gif', + '.webp': 'image/webp', + }; + const contentType = mimeTypes[ext] || 'image/jpeg'; + return `data:${contentType};base64,${base64}`; + } catch { + return null; + } + } catch (error) { + logger.warn('이미지 Base64 변환 실패', { imageUrl, error: error.message }); + return null; + } +} + +/** + * TK-FB-Project 부적합 신고를 M-Project로 전송 + * + * @param {Object} issueData - 부적합 신고 데이터 + * @param {string} issueData.category - 카테고리 이름 + * @param {string} issueData.description - 신고 내용 + * @param {string} issueData.reporter_name - 신고자 이름 + * @param {string} issueData.project_name - 프로젝트 이름 (옵션) + * @param {number} issueData.tk_issue_id - TK-FB-Project 이슈 ID + * @param {string[]} issueData.photos - 사진 URL 배열 (최대 5개) + * @returns {Promise<{success: boolean, mProjectId?: number, error?: string}>} + */ +async function sendToMProject(issueData) { + const { + category, + description, + reporter_name, + project_name, + tk_issue_id, + photos = [], + } = issueData; + + logger.info('M-Project 연동 시작', { tk_issue_id, category }); + + // 인증 토큰 획득 + const token = await getAuthToken(); + if (!token) { + return { success: false, error: 'M-Project 인증 실패' }; + } + + try { + // 카테고리 매핑 + const mProjectCategory = mapCategoryToMProject(category); + + // 설명에 TK-FB 정보 추가 + const enhancedDescription = [ + description, + '', + '---', + `[TK-FB-Project 연동]`, + `- 원본 이슈 ID: ${tk_issue_id}`, + `- 신고자: ${reporter_name || '미상'}`, + project_name ? `- 프로젝트: ${project_name}` : null, + ].filter(Boolean).join('\n'); + + // 사진 변환 (최대 5개) + const photoPromises = photos.slice(0, 5).map(convertImageToBase64); + const base64Photos = await Promise.all(photoPromises); + + // 요청 본문 구성 + const requestBody = { + category: mProjectCategory, + description: enhancedDescription, + project_id: M_PROJECT_CONFIG.defaultProjectId, + }; + + // 사진 추가 + base64Photos.forEach((photo, index) => { + if (photo) { + const fieldName = index === 0 ? 'photo' : `photo${index + 1}`; + requestBody[fieldName] = photo; + } + }); + + // M-Project API 호출 + const response = await fetch(`${M_PROJECT_CONFIG.baseUrl}/api/issues`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'Authorization': `Bearer ${token}`, + }, + body: JSON.stringify(requestBody), + }); + + if (!response.ok) { + const errorText = await response.text(); + logger.error('M-Project 이슈 생성 실패', { + status: response.status, + error: errorText, + tk_issue_id + }); + return { + success: false, + error: `M-Project API 오류: ${response.status}` + }; + } + + const createdIssue = await response.json(); + + logger.info('M-Project 이슈 생성 성공', { + tk_issue_id, + m_project_id: createdIssue.id + }); + + return { + success: true, + mProjectId: createdIssue.id + }; + } catch (error) { + logger.error('M-Project 연동 오류', { + tk_issue_id, + error: error.message + }); + return { + success: false, + error: error.message + }; + } +} + +/** + * M-Project에서 이슈 상태 조회 + * + * @param {number} mProjectId - M-Project 이슈 ID + * @returns {Promise<{success: boolean, status?: string, data?: Object, error?: string}>} + */ +async function getIssueStatus(mProjectId) { + const token = await getAuthToken(); + if (!token) { + return { success: false, error: 'M-Project 인증 실패' }; + } + + try { + const response = await fetch( + `${M_PROJECT_CONFIG.baseUrl}/api/issues/${mProjectId}`, + { + method: 'GET', + headers: { + 'Authorization': `Bearer ${token}`, + }, + } + ); + + if (!response.ok) { + return { + success: false, + error: `M-Project API 오류: ${response.status}` + }; + } + + const data = await response.json(); + + return { + success: true, + status: data.review_status || data.status, + data + }; + } catch (error) { + return { + success: false, + error: error.message + }; + } +} + +/** + * M-Project 상태를 TK-FB 상태로 매핑 + * @param {string} mProjectStatus - M-Project 상태 + * @returns {string} TK-FB-Project 상태 + */ +function mapStatusFromMProject(mProjectStatus) { + const statusMap = { + 'pending_review': 'received', + 'in_progress': 'in_progress', + 'completed': 'completed', + 'disposed': 'closed', + }; + return statusMap[mProjectStatus] || 'received'; +} + +/** + * M-Project 연결 테스트 + * @returns {Promise<{success: boolean, message: string}>} + */ +async function testConnection() { + try { + const token = await getAuthToken(); + if (!token) { + return { success: false, message: 'M-Project 인증 실패' }; + } + + // /api/auth/me로 연결 테스트 + const response = await fetch(`${M_PROJECT_CONFIG.baseUrl}/api/auth/me`, { + headers: { + 'Authorization': `Bearer ${token}`, + }, + }); + + if (response.ok) { + const user = await response.json(); + return { + success: true, + message: `M-Project 연결 성공 (사용자: ${user.username})` + }; + } else { + return { + success: false, + message: `M-Project 연결 실패: ${response.status}` + }; + } + } catch (error) { + return { + success: false, + message: `M-Project 연결 오류: ${error.message}` + }; + } +} + +module.exports = { + sendToMProject, + getIssueStatus, + mapStatusFromMProject, + testConnection, + mapCategoryToMProject, +}; diff --git a/api.hyungi.net/services/weatherService.js b/api.hyungi.net/services/weatherService.js index d56a6f2..7b7d2a7 100644 --- a/api.hyungi.net/services/weatherService.js +++ b/api.hyungi.net/services/weatherService.js @@ -58,10 +58,8 @@ async function getCurrentWeather(nx = WEATHER_API.defaultLocation.nx, ny = WEATH } try { - // 현재 시간 기준으로 base_date, base_time 계산 - const now = new Date(); - const baseDate = formatDate(now); - const baseTime = getBaseTime(now); + // 한국 시간 기준으로 base_date, base_time 계산 + const { baseDate, baseTime } = getBaseDateTime(); logger.info('날씨 API 호출', { baseDate, baseTime, nx, ny }); @@ -322,7 +320,45 @@ function getDefaultWeatherData() { } /** - * 날짜 포맷 (YYYYMMDD) + * 기상청 API용 기준 날짜/시간 계산 + * 한국 시간(KST, UTC+9) 기준으로 계산 + * 매시간 정각에 생성되고 10분 후에 제공됨 + * @returns {{ baseDate: string, baseTime: string }} + */ +function getBaseDateTime() { + // 한국 시간으로 변환 (UTC + 9시간) + const now = new Date(); + const kstOffset = 9 * 60 * 60 * 1000; // 9시간을 밀리초로 + const kstDate = new Date(now.getTime() + kstOffset); + + let year = kstDate.getUTCFullYear(); + let month = kstDate.getUTCMonth() + 1; + let day = kstDate.getUTCDate(); + let hours = kstDate.getUTCHours(); + let minutes = kstDate.getUTCMinutes(); + + // 10분 이전이면 이전 시간 데이터 사용 + if (minutes < 10) { + hours = hours - 1; + if (hours < 0) { + hours = 23; + // 전날로 변경 + const prevDay = new Date(kstDate.getTime() - 24 * 60 * 60 * 1000); + year = prevDay.getUTCFullYear(); + month = prevDay.getUTCMonth() + 1; + day = prevDay.getUTCDate(); + } + } + + const baseDate = `${year}${String(month).padStart(2, '0')}${String(day).padStart(2, '0')}`; + const baseTime = String(hours).padStart(2, '0') + '00'; + + return { baseDate, baseTime }; +} + +/** + * 날짜 포맷 (YYYYMMDD) - 호환성 유지용 + * @deprecated getBaseDateTime() 사용 권장 */ function formatDate(date) { const year = date.getFullYear(); @@ -332,14 +368,12 @@ function formatDate(date) { } /** - * 초단기실황 API용 기준시간 계산 - * 매시간 정각에 생성되고 10분 후에 제공됨 + * @deprecated getBaseDateTime() 사용 권장 */ function getBaseTime(date) { let hours = date.getHours(); let minutes = date.getMinutes(); - // 10분 이전이면 이전 시간 데이터 사용 if (minutes < 10) { hours = hours - 1; if (hours < 0) hours = 23; diff --git a/api.hyungi.net/services/workReportService.js b/api.hyungi.net/services/workReportService.js index 29f4d2c..f1b0daf 100644 --- a/api.hyungi.net/services/workReportService.js +++ b/api.hyungi.net/services/workReportService.js @@ -274,6 +274,7 @@ const getSummaryService = async (year, month) => { /** * 작업 보고서의 부적합 원인 목록 조회 + * - error_type_id 또는 issue_report_id 중 하나로 연결 */ const getReportDefectsService = async (reportId) => { const db = await getDb(); @@ -283,13 +284,22 @@ const getReportDefectsService = async (reportId) => { d.defect_id, d.report_id, d.error_type_id, + d.issue_report_id, d.defect_hours, d.note, d.created_at, et.name as error_type_name, - et.severity + et.severity as error_severity, + ir.content as issue_content, + ir.status as issue_status, + irc.category_name as issue_category_name, + irc.severity as issue_severity, + iri.item_name as issue_item_name FROM work_report_defects d - JOIN error_types et ON d.error_type_id = et.id + LEFT JOIN error_types et ON d.error_type_id = et.id + LEFT JOIN work_issue_reports ir ON d.issue_report_id = ir.report_id + LEFT JOIN issue_report_categories irc ON ir.category_id = irc.category_id + LEFT JOIN issue_report_items iri ON ir.item_id = iri.item_id WHERE d.report_id = ? ORDER BY d.created_at `, [reportId]); @@ -303,6 +313,9 @@ const getReportDefectsService = async (reportId) => { /** * 부적합 원인 저장 (전체 교체) + * - error_type_id 또는 issue_report_id 중 하나 사용 가능 + * - issue_report_id: 신고된 이슈와 연결 + * - error_type_id: 기존 오류 유형 (레거시) */ const saveReportDefectsService = async (reportId, defects) => { const db = await getDb(); @@ -315,10 +328,19 @@ const saveReportDefectsService = async (reportId, defects) => { // 새 부적합 원인 추가 if (defects && defects.length > 0) { for (const defect of defects) { + // issue_report_id > category_id/item_id > error_type_id 순으로 우선 await db.execute(` - INSERT INTO work_report_defects (report_id, error_type_id, defect_hours, note) - VALUES (?, ?, ?, ?) - `, [reportId, defect.error_type_id, defect.defect_hours || 0, defect.note || null]); + INSERT INTO work_report_defects (report_id, error_type_id, issue_report_id, category_id, item_id, defect_hours, note) + VALUES (?, ?, ?, ?, ?, ?, ?) + `, [ + reportId, + (defect.issue_report_id || defect.category_id) ? null : (defect.error_type_id || null), + defect.issue_report_id || null, + defect.category_id || null, + defect.item_id || null, + defect.defect_hours || 0, + defect.note || null + ]); } } @@ -327,6 +349,11 @@ const saveReportDefectsService = async (reportId, defects) => { ? defects.reduce((sum, d) => sum + (parseFloat(d.defect_hours) || 0), 0) : 0; + // 첫 번째 defect의 error_type_id를 대표값으로 (레거시 호환) + const firstErrorTypeId = defects && defects.length > 0 + ? (defects.find(d => d.error_type_id)?.error_type_id || null) + : null; + await db.execute(` UPDATE daily_work_reports SET error_hours = ?, @@ -335,7 +362,7 @@ const saveReportDefectsService = async (reportId, defects) => { WHERE id = ? `, [ totalErrorHours, - defects && defects.length > 0 ? defects[0].error_type_id : null, + firstErrorTypeId, totalErrorHours > 0 ? 2 : 1, reportId ]); @@ -353,14 +380,21 @@ const saveReportDefectsService = async (reportId, defects) => { /** * 부적합 원인 추가 (단일) + * - issue_report_id 또는 error_type_id 중 하나 사용 */ const addReportDefectService = async (reportId, defectData) => { const db = await getDb(); try { const [result] = await db.execute(` - INSERT INTO work_report_defects (report_id, error_type_id, defect_hours, note) - VALUES (?, ?, ?, ?) - `, [reportId, defectData.error_type_id, defectData.defect_hours || 0, defectData.note || null]); + INSERT INTO work_report_defects (report_id, error_type_id, issue_report_id, defect_hours, note) + VALUES (?, ?, ?, ?, ?) + `, [ + reportId, + defectData.issue_report_id ? null : (defectData.error_type_id || null), + defectData.issue_report_id || null, + defectData.defect_hours || 0, + defectData.note || null + ]); // 총 부적합 시간 업데이트 await updateTotalErrorHours(reportId); @@ -404,6 +438,7 @@ const removeReportDefectService = async (defectId) => { /** * 총 부적합 시간 업데이트 헬퍼 + * - issue_report_id가 있는 경우도 고려 */ const updateTotalErrorHours = async (reportId) => { const db = await getDb(); @@ -415,9 +450,12 @@ const updateTotalErrorHours = async (reportId) => { const totalErrorHours = result[0].total || 0; - // 첫 번째 부적합 원인의 error_type_id를 대표값으로 사용 + // 첫 번째 부적합 원인의 error_type_id를 대표값으로 사용 (레거시 호환) + // issue_report_id만 있는 경우 error_type_id는 null const [firstDefect] = await db.execute(` - SELECT error_type_id FROM work_report_defects WHERE report_id = ? ORDER BY created_at LIMIT 1 + SELECT error_type_id FROM work_report_defects + WHERE report_id = ? AND error_type_id IS NOT NULL + ORDER BY created_at LIMIT 1 `, [reportId]); await db.execute(` diff --git a/api.hyungi.net/utils/dateUtils.js b/api.hyungi.net/utils/dateUtils.js new file mode 100644 index 0000000..322462a --- /dev/null +++ b/api.hyungi.net/utils/dateUtils.js @@ -0,0 +1,131 @@ +/** + * 날짜/시간 유틸리티 함수 + * + * 중요: 이 프로젝트는 한국(Asia/Seoul, UTC+9) 시간대 기준으로 운영됩니다. + * DB에 저장되는 비즈니스 날짜(report_date, session_date 등)는 반드시 한국 시간 기준이어야 합니다. + * + * @author TK-FB-Project + * @since 2026-02-03 + */ + +const KOREA_TIMEZONE_OFFSET = 9; // UTC+9 + +/** + * 한국 시간(KST) 기준 현재 Date 객체 반환 + * @returns {Date} 한국 시간 기준 Date 객체 + */ +function getKoreaDate() { + const now = new Date(); + return new Date(now.getTime() + (KOREA_TIMEZONE_OFFSET * 60 * 60 * 1000)); +} + +/** + * 한국 시간(KST) 기준 현재 날짜 문자열 반환 + * @returns {string} 'YYYY-MM-DD' 형식 + */ +function getKoreaDateString() { + const koreaDate = getKoreaDate(); + const year = koreaDate.getUTCFullYear(); + const month = String(koreaDate.getUTCMonth() + 1).padStart(2, '0'); + const day = String(koreaDate.getUTCDate()).padStart(2, '0'); + return `${year}-${month}-${day}`; +} + +/** + * 한국 시간(KST) 기준 현재 datetime 문자열 반환 + * @returns {string} 'YYYY-MM-DD HH:mm:ss' 형식 (MySQL DATETIME 호환) + */ +function getKoreaDatetime() { + const koreaDate = getKoreaDate(); + const year = koreaDate.getUTCFullYear(); + const month = String(koreaDate.getUTCMonth() + 1).padStart(2, '0'); + const day = String(koreaDate.getUTCDate()).padStart(2, '0'); + const hours = String(koreaDate.getUTCHours()).padStart(2, '0'); + const minutes = String(koreaDate.getUTCMinutes()).padStart(2, '0'); + const seconds = String(koreaDate.getUTCSeconds()).padStart(2, '0'); + return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; +} + +/** + * 한국 시간(KST) 기준 현재 시간 문자열 반환 + * @returns {string} 'HH:mm:ss' 형식 + */ +function getKoreaTimeString() { + const koreaDate = getKoreaDate(); + const hours = String(koreaDate.getUTCHours()).padStart(2, '0'); + const minutes = String(koreaDate.getUTCMinutes()).padStart(2, '0'); + const seconds = String(koreaDate.getUTCSeconds()).padStart(2, '0'); + return `${hours}:${minutes}:${seconds}`; +} + +/** + * UTC Date를 한국 시간 datetime 문자열로 변환 + * @param {Date} date - UTC 기준 Date 객체 + * @returns {string} 'YYYY-MM-DD HH:mm:ss' 형식 + */ +function toKoreaDatetime(date) { + if (!date) return null; + const koreaDate = new Date(date.getTime() + (KOREA_TIMEZONE_OFFSET * 60 * 60 * 1000)); + const year = koreaDate.getUTCFullYear(); + const month = String(koreaDate.getUTCMonth() + 1).padStart(2, '0'); + const day = String(koreaDate.getUTCDate()).padStart(2, '0'); + const hours = String(koreaDate.getUTCHours()).padStart(2, '0'); + const minutes = String(koreaDate.getUTCMinutes()).padStart(2, '0'); + const seconds = String(koreaDate.getUTCSeconds()).padStart(2, '0'); + return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; +} + +/** + * UTC Date를 한국 날짜 문자열로 변환 + * @param {Date} date - UTC 기준 Date 객체 + * @returns {string} 'YYYY-MM-DD' 형식 + */ +function toKoreaDateString(date) { + if (!date) return null; + const koreaDate = new Date(date.getTime() + (KOREA_TIMEZONE_OFFSET * 60 * 60 * 1000)); + const year = koreaDate.getUTCFullYear(); + const month = String(koreaDate.getUTCMonth() + 1).padStart(2, '0'); + const day = String(koreaDate.getUTCDate()).padStart(2, '0'); + return `${year}-${month}-${day}`; +} + +/** + * 한국 시간 datetime 문자열을 Date 객체로 변환 + * @param {string} koreaDatetimeStr - 'YYYY-MM-DD HH:mm:ss' 형식 + * @returns {Date} UTC 기준 Date 객체 + */ +function fromKoreaDatetime(koreaDatetimeStr) { + if (!koreaDatetimeStr) return null; + // 한국 시간 문자열을 UTC로 변환 + const date = new Date(koreaDatetimeStr + '+09:00'); + return date; +} + +/** + * 연도 반환 (한국 시간 기준) + * @returns {number} 현재 연도 + */ +function getKoreaYear() { + return getKoreaDate().getUTCFullYear(); +} + +/** + * 월 반환 (한국 시간 기준, 1-12) + * @returns {number} 현재 월 (1-12) + */ +function getKoreaMonth() { + return getKoreaDate().getUTCMonth() + 1; +} + +module.exports = { + KOREA_TIMEZONE_OFFSET, + getKoreaDate, + getKoreaDateString, + getKoreaDatetime, + getKoreaTimeString, + toKoreaDatetime, + toKoreaDateString, + fromKoreaDatetime, + getKoreaYear, + getKoreaMonth, +}; diff --git a/web-ui/components/navbar.html b/web-ui/components/navbar.html index 10b1874..f05a45c 100644 --- a/web-ui/components/navbar.html +++ b/web-ui/components/navbar.html @@ -32,6 +32,11 @@ 대시보드 + + ⚠ + 신고 + + @@ -43,11 +46,8 @@ ▾
- - 이슈 신고 - - - 이슈 목록 + + 안전신고 현황 출입 신청 @@ -122,6 +122,9 @@ 코드 관리 + + 신고 카테고리 관리 + 출퇴근-보고서 대조 diff --git a/web-ui/css/daily-work-report.css b/web-ui/css/daily-work-report.css index d714477..3998af4 100644 --- a/web-ui/css/daily-work-report.css +++ b/web-ui/css/daily-work-report.css @@ -8,6 +8,144 @@ margin-bottom: 1.5rem; } +/* 날짜 그룹 스타일 (접기/펼치기) */ +.date-group { + margin-bottom: 1.5rem; + border: 1px solid #e5e7eb; + border-radius: 12px; + overflow: hidden; + background: white; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); +} + +.date-group-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 1rem 1.25rem; + background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); + border-bottom: 1px solid #e5e7eb; + cursor: pointer; + transition: background-color 0.2s; + user-select: none; +} + +.date-group-header:hover { + background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); +} + +.date-group-header.has-issues { + background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%); + border-bottom-color: #fde047; +} + +.date-group-header.has-issues:hover { + background: linear-gradient(135deg, #fef9c3 0%, #fef08a 100%); +} + +.date-header-left { + display: flex; + align-items: center; + gap: 0.75rem; +} + +.date-toggle-icon { + font-size: 0.75rem; + color: #64748b; + width: 1rem; + text-align: center; +} + +.date-title { + font-weight: 600; + font-size: 1.1rem; + color: #1e293b; +} + +.today-badge { + background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); + color: white; + padding: 0.2rem 0.6rem; + border-radius: 10px; + font-size: 0.7rem; + font-weight: 600; +} + +.date-header-center { + display: flex; + gap: 1rem; +} + +.date-stat { + font-size: 0.85rem; + color: #64748b; +} + +.date-header-right { + display: flex; + align-items: center; + gap: 0.5rem; +} + +.date-issue-summary { + display: flex; + gap: 0.5rem; +} + +.issue-badge { + padding: 0.25rem 0.6rem; + border-radius: 12px; + font-size: 0.75rem; + font-weight: 600; +} + +.issue-badge.nonconformity { + background: #fef2f2; + color: #dc2626; + border: 1px solid #fecaca; +} + +.issue-badge.safety { + background: #fefce8; + color: #ca8a04; + border: 1px solid #fde047; +} + +.no-issues { + font-size: 0.8rem; + color: #94a3b8; +} + +.date-group-content { + padding: 1rem; + background: #fafafa; +} + +.date-group.collapsed .date-group-content { + display: none; +} + +/* 부적합 버튼 강조 (관련 이슈 있을 때) */ +.btn-defect-toggle.has-related-issue { + background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); + border-color: #f87171; + color: #dc2626; + animation: pulse-attention 2s infinite; +} + +.btn-defect-toggle.has-related-issue:hover { + background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%); +} + +@keyframes pulse-attention { + 0%, 100% { + box-shadow: 0 0 0 0 rgba(248, 113, 113, 0.4); + } + 50% { + box-shadow: 0 0 0 4px rgba(248, 113, 113, 0); + } +} + /* TBM 세션 그룹 스타일 */ .tbm-session-group { margin-bottom: 2rem; @@ -55,6 +193,153 @@ font-size: 0.875rem; } +/* 당일 신고 리마인더 스타일 */ +.issue-reminder-section { + background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); + border: 1px solid #f59e0b; + border-top: none; + padding: 1rem 1.5rem; +} + +.issue-reminder-header { + display: flex; + align-items: center; + gap: 0.5rem; + margin-bottom: 0.75rem; +} + +.issue-reminder-icon { + font-size: 1.25rem; +} + +.issue-reminder-title { + font-weight: 600; + color: #92400e; + font-size: 0.9375rem; +} + +.issue-reminder-count { + background: #f59e0b; + color: white; + padding: 0.125rem 0.5rem; + border-radius: 10px; + font-size: 0.75rem; + font-weight: 600; +} + +.issue-reminder-list { + display: flex; + flex-direction: column; + gap: 0.5rem; + margin-bottom: 0.75rem; +} + +.issue-reminder-item { + display: flex; + align-items: center; + gap: 0.75rem; + background: white; + padding: 0.5rem 0.75rem; + border-radius: 6px; + font-size: 0.8125rem; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.issue-reminder-item.nonconformity { + border-left: 3px solid #f59e0b; +} + +.issue-reminder-item.safety { + border-left: 3px solid #ef4444; +} + +.issue-type-badge { + padding: 0.125rem 0.5rem; + border-radius: 4px; + font-size: 0.6875rem; + font-weight: 600; + flex-shrink: 0; +} + +.issue-reminder-item.nonconformity .issue-type-badge { + background: #fef3c7; + color: #92400e; +} + +.issue-reminder-item.safety .issue-type-badge { + background: #fee2e2; + color: #b91c1c; +} + +.issue-category { + color: #6b7280; + font-size: 0.75rem; + flex-shrink: 0; +} + +.issue-item { + flex: 1; + color: #374151; + font-weight: 500; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.issue-location { + color: #6b7280; + font-size: 0.75rem; + flex-shrink: 0; +} + +.issue-status { + padding: 0.125rem 0.375rem; + border-radius: 4px; + font-size: 0.6875rem; + font-weight: 500; + flex-shrink: 0; +} + +.issue-status.status-reported { + background: #dbeafe; + color: #1d4ed8; +} + +.issue-status.status-received { + background: #fed7aa; + color: #c2410c; +} + +.issue-status.status-in_progress { + background: #e9d5ff; + color: #7c3aed; +} + +.issue-status.status-completed { + background: #d1fae5; + color: #047857; +} + +.issue-status.status-closed { + background: #f3f4f6; + color: #4b5563; +} + +.issue-reminder-more { + text-align: center; + color: #92400e; + font-size: 0.75rem; + font-style: italic; +} + +.issue-reminder-hint { + background: rgba(255, 255, 255, 0.7); + padding: 0.5rem 0.75rem; + border-radius: 6px; + font-size: 0.8125rem; + color: #78350f; +} + /* TBM 작업 테이블 스타일 */ .tbm-table-container { overflow-x: auto; @@ -1183,3 +1468,551 @@ .btn-add-defect-inline:hover { background: #d97706; } + +/* ================================================================= + 이슈 기반 부적합 선택 UI + ================================================================= */ + +/* 이슈 섹션 전체 */ +.defect-issue-section { + margin-bottom: 0.75rem; +} + +.defect-issue-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0.5rem 0.75rem; + background: #fef3c7; + border-radius: 6px 6px 0 0; + border: 1px solid #fcd34d; + border-bottom: none; +} + +.defect-issue-title { + font-weight: 600; + color: #92400e; + font-size: 0.8125rem; +} + +.defect-issue-count { + background: #f59e0b; + color: white; + padding: 0.125rem 0.375rem; + border-radius: 8px; + font-size: 0.6875rem; + font-weight: 600; +} + +/* 이슈 목록 */ +.defect-issue-list { + border: 1px solid #e5e7eb; + border-top: none; + border-radius: 0 0 6px 6px; + overflow: hidden; +} + +/* 개별 이슈 아이템 - 가벼운 인라인 스타일 */ +.defect-issue-item { + display: flex; + align-items: center; + gap: 0.75rem; + padding: 0.5rem 0.75rem; + background: white; + border-bottom: 1px solid #f3f4f6; + transition: all 0.2s ease; + font-size: 0.8125rem; +} + +.defect-issue-item:last-child { + border-bottom: none; +} + +.defect-issue-item:hover { + background: #f9fafb; +} + +.defect-issue-item.selected { + background: #fef2f2; + border-left: 3px solid #ef4444; +} + +/* 체크박스 영역 */ +.defect-issue-checkbox { + flex-shrink: 0; +} + +.defect-issue-checkbox input[type="checkbox"] { + width: 16px; + height: 16px; + cursor: pointer; + accent-color: #ef4444; +} + +/* 이슈 정보 영역 - 인라인 */ +.defect-issue-info { + flex: 1; + min-width: 0; + display: flex; + align-items: center; + gap: 0.5rem; +} + +.defect-issue-category { + font-size: 0.75rem; + color: #6b7280; + flex-shrink: 0; +} + +.defect-issue-item-name { + font-weight: 500; + color: #374151; + font-size: 0.8125rem; + flex: 1; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.defect-issue-location { + font-size: 0.75rem; + color: #9ca3af; + flex-shrink: 0; +} + +/* 시간 입력 영역 */ +.defect-issue-time { + flex-shrink: 0; +} + +.defect-issue-time .defect-time-input { + background: #f3f4f6; + opacity: 0.5; + cursor: not-allowed; + padding: 0.375rem 0.625rem; + font-size: 0.75rem; +} + +.defect-issue-time.active .defect-time-input { + background: #fee2e2; + opacity: 1; + cursor: pointer; + border-color: #ef4444; +} + +.defect-issue-time.active .defect-time-input:hover { + background: #fecaca; +} + +/* 레거시 부적합 섹션 */ +.defect-legacy-section { + margin-top: 1rem; +} + +.btn-add-legacy-defect { + display: inline-flex; + align-items: center; + gap: 0.375rem; + padding: 0.5rem 0.875rem; + background: #f3f4f6; + color: #374151; + border: 1px dashed #d1d5db; + border-radius: 6px; + cursor: pointer; + font-size: 0.8rem; + font-weight: 500; + transition: all 0.2s ease; + margin-bottom: 0.5rem; +} + +.btn-add-legacy-defect:hover { + background: #e5e7eb; + border-color: #9ca3af; +} + +.defect-legacy-list { + display: flex; + flex-direction: column; + gap: 0.75rem; +} + +/* ================================================================= + 순차 입력 부적합 UI (대분류 → 소분류 → 추가내용) + ================================================================= */ + +.defect-cascading-item { + background: #fefce8; + border: 1px solid #fde047; + border-radius: 8px; + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; +} + +.defect-cascading-row { + display: flex; + align-items: flex-end; + gap: 0.5rem; + flex-wrap: wrap; +} + +.defect-field { + display: flex; + flex-direction: column; + gap: 0.25rem; + min-width: 100px; +} + +.defect-field-label { + font-size: 0.7rem; + font-weight: 600; + color: #92400e; + text-transform: uppercase; + letter-spacing: 0.5px; +} + +.defect-select-wrapper { + position: relative; +} + +.defect-category-select, +.defect-item-select { + width: 100%; + min-width: 120px; + max-width: none; + padding: 0.5rem 0.75rem; + border: 1px solid #fde047; + border-radius: 6px; + font-size: 0.8125rem; + background: white; + cursor: pointer; +} + +.defect-category-select:focus, +.defect-item-select:focus { + outline: none; + border-color: #f59e0b; + box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2); +} + +.defect-category-select:disabled, +.defect-item-select:disabled { + background: #f3f4f6; + color: #9ca3af; + cursor: not-allowed; +} + +.defect-field-time { + min-width: 70px; + flex-shrink: 0; +} + +.defect-field-time .defect-time-input { + background: white; + border-color: #fde047; +} + +.defect-note-row { + display: flex; + gap: 0.5rem; +} + +.defect-note-input { + flex: 1; + padding: 0.5rem 0.75rem; + border: 1px solid #e5e7eb; + border-radius: 6px; + font-size: 0.8125rem; + background: white; +} + +.defect-note-input:focus { + outline: none; + border-color: #f59e0b; + box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.1); +} + +.defect-note-input::placeholder { + color: #9ca3af; +} + +.defect-preview { + padding: 0.375rem 0.625rem; + background: rgba(245, 158, 11, 0.1); + border-radius: 4px; +} + +.defect-preview-text { + font-size: 0.75rem; + color: #92400e; + font-weight: 500; +} + +/* 부적합 액션 버튼 영역 */ +.defect-action-buttons { + display: flex; + gap: 0.5rem; + margin-top: 0.75rem; + align-items: center; +} + +.btn-save-defects { + padding: 0.5rem 1.25rem; + background: #16a34a; + color: white; + border: none; + border-radius: 6px; + cursor: pointer; + font-size: 0.875rem; + font-weight: 600; + transition: all 0.2s ease; +} + +.btn-save-defects:hover { + background: #15803d; +} + +.btn-save-defects.saved { + background: #22c55e; + cursor: default; +} + +.btn-save-defects:disabled { + opacity: 0.8; +} + +/* 저장 완료 메시지 */ +.defect-save-message { + display: flex; + align-items: center; + gap: 0.5rem; + margin-top: 0.5rem; + padding: 0.5rem 0.75rem; + background: #dcfce7; + border: 1px solid #86efac; + border-radius: 6px; + animation: fadeIn 0.3s ease; +} + +.save-message-text { + font-size: 0.8125rem; + color: #166534; + font-weight: 500; +} + +.save-message-text::before { + content: '✓ '; +} + +/* 저장 하이라이트 애니메이션 */ +.defect-legacy-list.saved-highlight .defect-cascading-item { + animation: highlightPulse 0.5s ease; +} + +@keyframes highlightPulse { + 0% { background-color: #fefce8; } + 50% { background-color: #dcfce7; } + 100% { background-color: #fefce8; } +} + +@keyframes fadeIn { + from { opacity: 0; transform: translateY(-5px); } + to { opacity: 1; transform: translateY(0); } +} + +/* ================================================================= + 저장된 부적합 섹션 + ================================================================= */ + +.defect-saved-section { + background: #f0fdf4; + border: 1px solid #86efac; + border-radius: 8px; + margin-bottom: 1rem; + overflow: hidden; +} + +.defect-saved-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0.625rem 1rem; + background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%); + border-bottom: 1px solid #86efac; +} + +.defect-saved-title { + font-size: 0.8125rem; + font-weight: 600; + color: #166534; +} + +.defect-saved-count { + font-size: 0.75rem; + font-weight: 600; + color: white; + background: #16a34a; + padding: 0.125rem 0.5rem; + border-radius: 10px; +} + +.defect-saved-list { + padding: 0.5rem; +} + +.defect-saved-item { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0.625rem 0.75rem; + background: white; + border: 1px solid #d1fae5; + border-radius: 6px; + margin-bottom: 0.375rem; + gap: 0.75rem; +} + +.defect-saved-item:last-child { + margin-bottom: 0; +} + +.defect-saved-info { + flex: 1; + min-width: 0; + display: flex; + flex-direction: column; + gap: 0.125rem; +} + +.defect-saved-category { + font-size: 0.75rem; + font-weight: 600; + color: #16a34a; +} + +.defect-saved-detail { + font-size: 0.8125rem; + color: #374151; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.defect-saved-actions { + display: flex; + align-items: center; + gap: 0.5rem; + flex-shrink: 0; +} + +.defect-saved-hours { + font-size: 0.8125rem; + font-weight: 600; + color: #dc2626; + background: #fee2e2; + padding: 0.25rem 0.625rem; + border-radius: 4px; + white-space: nowrap; +} + +.btn-edit-defect { + padding: 0.25rem 0.625rem; + background: #3b82f6; + color: white; + border: none; + border-radius: 4px; + font-size: 0.75rem; + font-weight: 500; + cursor: pointer; + transition: background 0.2s; +} + +.btn-edit-defect:hover { + background: #2563eb; +} + +.btn-delete-defect { + padding: 0.25rem 0.625rem; + background: #ef4444; + color: white; + border: none; + border-radius: 4px; + font-size: 0.75rem; + font-weight: 500; + cursor: pointer; + transition: background 0.2s; +} + +.btn-delete-defect:hover { + background: #dc2626; +} + +/* 입력 중 섹션 */ +.defect-editing-section { + margin-top: 0.5rem; +} + +/* 반응형 - 저장된 부적합 */ +@media (max-width: 640px) { + .defect-saved-item { + flex-direction: column; + align-items: flex-start; + gap: 0.5rem; + } + + .defect-saved-actions { + width: 100%; + justify-content: flex-end; + } +} + +/* 반응형 - 모바일 */ +@media (max-width: 640px) { + .defect-cascading-row { + flex-direction: column; + align-items: stretch; + } + + .defect-field { + width: 100%; + max-width: none; + } + + .defect-category-select, + .defect-item-select { + max-width: none; + } + + .defect-field-time { + flex-direction: row; + align-items: center; + gap: 0.5rem; + } + + .defect-field-time .defect-field-label { + min-width: 40px; + } + + .btn-remove-defect { + align-self: flex-end; + margin-top: 0.5rem; + } +} + +/* 이슈 없음 상태 */ +.defect-no-issues { + display: flex; + align-items: center; + justify-content: space-between; + padding: 1rem; + background: #f9fafb; + border: 1px dashed #d1d5db; + border-radius: 8px; + margin-bottom: 0.5rem; +} + +.no-issues-text { + color: #6b7280; + font-size: 0.875rem; +} diff --git a/web-ui/js/code-management.js b/web-ui/js/code-management.js index 2b4388a..213fcc8 100644 --- a/web-ui/js/code-management.js +++ b/web-ui/js/code-management.js @@ -120,16 +120,16 @@ function setupLogoutButton() { async function loadAllCodes() { try { console.log('📊 모든 코드 데이터 로딩 시작'); - + await Promise.all([ loadWorkStatusTypes(), - loadErrorTypes(), + // loadErrorTypes(), // 오류 유형은 신고 시스템으로 대체됨 loadWorkTypes() ]); - + // 현재 활성 탭 렌더링 renderCurrentTab(); - + } catch (error) { console.error('코드 데이터 로딩 오류:', error); showToast('코드 데이터를 불러오는데 실패했습니다.', 'error'); @@ -229,9 +229,9 @@ function renderCurrentTab() { case 'work-status': renderWorkStatusTypes(); break; - case 'error-types': - renderErrorTypes(); - break; + // case 'error-types': // 오류 유형은 신고 시스템으로 대체됨 + // renderErrorTypes(); + // break; case 'work-types': renderWorkTypes(); break; diff --git a/web-ui/js/daily-work-report.js b/web-ui/js/daily-work-report.js index 93d405c..4635ffd 100644 --- a/web-ui/js/daily-work-report.js +++ b/web-ui/js/daily-work-report.js @@ -8,7 +8,9 @@ // 전역 변수 let workTypes = []; let workStatusTypes = []; -let errorTypes = []; +let errorTypes = []; // 레거시 호환용 +let issueCategories = []; // 신고 카테고리 (nonconformity) +let issueItems = []; // 신고 아이템 let workers = []; let projects = []; let selectedWorkers = new Set(); @@ -36,6 +38,9 @@ let selectedWorkplaceCategoryName = null; let currentEditingField = null; // { index, type: 'total' | 'error' } let currentTimeValue = 0; +// 당일 신고 리마인더 관련 변수 +let dailyIssuesCache = {}; // { 'YYYY-MM-DD': [issues] } - 날짜별 신고 캐시 + // ================================================================= // TBM 작업보고 관련 함수 // ================================================================= @@ -96,6 +101,10 @@ async function loadIncompleteTbms() { // 관리자는 모든 데이터 표시 incompleteTbms = data; + + // 각 세션 날짜에 대해 관련 신고 조회 + await loadDailyIssuesForTbms(); + renderTbmWorkList(); } catch (error) { console.error('미완료 TBM 로드 오류:', error); @@ -103,6 +112,99 @@ async function loadIncompleteTbms() { } } +/** + * TBM 세션들에 대한 당일 신고 조회 + * - 각 세션 날짜별로 관련 신고를 가져와서 캐시에 저장 + */ +async function loadDailyIssuesForTbms() { + if (!incompleteTbms || incompleteTbms.length === 0) { + console.log('[작업보고서] 미완료 TBM 없음, 신고 조회 건너뜀'); + return; + } + + console.log('[작업보고서] TBM 세션 수:', incompleteTbms.length); + + // 세션별로 고유한 날짜 + 작업장 조합 수집 + const sessionKeys = new Set(); + incompleteTbms.forEach(tbm => { + const dateStr = formatDateForApi(tbm.session_date); + console.log('[작업보고서] TBM 세션 날짜:', tbm.session_date, '→ 변환:', dateStr); + if (dateStr) { + // 날짜_작업장ID_프로젝트ID 형태로 키 생성 + const key = `${dateStr}_${tbm.workplace_id || 0}_${tbm.project_id || 0}`; + sessionKeys.add(key); + } + }); + + // 각 날짜에 대해 신고 조회 + const uniqueDates = [...new Set([...sessionKeys].map(k => k.split('_')[0]))]; + console.log('[작업보고서] 조회할 날짜들:', uniqueDates); + + for (const dateStr of uniqueDates) { + if (dailyIssuesCache[dateStr]) { + console.log(`[작업보고서] 캐시 사용 (${dateStr}):`, dailyIssuesCache[dateStr].length, '건'); + continue; + } + + try { + console.log(`[작업보고서] 신고 API 호출: /work-issues?start_date=${dateStr}&end_date=${dateStr}`); + const response = await window.apiCall(`/work-issues?start_date=${dateStr}&end_date=${dateStr}`); + if (response.success) { + dailyIssuesCache[dateStr] = response.data || []; + console.log(`[작업보고서] 신고 로드 완료 (${dateStr}):`, dailyIssuesCache[dateStr].length, '건'); + } else { + console.warn(`[작업보고서] 신고 API 실패:`, response); + dailyIssuesCache[dateStr] = []; + } + } catch (error) { + console.error(`[작업보고서] 신고 조회 오류 (${dateStr}):`, error); + dailyIssuesCache[dateStr] = []; + } + } + + console.log('[작업보고서] 전체 신고 캐시:', dailyIssuesCache); +} + +/** + * 특정 날짜의 모든 신고 반환 (작업장소 관계없이) + * - 참고용으로 해당 날짜에 발생한 모든 신고를 표시 + * @param {string} dateStr - 날짜 (YYYY-MM-DD) + * @param {number} workplaceId - 작업장소 ID (현재 미사용, 향후 하이라이트 용도) + * @param {number} projectId - 프로젝트 ID (현재 미사용) + * @returns {Array} 해당 날짜의 모든 신고 목록 + */ +function getRelatedIssues(dateStr, workplaceId, projectId) { + const issues = dailyIssuesCache[dateStr] || []; + + // 해당 날짜의 모든 신고를 반환 (작업장소 필터 제거) + // 사용자가 참고하여 관련 여부를 직접 판단하도록 함 + return issues; +} + +/** + * 날짜를 API 형식(YYYY-MM-DD)으로 변환 - 로컬 시간대 기준 + */ +function formatDateForApi(date) { + if (!date) return null; + + let dateObj; + if (date instanceof Date) { + dateObj = date; + } else if (typeof date === 'string') { + // 문자열인 경우 Date 객체로 변환 + dateObj = new Date(date); + } else { + return null; + } + + // 로컬 시간대 기준으로 날짜 추출 (UTC 변환 방지) + const year = dateObj.getFullYear(); + const month = String(dateObj.getMonth() + 1).padStart(2, '0'); + const day = String(dateObj.getDate()).padStart(2, '0'); + + return `${year}-${month}-${day}`; +} + /** * 사용자 정보 가져오기 (auth-check.js와 동일한 로직) */ @@ -112,28 +214,47 @@ function getUser() { } /** - * TBM 작업 목록 렌더링 (세션별 그룹화) + * TBM 작업 목록 렌더링 (날짜별 > 세션별 그룹화) + * - 날짜별로 접기/펼치기 가능 + * - 날짜 헤더에 이슈 요약 표시 */ function renderTbmWorkList() { const container = document.getElementById('tbmWorkList'); - // TBM을 세션별로 그룹화 - const groupedTbms = {}; + // 1단계: 날짜별로 그룹화 + const byDate = {}; if (incompleteTbms && incompleteTbms.length > 0) { incompleteTbms.forEach((tbm, index) => { - const key = `${tbm.session_id}_${tbm.session_date}`; - if (!groupedTbms[key]) { - groupedTbms[key] = { + const dateStr = formatDateForApi(tbm.session_date); + if (!byDate[dateStr]) { + byDate[dateStr] = { + date: tbm.session_date, + sessions: {} + }; + } + // 2단계: 날짜 내에서 세션별로 그룹화 + const sessionKey = `${tbm.session_id}_${dateStr}`; + if (!byDate[dateStr].sessions[sessionKey]) { + byDate[dateStr].sessions[sessionKey] = { session_id: tbm.session_id, session_date: tbm.session_date, created_by_name: tbm.created_by_name, items: [] }; } - groupedTbms[key].items.push({ ...tbm, originalIndex: index }); + byDate[dateStr].sessions[sessionKey].items.push({ ...tbm, originalIndex: index }); }); } + // 날짜 정렬 (최신순) + const sortedDates = Object.keys(byDate).sort((a, b) => new Date(b) - new Date(a)); + + // 레거시 호환: 기존 groupedTbms 구조도 유지 + const groupedTbms = {}; + sortedDates.forEach(dateStr => { + Object.assign(groupedTbms, byDate[dateStr].sessions); + }); + let html = `

작업보고서 목록

@@ -173,100 +294,199 @@ function renderTbmWorkList() {
`; - // 각 TBM 세션별로 테이블 생성 - Object.keys(groupedTbms).forEach(key => { - const group = groupedTbms[key]; + // 날짜별로 테이블 생성 (접기/펼치기 가능) + sortedDates.forEach((dateStr, dateIndex) => { + const dateData = byDate[dateStr]; + const sessions = Object.values(dateData.sessions); + const totalWorkers = sessions.reduce((sum, s) => sum + s.items.length, 0); + + // 해당 날짜의 모든 신고 조회 + const relatedIssues = getRelatedIssues(dateStr); + const nonconformityCount = relatedIssues.filter(i => i.category_type === 'nonconformity').length; + const safetyCount = relatedIssues.filter(i => i.category_type === 'safety').length; + const hasIssues = relatedIssues.length > 0; + + // 요일 계산 + const dayNames = ['일', '월', '화', '수', '목', '금', '토']; + const dayOfWeek = dayNames[new Date(dateStr).getDay()]; + + // 오늘 날짜인지 확인 + const today = formatDateForApi(new Date()); + const isToday = dateStr === today; + + // 날짜 그룹 시작 (기본적으로 오늘만 펼침) + const isExpanded = isToday || dateIndex === 0; + html += ` -
-
- TBM 세션 - ${formatDate(group.session_date)} - 작성자: ${group.created_by_name} - ${group.items.length}명 +
+
+
+ ${isExpanded ? '▼' : '▶'} + ${formatDate(dateData.date)} (${dayOfWeek}) + ${isToday ? '오늘' : ''} +
+
+ 세션 ${sessions.length}개 + 작업자 ${totalWorkers}명 +
+
+ ${hasIssues ? ` +
+ ${nonconformityCount > 0 ? `부적합 ${nonconformityCount}` : ''} + ${safetyCount > 0 ? `안전 ${safetyCount}` : ''} +
+ ` : '신고 없음'} +
-
- - - - - - - - - - - - - - - ${group.items.map(tbm => { - const index = tbm.originalIndex; - return ` - - - - - - - - - - - - + + + + + + `; + }).join('')} + +
작업자프로젝트공정작업작업장소작업시간부적합제출
-
- ${tbm.worker_name || '작업자'} -
${tbm.job_type || '-'}
-
- 		${tbm.project_name || '-'}${tbm.work_type_name || '-'}${tbm.task_name || '-'} -
-
${tbm.category_name || ''}
-
${tbm.workplace_name || '-'}
-
- 		- -
- 시간 선택 -
- 		- - - - - -
+
+
+ +
-
- + `; + }); + + // 날짜 그룹 닫기 + html += `
`; @@ -275,6 +495,30 @@ function renderTbmWorkList() { container.innerHTML = html; } +/** + * 날짜 그룹 접기/펼치기 토글 + */ +window.toggleDateGroup = function(dateStr) { + const group = document.querySelector(`.date-group[data-date="${dateStr}"]`); + if (!group) return; + + const content = group.querySelector('.date-group-content'); + const icon = group.querySelector('.date-toggle-icon'); + const isExpanded = group.classList.contains('expanded'); + + if (isExpanded) { + group.classList.remove('expanded'); + group.classList.add('collapsed'); + content.style.display = 'none'; + icon.textContent = '▶'; + } else { + group.classList.remove('collapsed'); + group.classList.add('expanded'); + content.style.display = 'block'; + icon.textContent = '▼'; + } +}; + /** * 부적합 시간 입력 처리 */ @@ -319,9 +563,19 @@ window.submitTbmWorkReport = async function(index) { return; } - // 부적합 원인 유효성 검사 - const invalidDefects = defects.filter(d => d.defect_hours > 0 && !d.error_type_id); + // 부적합 원인 유효성 검사 (issue_report_id 또는 category_id 또는 error_type_id 필요) + console.log('🔍 부적합 검증 시작:', defects.map(d => ({ + defect_hours: d.defect_hours, + category_id: d.category_id, + item_id: d.item_id, + error_type_id: d.error_type_id, + issue_report_id: d.issue_report_id, + _saved: d._saved + }))); + + const invalidDefects = defects.filter(d => d.defect_hours > 0 && !d.error_type_id && !d.issue_report_id && !d.category_id); if (invalidDefects.length > 0) { + console.error('❌ 유효하지 않은 부적합:', invalidDefects); showMessage('부적합 시간이 있는 항목은 원인을 선택해주세요.', 'error'); return; } @@ -358,13 +612,45 @@ window.submitTbmWorkReport = async function(index) { throw new Error(response.message || '작업보고서 제출 실패'); } - // 부적합 원인이 있으면 저장 + // 부적합 원인이 있으면 저장 (이슈 기반 또는 레거시) if (defects.length > 0 && response.data?.report_id) { - const validDefects = defects.filter(d => d.error_type_id && d.defect_hours > 0); + const validDefects = defects.filter(d => (d.issue_report_id || d.category_id || d.error_type_id) && d.defect_hours > 0); + console.log('📋 부적합 원인 필터링:', { + 전체: defects.length, + 유효: validDefects.length, + validDefects: validDefects.map(d => ({ + category_id: d.category_id, + item_id: d.item_id, + defect_hours: d.defect_hours, + _saved: d._saved + })) + }); + if (validDefects.length > 0) { - await window.apiCall(`/daily-work-reports/${response.data.report_id}/defects`, 'PUT', { - defects: validDefects + // 내부 플래그 제거 (백엔드 전송용) + const defectsToSend = validDefects.map(d => ({ + issue_report_id: d.issue_report_id || null, + category_id: d.category_id || null, + item_id: d.item_id || null, + error_type_id: d.error_type_id || null, + defect_hours: d.defect_hours, + note: d.note || '' + })); + + console.log('📤 부적합 저장 요청:', defectsToSend); + + const defectResponse = await window.apiCall(`/daily-work-reports/${response.data.report_id}/defects`, 'PUT', { + defects: defectsToSend }); + + if (!defectResponse.success) { + console.error('❌ 부적합 저장 실패:', defectResponse); + showMessage('작업보고서는 저장되었으나 부적합 원인 저장에 실패했습니다.', 'warning'); + } else { + console.log('✅ 부적합 저장 성공:', defectResponse); + } + } else { + console.log('⚠️ 유효한 부적합 항목이 없어 저장 건너뜀'); } } @@ -1065,8 +1351,8 @@ window.submitManualWorkReport = async function(manualIndex) { return; } - // 부적합 원인 유효성 검사 - const invalidDefects = defects.filter(d => d.defect_hours > 0 && !d.error_type_id); + // 부적합 원인 유효성 검사 (issue_report_id 또는 error_type_id 필요) + const invalidDefects = defects.filter(d => d.defect_hours > 0 && !d.error_type_id && !d.issue_report_id && !d.category_id); if (invalidDefects.length > 0) { showMessage('부적합 시간이 있는 항목은 원인을 선택해주세요.', 'error'); return; @@ -1095,9 +1381,9 @@ window.submitManualWorkReport = async function(manualIndex) { throw new Error(response.message || '작업보고서 제출 실패'); } - // 부적합 원인이 있으면 저장 + // 부적합 원인이 있으면 저장 (이슈 기반 또는 레거시) if (defects.length > 0 && response.data?.workReport_ids?.[0]) { - const validDefects = defects.filter(d => d.error_type_id && d.defect_hours > 0); + const validDefects = defects.filter(d => (d.issue_report_id || d.category_id || d.error_type_id) && d.defect_hours > 0); if (validDefects.length > 0) { await window.apiCall(`/daily-work-reports/${response.data.workReport_ids[0]}/defects`, 'PUT', { defects: validDefects @@ -1134,6 +1420,20 @@ function formatDate(dateString) { return `${year}-${month}-${day}`; } +/** + * 신고 상태 라벨 반환 + */ +function getStatusLabel(status) { + const labels = { + 'reported': '신고됨', + 'received': '접수됨', + 'in_progress': '처리중', + 'completed': '완료', + 'closed': '종료' + }; + return labels[status] || status || '-'; +} + /** * 작성 완료된 작업보고서 로드 */ @@ -1507,22 +1807,36 @@ async function loadWorkStatusTypes() { } async function loadErrorTypes() { + // 레거시 에러 유형 로드 (호환성) try { const data = await window.apiCall(`${window.API}/daily-work-reports/error-types`); if (Array.isArray(data) && data.length > 0) { errorTypes = data; - console.log('✅ 에러 유형 API 사용 (통합 설정)'); - return; } - throw new Error('API 실패'); } catch (error) { - console.log('⚠️ 에러 유형 API 사용 불가, 기본값 사용'); - errorTypes = [ - { id: 1, name: '설계미스' }, - { id: 2, name: '외주작업 불량' }, - { id: 3, name: '입고지연' }, - { id: 4, name: '작업 불량' } - ]; + errorTypes = []; + } + + // 신고 카테고리 로드 (부적합 유형만) + try { + const catResponse = await window.apiCall('/work-issues/categories/type/nonconformity'); + if (catResponse && catResponse.success && Array.isArray(catResponse.data)) { + issueCategories = catResponse.data; + console.log(`✅ 부적합 카테고리 ${issueCategories.length}개 로드`); + + // 모든 아이템 로드 + const itemResponse = await window.apiCall('/work-issues/items'); + if (itemResponse && itemResponse.success && Array.isArray(itemResponse.data)) { + // 부적합 카테고리의 아이템만 필터링 + const categoryIds = issueCategories.map(c => c.category_id); + issueItems = itemResponse.data.filter(item => categoryIds.includes(item.category_id)); + console.log(`✅ 부적합 아이템 ${issueItems.length}개 로드`); + } + } + } catch (error) { + console.log('⚠️ 신고 카테고리 로드 실패:', error); + issueCategories = []; + issueItems = []; } } @@ -2502,9 +2816,28 @@ function updateTimeDisplay() { window.confirmTimeSelection = function() { if (!currentEditingField) return; - const { index, type, defectIndex } = currentEditingField; + const { index, type, defectIndex, issueReportId } = currentEditingField; - // 부적합 시간 선택인 경우 + // 이슈 기반 부적합 시간 선택인 경우 + if (type === 'issueDefect') { + if (tempDefects[index] && tempDefects[index][defectIndex] !== undefined) { + tempDefects[index][defectIndex].defect_hours = currentTimeValue; + + // 시간 표시 업데이트 + const timeDisplay = document.getElementById(`issueDefectTime_${index}_${issueReportId}`); + if (timeDisplay) { + timeDisplay.textContent = currentTimeValue; + } + + // 요약 및 hidden 필드 업데이트 + updateDefectSummary(index); + updateHiddenDefectFields(index); + } + closeTimePicker(); + return; + } + + // 레거시 부적합 시간 선택인 경우 if (type === 'defect') { if (tempDefects[index] && tempDefects[index][defectIndex] !== undefined) { tempDefects[index][defectIndex].defect_hours = currentTimeValue; @@ -2517,6 +2850,7 @@ window.confirmTimeSelection = function() { // 요약 및 hidden 필드 업데이트 updateDefectSummary(index); + updateHiddenDefectFields(index); } closeTimePicker(); return; @@ -2574,6 +2908,7 @@ window.closeTimePicker = function() { /** * 부적합 영역 토글 + * - 신고된 이슈 목록 표시 */ window.toggleDefectArea = function(index) { const defectRow = document.getElementById(`defectRow_${index}`); @@ -2588,7 +2923,10 @@ window.toggleDefectArea = function(index) { // 보이기 - 부적합 원인이 없으면 자동으로 하나 추가 if (!tempDefects[index] || tempDefects[index].length === 0) { tempDefects[index] = [{ - error_type_id: '', + issue_report_id: null, + category_id: null, + item_id: null, + error_type_id: '', // 레거시 호환 defect_hours: 0, note: '' }]; @@ -2600,42 +2938,471 @@ window.toggleDefectArea = function(index) { /** * 인라인 부적합 목록 렌더링 + * - 해당 날짜에 신고된 이슈 목록을 표시 + * - 이슈 선택 → 시간 입력 방식 */ function renderInlineDefectList(index) { const listContainer = document.getElementById(`defectList_${index}`); if (!listContainer) return; + // 해당 TBM의 날짜 가져오기 + const tbm = incompleteTbms[index]; + const dateStr = tbm ? formatDateForApi(tbm.session_date) : null; + const issues = dateStr ? (dailyIssuesCache[dateStr] || []) : []; + + // 작업장소 정보 가져오기 + const workerWorkplaceId = tbm?.workplace_id; + const workerWorkplaceName = tbm?.workplace_name; + + // 부적합 유형 + 작업장소 일치하는 것만 필터링 + const nonconformityIssues = issues.filter(i => { + // 부적합 유형만 + if (i.category_type !== 'nonconformity') return false; + + // 작업장소 매칭 (workplace_id 우선, 없으면 이름 비교) + if (workerWorkplaceId && i.workplace_id) { + return i.workplace_id === workerWorkplaceId; + } + if (workerWorkplaceName && (i.workplace_name || i.custom_location)) { + const issueLocation = i.workplace_name || i.custom_location || ''; + return issueLocation.includes(workerWorkplaceName) || workerWorkplaceName.includes(issueLocation); + } + // 작업장소 정보가 없으면 포함하지 않음 + return false; + }); + const defects = tempDefects[index] || []; - listContainer.innerHTML = defects.map((defect, i) => ` -
- -
- ${defect.defect_hours || 0} - 시간 + console.log(`📝 [renderInlineDefectList] index=${index}, 부적합 수=${defects.length}`, defects); + + // 이슈가 있으면 이슈 선택 UI, 없으면 레거시 UI + if (nonconformityIssues.length > 0) { + // 이슈 선택 방식 UI + let html = ` +
+
+ 📋 ${workerWorkplaceName || '작업장소'} 관련 부적합 + ${nonconformityIssues.length}건 +
+
+ `; + + nonconformityIssues.forEach(issue => { + // 이 이슈가 이미 선택되었는지 확인 + const existingDefect = defects.find(d => d.issue_report_id == issue.report_id); + const isSelected = !!existingDefect; + const defectHours = existingDefect?.defect_hours || 0; + + // 아이템명과 추가설명 조합 + let itemText = issue.issue_item_name || ''; + if (issue.additional_description) { + itemText = itemText ? `${itemText} - ${issue.additional_description}` : issue.additional_description; + } + + html += ` +
+
+ +
+
+ ${issue.issue_category_name || '부적합'} + ${itemText || '-'} + ${issue.workplace_name || issue.custom_location || ''} +
+
+
+ ${defectHours} + 시간 +
+
+
+ `; + }); + + html += ` +
- -
- `).join(''); + `; + + // 레거시 방식도 추가 (기타 부적합 추가 버튼) + html += ` +
+
+ ${renderLegacyDefects(index, defects)} +
+
+ + +
+ +
+ `; + + listContainer.innerHTML = html; + } else { + // 이슈가 없으면 레거시 UI (error_types 선택) + const noIssueMsg = workerWorkplaceName + ? `${workerWorkplaceName}에 신고된 부적합이 없습니다.` + : '신고된 부적합이 없습니다.'; + listContainer.innerHTML = ` +
+ ${noIssueMsg} +
+
+ ${renderLegacyDefects(index, defects)} +
+
+ + +
+ + `; + } updateDefectSummary(index); } /** - * 인라인 부적합 추가 + * 레거시 부적합 렌더링 (저장된 항목 + 입력 중인 항목 분리) */ -window.addInlineDefect = function(index) { +function renderLegacyDefects(index, defects) { + // issue_report_id가 없는 직접 입력 부적합 + const legacyDefects = defects.filter(d => !d.issue_report_id); + + if (legacyDefects.length === 0) return ''; + + // 저장된 항목과 입력 중인 항목 분리 + const savedDefects = legacyDefects.filter(d => d._saved); + const editingDefects = legacyDefects.filter(d => !d._saved); + + let html = ''; + + // 저장된 부적합 표시 (위쪽) + if (savedDefects.length > 0) { + html += `
+
+ 저장된 부적합 + ${savedDefects.length}건 +
+
`; + + savedDefects.forEach(defect => { + const defectIndex = defects.indexOf(defect); + const categoryName = defect.category_id + ? (issueCategories.find(c => c.category_id == defect.category_id)?.category_name || '미분류') + : '미분류'; + const itemName = defect.item_id + ? (issueItems.find(i => i.item_id == defect.item_id)?.item_name || '') + : ''; + + const displayText = itemName + ? `${categoryName} → ${itemName}` + : categoryName; + + html += ` +
+
+ ${categoryName} + ${itemName}${defect.note ? ' - ' + defect.note : ''} +
+
+ ${defect.defect_hours || 0}시간 + + +
+
+ `; + }); + + html += `
`; + } + + // 입력 중인 부적합 표시 (아래쪽) + if (editingDefects.length > 0) { + html += `
`; + + editingDefects.forEach(defect => { + const defectIndex = defects.indexOf(defect); + html += renderDefectInputForm(index, defect, defectIndex); + }); + + html += `
`; + } + + return html; +} + +/** + * 부적합 입력 폼 렌더링 (단일 항목) + */ +function renderDefectInputForm(index, defect, defectIndex) { + // 대분류 (카테고리) 옵션 + const categoryOptions = issueCategories.map(cat => + `` + ).join(''); + + // 소분류 (아이템) 옵션 - 선택된 카테고리의 아이템만 + const filteredItems = defect.category_id + ? issueItems.filter(item => item.category_id == defect.category_id) + : []; + const itemOptions = filteredItems.map(item => + `` + ).join(''); + + // 카테고리명/아이템명 표시 (미리보기용) + const categoryName = defect.category_id + ? (issueCategories.find(c => c.category_id == defect.category_id)?.category_name || '') + : ''; + const itemName = defect.item_id + ? (issueItems.find(i => i.item_id == defect.item_id)?.item_name || '') + : ''; + + return ` +
+
+ +
+ +
+ +
+
+ + +
+ +
+ +
+
+ + +
+ +
+ ${defect.defect_hours || 0} + 시간 +
+
+ + + +
+ + +
+ +
+ + + ${(categoryName || itemName) ? ` +
+ + ${categoryName}${itemName ? ' → ' + itemName : ''}${defect.note ? ' → ' + defect.note : ''} + +
+ ` : ''} +
+ `; +} + +/** + * 대분류 선택 변경 + */ +window.onDefectCategoryChange = async function(index, defectIndex, value) { + if (!tempDefects[index] || !tempDefects[index][defectIndex]) return; + + const defect = tempDefects[index][defectIndex]; + + if (value === '__new__') { + // 새 카테고리 추가 모달 + const newName = prompt('새 대분류(카테고리) 이름을 입력하세요:'); + if (newName && newName.trim()) { + try { + const response = await window.apiCall('/work-issues/categories', 'POST', { + category_name: newName.trim(), + category_type: 'nonconformity', + severity: 'medium' + }); + + if (response.success) { + // 카테고리 목록 새로고침 + await loadErrorTypes(); + // 새로 생성된 카테고리 선택 + const newCat = issueCategories.find(c => c.category_name === newName.trim()); + if (newCat) { + defect.category_id = newCat.category_id; + defect.item_id = null; + } + } else { + alert('카테고리 추가 실패: ' + (response.error || '알 수 없는 오류')); + defect.category_id = null; + } + } catch (e) { + alert('카테고리 추가 중 오류: ' + e.message); + defect.category_id = null; + } + } else { + // 취소 시 이전 값 유지 + defect.category_id = defect.category_id || null; + } + } else if (value) { + defect.category_id = parseInt(value); + defect.item_id = null; // 카테고리 변경 시 소분류 초기화 + } else { + defect.category_id = null; + defect.item_id = null; + } + + renderInlineDefectList(index); + updateHiddenDefectFields(index); +}; + +/** + * 소분류 선택 변경 + */ +window.onDefectItemChange = async function(index, defectIndex, value) { + if (!tempDefects[index] || !tempDefects[index][defectIndex]) return; + + const defect = tempDefects[index][defectIndex]; + + if (value === '__new__') { + // 새 아이템 추가 모달 + const newName = prompt('새 소분류(항목) 이름을 입력하세요:'); + if (newName && newName.trim() && defect.category_id) { + try { + const response = await window.apiCall('/work-issues/items', 'POST', { + category_id: defect.category_id, + item_name: newName.trim(), + severity: 'medium' + }); + + if (response.success) { + // 아이템 목록 새로고침 + await loadErrorTypes(); + // 새로 생성된 아이템 선택 + const newItem = issueItems.find(i => i.item_name === newName.trim() && i.category_id == defect.category_id); + if (newItem) { + defect.item_id = newItem.item_id; + } + } else { + alert('항목 추가 실패: ' + (response.error || '알 수 없는 오류')); + } + } catch (e) { + alert('항목 추가 중 오류: ' + e.message); + } + } + } else if (value) { + defect.item_id = parseInt(value); + } else { + defect.item_id = null; + } + + renderInlineDefectList(index); + updateHiddenDefectFields(index); +}; + +/** + * 이슈 부적합 토글 (체크박스) + */ +window.toggleIssueDefect = function(index, issueReportId, isChecked) { + if (!tempDefects[index]) { + tempDefects[index] = []; + } + + if (isChecked) { + // 이슈 부적합 추가 + tempDefects[index].push({ + issue_report_id: issueReportId, + error_type_id: null, // 이슈 기반이므로 null + defect_hours: 0, + note: '' + }); + } else { + // 이슈 부적합 제거 + const idx = tempDefects[index].findIndex(d => d.issue_report_id == issueReportId); + if (idx !== -1) { + tempDefects[index].splice(idx, 1); + } + } + + renderInlineDefectList(index); + updateHiddenDefectFields(index); +}; + +/** + * 이슈 부적합 시간 선택기 열기 + */ +window.openIssueDefectTimePicker = function(index, issueReportId) { + // 해당 이슈의 defect 찾기 + const defects = tempDefects[index] || []; + const defectIndex = defects.findIndex(d => d.issue_report_id == issueReportId); + + if (defectIndex === -1) return; + + currentEditingField = { index, type: 'issueDefect', issueReportId, defectIndex }; + currentTimeValue = defects[defectIndex]?.defect_hours || 0; + + // 팝오버 표시 + const overlay = document.getElementById('timePickerOverlay'); + const title = document.getElementById('timePickerTitle'); + + title.textContent = '부적합 시간 선택'; + updateTimeDisplay(); + + overlay.style.display = 'flex'; + + // ESC 키로 닫기 + document.addEventListener('keydown', handleEscapeKey); +}; + +/** + * 레거시 부적합 추가 (error_types 기반) + */ +window.addLegacyDefect = function(index) { if (!tempDefects[index]) { tempDefects[index] = []; } tempDefects[index].push({ - error_type_id: '', + issue_report_id: null, + category_id: null, + item_id: null, + error_type_id: '', // 레거시 호환 defect_hours: 0, note: '' }); @@ -2643,6 +3410,135 @@ window.addInlineDefect = function(index) { renderInlineDefectList(index); }; +/** + * 부적합 카테고리/아이템 선택 업데이트 (레거시 호환) + * @deprecated onDefectCategoryChange, onDefectItemChange 사용 권장 + */ +window.updateDefectCategory = function(index, defectIndex, value) { + // 레거시 호환 - 새 함수로 리다이렉트 + if (value && value.startsWith('cat_')) { + onDefectCategoryChange(index, defectIndex, value.replace('cat_', '')); + } else if (value && value.startsWith('item_')) { + const itemId = parseInt(value.replace('item_', '')); + const item = issueItems.find(i => i.item_id === itemId); + if (item) { + if (!tempDefects[index]?.[defectIndex]) return; + tempDefects[index][defectIndex].category_id = item.category_id; + tempDefects[index][defectIndex].item_id = itemId; + renderInlineDefectList(index); + updateHiddenDefectFields(index); + } + } +}; + +/** + * 인라인 부적합 추가 (레거시 호환) + */ +window.addInlineDefect = function(index) { + addLegacyDefect(index); +}; + +/** + * 부적합 저장 확인 (유효성 검사 후 저장 상태로 변경) + */ +window.saveDefectsConfirm = function(index) { + const defects = tempDefects[index] || []; + // 입력 중인 항목만 (저장되지 않은 항목) + const editingDefects = defects.filter(d => !d.issue_report_id && !d._saved); + + if (editingDefects.length === 0) { + alert('저장할 부적합 항목이 없습니다.\n"+ 부적합 추가" 버튼을 눌러 항목을 추가하세요.'); + return; + } + + // 유효성 검사 + const invalidDefects = []; + editingDefects.forEach((defect, i) => { + const errors = []; + if (!defect.category_id) { + errors.push('대분류'); + } + if (!defect.defect_hours || defect.defect_hours <= 0) { + errors.push('시간'); + } + if (errors.length > 0) { + invalidDefects.push({ index: i + 1, errors }); + } + }); + + if (invalidDefects.length > 0) { + const errorMsg = invalidDefects.map(d => + `${d.index}번째 항목: ${d.errors.join(', ')} 미입력` + ).join('\n'); + alert(`입력이 완료되지 않은 항목이 있습니다.\n\n${errorMsg}`); + return; + } + + // 모든 입력 중인 항목을 저장 상태로 변경 + editingDefects.forEach(defect => { + defect._saved = true; + }); + + // UI 다시 렌더링 + renderInlineDefectList(index); + updateHiddenDefectFields(index); + updateDefectSummary(index); + + console.log(`[부적합 저장] index=${index}, 저장된 항목 수=${editingDefects.length}`); +}; + +/** + * 저장된 부적합 수정 (저장 상태 해제하여 입력 폼으로 이동) + */ +window.editSavedDefect = function(index, defectIndex) { + if (!tempDefects[index] || !tempDefects[index][defectIndex]) return; + + // 원래 저장 상태였음을 기록 (취소 시 복원용) + tempDefects[index][defectIndex]._originalSaved = true; + tempDefects[index][defectIndex]._saved = false; + + // UI 다시 렌더링 + renderInlineDefectList(index); +}; + +/** + * 저장된 부적합 삭제 + */ +window.deleteSavedDefect = function(index, defectIndex) { + if (!tempDefects[index] || !tempDefects[index][defectIndex]) return; + + if (!confirm('이 부적합 항목을 삭제하시겠습니까?')) return; + + tempDefects[index].splice(defectIndex, 1); + + // UI 다시 렌더링 + renderInlineDefectList(index); + updateHiddenDefectFields(index); + updateDefectSummary(index); +}; + +/** + * 부적합 입력 취소 (저장되지 않은 항목 삭제) + */ +window.cancelDefectEdit = function(index, defectIndex) { + if (!tempDefects[index] || !tempDefects[index][defectIndex]) return; + + const defect = tempDefects[index][defectIndex]; + + // 원래 저장된 항목이었으면 저장 상태로 복원, 아니면 삭제 + if (defect._originalSaved) { + defect._saved = true; + delete defect._originalSaved; + } else { + tempDefects[index].splice(defectIndex, 1); + } + + // UI 다시 렌더링 + renderInlineDefectList(index); + updateHiddenDefectFields(index); + updateDefectSummary(index); +}; + /** * 인라인 부적합 수정 */ @@ -2665,16 +3561,8 @@ window.removeInlineDefect = function(index, defectIndex) { if (tempDefects[index]) { tempDefects[index].splice(defectIndex, 1); - // 모든 부적합이 삭제되면 영역 숨기기 - if (tempDefects[index].length === 0) { - const defectRow = document.getElementById(`defectRow_${index}`); - if (defectRow) { - defectRow.style.display = 'none'; - } - } else { - renderInlineDefectList(index); - } - + // UI 다시 렌더링 (항상 - 빈 상태도 표시) + renderInlineDefectList(index); updateDefectSummary(index); updateHiddenDefectFields(index); } @@ -2729,6 +3617,7 @@ function updateHiddenDefectFields(index) { /** * 부적합 요약 텍스트 업데이트 + * - 이슈 기반 부적합과 레거시 부적합 모두 포함 */ function updateDefectSummary(index) { const summaryEl = document.getElementById(`defectSummary_${index}`); @@ -2736,7 +3625,8 @@ function updateDefectSummary(index) { if (!summaryEl) return; const defects = tempDefects[index] || []; - const validDefects = defects.filter(d => d.error_type_id && d.defect_hours > 0); + // 이슈 기반 또는 레거시 부적합 중 시간이 입력된 것만 유효 + const validDefects = defects.filter(d => (d.issue_report_id || d.category_id || d.error_type_id) && d.defect_hours > 0); if (validDefects.length === 0) { summaryEl.textContent = '없음'; @@ -2745,7 +3635,20 @@ function updateDefectSummary(index) { } else { const totalHours = validDefects.reduce((sum, d) => sum + d.defect_hours, 0); if (validDefects.length === 1) { - const typeName = errorTypes.find(et => et.id == validDefects[0].error_type_id)?.name || '부적합'; + let typeName = '부적합'; + if (validDefects[0].issue_report_id) { + // 이슈 기반 - 이슈 캐시에서 이름 찾기 + const tbm = incompleteTbms[index]; + if (tbm) { + const dateStr = formatDateForApi(tbm.session_date); + const issues = dailyIssuesCache[dateStr] || []; + const issue = issues.find(i => i.report_id == validDefects[0].issue_report_id); + typeName = issue?.issue_item_name || issue?.issue_category_name || '부적합'; + } + } else if (validDefects[0].error_type_id) { + // 레거시 - error_types에서 이름 찾기 + typeName = errorTypes.find(et => et.id == validDefects[0].error_type_id)?.name || '부적합'; + } summaryEl.textContent = `${typeName} ${totalHours}h`; } else { summaryEl.textContent = `${validDefects.length}건 ${totalHours}h`; diff --git a/web-ui/js/issue-category-manage.js b/web-ui/js/issue-category-manage.js new file mode 100644 index 0000000..b6e0fed --- /dev/null +++ b/web-ui/js/issue-category-manage.js @@ -0,0 +1,421 @@ +/** + * 신고 카테고리 관리 JavaScript + */ + +import { API, getAuthHeaders } from '/js/api-config.js'; + +let currentType = 'nonconformity'; +let categories = []; +let items = []; + +// 초기화 +document.addEventListener('DOMContentLoaded', async () => { + await loadCategories(); +}); + +/** + * 유형 탭 전환 + */ +window.switchType = async function(type) { + currentType = type; + + // 탭 상태 업데이트 + document.querySelectorAll('.type-tab').forEach(tab => { + tab.classList.toggle('active', tab.dataset.type === type); + }); + + await loadCategories(); +}; + +/** + * 카테고리 로드 + */ +async function loadCategories() { + const container = document.getElementById('categoryList'); + container.innerHTML = '
카테고리를 불러오는 중...
'; + + try { + const response = await fetch(`${API}/work-issues/categories/type/${currentType}`, { + headers: getAuthHeaders() + }); + + if (!response.ok) throw new Error('카테고리 조회 실패'); + + const data = await response.json(); + + if (data.success && data.data) { + categories = data.data; + + // 항목도 로드 + const itemsResponse = await fetch(`${API}/work-issues/items`, { + headers: getAuthHeaders() + }); + + if (itemsResponse.ok) { + const itemsData = await itemsResponse.json(); + if (itemsData.success) { + items = itemsData.data || []; + } + } + + renderCategories(); + } else { + container.innerHTML = '
카테고리가 없습니다.
'; + } + } catch (error) { + console.error('카테고리 로드 실패:', error); + container.innerHTML = '
카테고리를 불러오지 못했습니다.
'; + } +} + +/** + * 카테고리 렌더링 + */ +function renderCategories() { + const container = document.getElementById('categoryList'); + + if (categories.length === 0) { + container.innerHTML = '
등록된 카테고리가 없습니다.
'; + return; + } + + const severityLabel = { + low: '낮음', + medium: '보통', + high: '높음', + critical: '심각' + }; + + container.innerHTML = categories.map(cat => { + const catItems = items.filter(item => item.category_id === cat.category_id); + + return ` +
+
+
${cat.category_name}
+
+ ${severityLabel[cat.severity] || '보통'} + ${catItems.length}개 항목 + +
+
+
+
+ ${catItems.length > 0 ? catItems.map(item => ` +
+
+
${item.item_name}
+ ${item.description ? `
${item.description}
` : ''} +
+
+ ${severityLabel[item.severity] || '보통'} + +
+
+ `).join('') : '
등록된 항목이 없습니다.
'} +
+
+ + + +
+
+
+ `; + }).join(''); +} + +/** + * 카테고리 토글 + */ +window.toggleCategory = function(categoryId) { + const section = document.querySelector(`.category-section[data-category-id="${categoryId}"]`); + if (section) { + section.classList.toggle('expanded'); + } +}; + +/** + * 카테고리 모달 열기 + */ +window.openCategoryModal = function(categoryId = null) { + const modal = document.getElementById('categoryModal'); + const title = document.getElementById('categoryModalTitle'); + const deleteBtn = document.getElementById('deleteCategoryBtn'); + + document.getElementById('categoryId').value = ''; + document.getElementById('categoryName').value = ''; + document.getElementById('categoryDescription').value = ''; + document.getElementById('categorySeverity').value = 'medium'; + + if (categoryId) { + const category = categories.find(c => c.category_id === categoryId); + if (category) { + title.textContent = '카테고리 수정'; + document.getElementById('categoryId').value = category.category_id; + document.getElementById('categoryName').value = category.category_name; + document.getElementById('categoryDescription').value = category.description || ''; + document.getElementById('categorySeverity').value = category.severity || 'medium'; + deleteBtn.style.display = 'block'; + } + } else { + title.textContent = '새 카테고리'; + deleteBtn.style.display = 'none'; + } + + modal.style.display = 'flex'; +}; + +/** + * 카테고리 모달 닫기 + */ +window.closeCategoryModal = function() { + document.getElementById('categoryModal').style.display = 'none'; +}; + +/** + * 카테고리 저장 + */ +window.saveCategory = async function() { + const categoryId = document.getElementById('categoryId').value; + const name = document.getElementById('categoryName').value.trim(); + const description = document.getElementById('categoryDescription').value.trim(); + const severity = document.getElementById('categorySeverity').value; + + if (!name) { + alert('카테고리 이름을 입력하세요.'); + return; + } + + try { + const url = categoryId + ? `${API}/work-issues/categories/${categoryId}` + : `${API}/work-issues/categories`; + + const response = await fetch(url, { + method: categoryId ? 'PUT' : 'POST', + headers: { + ...getAuthHeaders(), + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + category_name: name, + category_type: currentType, + description, + severity + }) + }); + + const data = await response.json(); + + if (response.ok && data.success) { + alert(categoryId ? '카테고리가 수정되었습니다.' : '카테고리가 추가되었습니다.'); + closeCategoryModal(); + await loadCategories(); + } else { + throw new Error(data.error || '저장 실패'); + } + } catch (error) { + console.error('카테고리 저장 실패:', error); + alert('카테고리 저장에 실패했습니다: ' + error.message); + } +}; + +/** + * 카테고리 삭제 + */ +window.deleteCategory = async function() { + const categoryId = document.getElementById('categoryId').value; + + if (!categoryId) return; + + const catItems = items.filter(item => item.category_id == categoryId); + if (catItems.length > 0) { + alert(`이 카테고리에 ${catItems.length}개의 항목이 있습니다. 먼저 항목을 삭제하세요.`); + return; + } + + if (!confirm('이 카테고리를 삭제하시겠습니까?')) return; + + try { + const response = await fetch(`${API}/work-issues/categories/${categoryId}`, { + method: 'DELETE', + headers: getAuthHeaders() + }); + + const data = await response.json(); + + if (response.ok && data.success) { + alert('카테고리가 삭제되었습니다.'); + closeCategoryModal(); + await loadCategories(); + } else { + throw new Error(data.error || '삭제 실패'); + } + } catch (error) { + console.error('카테고리 삭제 실패:', error); + alert('카테고리 삭제에 실패했습니다: ' + error.message); + } +}; + +/** + * 항목 모달 열기 + */ +window.openItemModal = function(categoryId, itemId = null) { + const modal = document.getElementById('itemModal'); + const title = document.getElementById('itemModalTitle'); + const deleteBtn = document.getElementById('deleteItemBtn'); + + document.getElementById('itemId').value = ''; + document.getElementById('itemCategoryId').value = categoryId; + document.getElementById('itemName').value = ''; + document.getElementById('itemDescription').value = ''; + document.getElementById('itemSeverity').value = 'medium'; + + if (itemId) { + const item = items.find(i => i.item_id === itemId); + if (item) { + title.textContent = '항목 수정'; + document.getElementById('itemId').value = item.item_id; + document.getElementById('itemName').value = item.item_name; + document.getElementById('itemDescription').value = item.description || ''; + document.getElementById('itemSeverity').value = item.severity || 'medium'; + deleteBtn.style.display = 'block'; + } + } else { + const category = categories.find(c => c.category_id === categoryId); + title.textContent = `새 항목 (${category?.category_name || ''})`; + deleteBtn.style.display = 'none'; + } + + modal.style.display = 'flex'; +}; + +/** + * 항목 모달 닫기 + */ +window.closeItemModal = function() { + document.getElementById('itemModal').style.display = 'none'; +}; + +/** + * 항목 저장 + */ +window.saveItem = async function() { + const itemId = document.getElementById('itemId').value; + const categoryId = document.getElementById('itemCategoryId').value; + const name = document.getElementById('itemName').value.trim(); + const description = document.getElementById('itemDescription').value.trim(); + const severity = document.getElementById('itemSeverity').value; + + if (!name) { + alert('항목 이름을 입력하세요.'); + return; + } + + try { + const url = itemId + ? `${API}/work-issues/items/${itemId}` + : `${API}/work-issues/items`; + + const response = await fetch(url, { + method: itemId ? 'PUT' : 'POST', + headers: { + ...getAuthHeaders(), + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + category_id: categoryId, + item_name: name, + description, + severity + }) + }); + + const data = await response.json(); + + if (response.ok && data.success) { + alert(itemId ? '항목이 수정되었습니다.' : '항목이 추가되었습니다.'); + closeItemModal(); + await loadCategories(); + } else { + throw new Error(data.error || '저장 실패'); + } + } catch (error) { + console.error('항목 저장 실패:', error); + alert('항목 저장에 실패했습니다: ' + error.message); + } +}; + +/** + * 항목 삭제 + */ +window.deleteItem = async function() { + const itemId = document.getElementById('itemId').value; + + if (!itemId) return; + if (!confirm('이 항목을 삭제하시겠습니까?')) return; + + try { + const response = await fetch(`${API}/work-issues/items/${itemId}`, { + method: 'DELETE', + headers: getAuthHeaders() + }); + + const data = await response.json(); + + if (response.ok && data.success) { + alert('항목이 삭제되었습니다.'); + closeItemModal(); + await loadCategories(); + } else { + throw new Error(data.error || '삭제 실패'); + } + } catch (error) { + console.error('항목 삭제 실패:', error); + alert('항목 삭제에 실패했습니다: ' + error.message); + } +}; + +/** + * 빠른 항목 추가 + */ +window.quickAddItem = async function(categoryId) { + const input = document.getElementById(`newItemName_${categoryId}`); + const name = input.value.trim(); + + if (!name) { + alert('항목 이름을 입력하세요.'); + input.focus(); + return; + } + + try { + const response = await fetch(`${API}/work-issues/items`, { + method: 'POST', + headers: { + ...getAuthHeaders(), + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + category_id: categoryId, + item_name: name, + severity: 'medium' + }) + }); + + const data = await response.json(); + + if (response.ok && data.success) { + input.value = ''; + await loadCategories(); + // 카테고리 펼침 유지 + toggleCategory(categoryId); + } else { + throw new Error(data.error || '추가 실패'); + } + } catch (error) { + console.error('항목 추가 실패:', error); + alert('항목 추가에 실패했습니다: ' + error.message); + } +}; diff --git a/web-ui/js/issue-detail.js b/web-ui/js/issue-detail.js new file mode 100644 index 0000000..5cec1f2 --- /dev/null +++ b/web-ui/js/issue-detail.js @@ -0,0 +1,680 @@ +/** + * 신고 상세 페이지 JavaScript + */ + +const API_BASE = window.API_BASE_URL || 'http://localhost:20005/api'; + +let reportId = null; +let reportData = null; +let currentUser = null; + +// 상태 한글명 +const statusNames = { + reported: '신고', + received: '접수', + in_progress: '처리중', + completed: '완료', + closed: '종료' +}; + +// 유형 한글명 +const typeNames = { + nonconformity: '부적합', + safety: '안전' +}; + +// 심각도 한글명 +const severityNames = { + critical: '심각', + high: '높음', + medium: '보통', + low: '낮음' +}; + +// 초기화 +document.addEventListener('DOMContentLoaded', async () => { + // URL에서 ID 가져오기 + const urlParams = new URLSearchParams(window.location.search); + reportId = urlParams.get('id'); + + if (!reportId) { + alert('신고 ID가 없습니다.'); + goBackToList(); + return; + } + + // 현재 사용자 정보 로드 + await loadCurrentUser(); + + // 상세 데이터 로드 + await loadReportDetail(); +}); + +/** + * 현재 사용자 정보 로드 + */ +async function loadCurrentUser() { + try { + const response = await fetch(`${API_BASE}/users/me`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (response.ok) { + const data = await response.json(); + currentUser = data.data; + } + } catch (error) { + console.error('사용자 정보 로드 실패:', error); + } +} + +/** + * 신고 상세 로드 + */ +async function loadReportDetail() { + try { + const response = await fetch(`${API_BASE}/work-issues/${reportId}`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (!response.ok) { + throw new Error('신고를 찾을 수 없습니다.'); + } + + const data = await response.json(); + if (!data.success) { + throw new Error(data.error || '데이터 조회 실패'); + } + + reportData = data.data; + renderDetail(); + await loadStatusLogs(); + + } catch (error) { + console.error('상세 로드 실패:', error); + alert(error.message); + goBackToList(); + } +} + +/** + * 상세 정보 렌더링 + */ +function renderDetail() { + const d = reportData; + + // 헤더 + document.getElementById('reportId').textContent = `#${d.report_id}`; + document.getElementById('reportTitle').textContent = d.issue_item_name || d.issue_category_name || '신고'; + + // 상태 배지 + const statusBadge = document.getElementById('statusBadge'); + statusBadge.className = `status-badge ${d.status}`; + statusBadge.textContent = statusNames[d.status] || d.status; + + // 기본 정보 + renderBasicInfo(d); + + // 신고 내용 + renderIssueContent(d); + + // 사진 + renderPhotos(d); + + // 처리 정보 + renderProcessInfo(d); + + // 액션 버튼 + renderActionButtons(d); +} + +/** + * 기본 정보 렌더링 + */ +function renderBasicInfo(d) { + const container = document.getElementById('basicInfo'); + + const formatDate = (dateStr) => { + if (!dateStr) return '-'; + const date = new Date(dateStr); + return date.toLocaleDateString('ko-KR', { + year: 'numeric', + month: '2-digit', + day: '2-digit', + hour: '2-digit', + minute: '2-digit' + }); + }; + + container.innerHTML = ` +
+
신고 유형
+
+ ${typeNames[d.category_type] || d.category_type} +
+
+
+
신고일시
+
${formatDate(d.report_date)}
+
+
+
신고자
+
${d.reporter_full_name || d.reporter_name || '-'}
+
+
+
위치
+
${d.custom_location || d.workplace_name || '-'}${d.factory_name ? ` (${d.factory_name})` : ''}
+
+ `; +} + +/** + * 신고 내용 렌더링 + */ +function renderIssueContent(d) { + const container = document.getElementById('issueContent'); + + let html = ` +
+
+
카테고리
+
${d.issue_category_name || '-'}
+
+
+
항목
+
+ ${d.issue_item_name || '-'} + ${d.severity ? `${severityNames[d.severity]}` : ''} +
+
+
+ `; + + if (d.additional_description) { + html += ` +
+ ${escapeHtml(d.additional_description)} +
+ `; + } + + container.innerHTML = html; +} + +/** + * 사진 렌더링 + */ +function renderPhotos(d) { + const section = document.getElementById('photoSection'); + const gallery = document.getElementById('photoGallery'); + + const photos = [d.photo_path1, d.photo_path2, d.photo_path3, d.photo_path4, d.photo_path5].filter(Boolean); + + if (photos.length === 0) { + section.style.display = 'none'; + return; + } + + section.style.display = 'block'; + + const baseUrl = (API_BASE).replace('/api', ''); + + gallery.innerHTML = photos.map(photo => { + const fullUrl = photo.startsWith('http') ? photo : `${baseUrl}${photo}`; + return ` +
+ 첨부 사진 +
+ `; + }).join(''); +} + +/** + * 처리 정보 렌더링 + */ +function renderProcessInfo(d) { + const section = document.getElementById('processSection'); + const container = document.getElementById('processInfo'); + + // 담당자 배정 또는 처리 정보가 있는 경우만 표시 + if (!d.assigned_user_id && !d.resolution_notes) { + section.style.display = 'none'; + return; + } + + section.style.display = 'block'; + + const formatDate = (dateStr) => { + if (!dateStr) return '-'; + const date = new Date(dateStr); + return date.toLocaleDateString('ko-KR', { + year: 'numeric', + month: '2-digit', + day: '2-digit', + hour: '2-digit', + minute: '2-digit' + }); + }; + + let html = '
'; + + if (d.assigned_user_id) { + html += ` +
+
담당자
+
${d.assigned_full_name || d.assigned_user_name || '-'}
+
+
+
담당 부서
+
${d.assigned_department || '-'}
+
+ `; + } + + if (d.resolved_at) { + html += ` +
+
처리 완료일
+
${formatDate(d.resolved_at)}
+
+
+
처리자
+
${d.resolved_by_name || '-'}
+
+ `; + } + + html += '
'; + + if (d.resolution_notes) { + html += ` +
+
처리 내용
+
${escapeHtml(d.resolution_notes)}
+
+ `; + } + + container.innerHTML = html; +} + +/** + * 액션 버튼 렌더링 + */ +function renderActionButtons(d) { + const container = document.getElementById('actionButtons'); + + if (!currentUser) { + container.innerHTML = ''; + return; + } + + const isAdmin = ['admin', 'system', 'support_team'].includes(currentUser.access_level); + const isOwner = d.reporter_id === currentUser.user_id; + const isAssignee = d.assigned_user_id === currentUser.user_id; + + let buttons = []; + + // 관리자 권한 버튼 + if (isAdmin) { + if (d.status === 'reported') { + buttons.push(``); + } + + if (d.status === 'received' || d.status === 'in_progress') { + buttons.push(``); + } + + if (d.status === 'received') { + buttons.push(``); + } + + if (d.status === 'in_progress') { + buttons.push(``); + } + + if (d.status === 'completed') { + buttons.push(``); + } + } + + // 담당자 버튼 + if (isAssignee && !isAdmin) { + if (d.status === 'received') { + buttons.push(``); + } + + if (d.status === 'in_progress') { + buttons.push(``); + } + } + + // 신고자 버튼 (수정/삭제는 reported 상태에서만) + if (isOwner && d.status === 'reported') { + buttons.push(``); + } + + container.innerHTML = buttons.join(''); +} + +/** + * 상태 변경 이력 로드 + */ +async function loadStatusLogs() { + try { + const response = await fetch(`${API_BASE}/work-issues/${reportId}/status-logs`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (!response.ok) return; + + const data = await response.json(); + if (data.success && data.data) { + renderStatusTimeline(data.data); + } + } catch (error) { + console.error('상태 이력 로드 실패:', error); + } +} + +/** + * 상태 타임라인 렌더링 + */ +function renderStatusTimeline(logs) { + const container = document.getElementById('statusTimeline'); + + if (!logs || logs.length === 0) { + container.innerHTML = '

상태 변경 이력이 없습니다.

'; + return; + } + + const formatDate = (dateStr) => { + const date = new Date(dateStr); + return date.toLocaleDateString('ko-KR', { + year: 'numeric', + month: '2-digit', + day: '2-digit', + hour: '2-digit', + minute: '2-digit' + }); + }; + + container.innerHTML = logs.map(log => ` +
+
+ ${log.previous_status ? `${statusNames[log.previous_status]} → ` : ''}${statusNames[log.new_status]} +
+
+ ${log.changed_by_full_name || log.changed_by_name} | ${formatDate(log.changed_at)} + ${log.change_reason ? `
${escapeHtml(log.change_reason)}` : ''} +
+
+ `).join(''); +} + +// ==================== 액션 함수 ==================== + +/** + * 신고 접수 + */ +async function receiveReport() { + if (!confirm('이 신고를 접수하시겠습니까?')) return; + + try { + const response = await fetch(`${API_BASE}/work-issues/${reportId}/receive`, { + method: 'POST', + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + const data = await response.json(); + + if (data.success) { + alert('신고가 접수되었습니다.'); + location.reload(); + } else { + throw new Error(data.error || '접수 실패'); + } + } catch (error) { + alert('접수 실패: ' + error.message); + } +} + +/** + * 처리 시작 + */ +async function startProcessing() { + if (!confirm('처리를 시작하시겠습니까?')) return; + + try { + const response = await fetch(`${API_BASE}/work-issues/${reportId}/start`, { + method: 'POST', + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + const data = await response.json(); + + if (data.success) { + alert('처리가 시작되었습니다.'); + location.reload(); + } else { + throw new Error(data.error || '처리 시작 실패'); + } + } catch (error) { + alert('처리 시작 실패: ' + error.message); + } +} + +/** + * 신고 종료 + */ +async function closeReport() { + if (!confirm('이 신고를 종료하시겠습니까?')) return; + + try { + const response = await fetch(`${API_BASE}/work-issues/${reportId}/close`, { + method: 'POST', + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + const data = await response.json(); + + if (data.success) { + alert('신고가 종료되었습니다.'); + location.reload(); + } else { + throw new Error(data.error || '종료 실패'); + } + } catch (error) { + alert('종료 실패: ' + error.message); + } +} + +/** + * 신고 삭제 + */ +async function deleteReport() { + if (!confirm('정말 이 신고를 삭제하시겠습니까? 이 작업은 되돌릴 수 없습니다.')) return; + + try { + const response = await fetch(`${API_BASE}/work-issues/${reportId}`, { + method: 'DELETE', + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + const data = await response.json(); + + if (data.success) { + alert('신고가 삭제되었습니다.'); + goBackToList(); + } else { + throw new Error(data.error || '삭제 실패'); + } + } catch (error) { + alert('삭제 실패: ' + error.message); + } +} + +// ==================== 담당자 배정 모달 ==================== + +async function openAssignModal() { + // 사용자 목록 로드 + try { + const response = await fetch(`${API_BASE}/users`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (response.ok) { + const data = await response.json(); + const select = document.getElementById('assignUser'); + select.innerHTML = ''; + + if (data.success && data.data) { + data.data.forEach(user => { + select.innerHTML += ``; + }); + } + } + } catch (error) { + console.error('사용자 목록 로드 실패:', error); + } + + document.getElementById('assignModal').classList.add('visible'); +} + +function closeAssignModal() { + document.getElementById('assignModal').classList.remove('visible'); +} + +async function submitAssign() { + const department = document.getElementById('assignDepartment').value; + const userId = document.getElementById('assignUser').value; + + if (!userId) { + alert('담당자를 선택해주세요.'); + return; + } + + try { + const response = await fetch(`${API_BASE}/work-issues/${reportId}/assign`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'Authorization': `Bearer ${localStorage.getItem('token')}` + }, + body: JSON.stringify({ + assigned_department: department, + assigned_user_id: parseInt(userId) + }) + }); + + const data = await response.json(); + + if (data.success) { + alert('담당자가 배정되었습니다.'); + closeAssignModal(); + location.reload(); + } else { + throw new Error(data.error || '배정 실패'); + } + } catch (error) { + alert('담당자 배정 실패: ' + error.message); + } +} + +// ==================== 처리 완료 모달 ==================== + +function openCompleteModal() { + document.getElementById('completeModal').classList.add('visible'); +} + +function closeCompleteModal() { + document.getElementById('completeModal').classList.remove('visible'); +} + +async function submitComplete() { + const notes = document.getElementById('resolutionNotes').value; + + if (!notes.trim()) { + alert('처리 내용을 입력해주세요.'); + return; + } + + try { + const response = await fetch(`${API_BASE}/work-issues/${reportId}/complete`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'Authorization': `Bearer ${localStorage.getItem('token')}` + }, + body: JSON.stringify({ + resolution_notes: notes + }) + }); + + const data = await response.json(); + + if (data.success) { + alert('처리가 완료되었습니다.'); + closeCompleteModal(); + location.reload(); + } else { + throw new Error(data.error || '완료 처리 실패'); + } + } catch (error) { + alert('처리 완료 실패: ' + error.message); + } +} + +// ==================== 사진 모달 ==================== + +function openPhotoModal(src) { + document.getElementById('photoModalImg').src = src; + document.getElementById('photoModal').classList.add('visible'); +} + +function closePhotoModal() { + document.getElementById('photoModal').classList.remove('visible'); +} + +// ==================== 유틸리티 ==================== + +function escapeHtml(text) { + const div = document.createElement('div'); + div.textContent = text; + return div.innerHTML; +} + +/** + * 목록으로 돌아가기 + */ +function goBackToList() { + const urlParams = new URLSearchParams(window.location.search); + const from = urlParams.get('from'); + + if (from === 'nonconformity') { + window.location.href = '/pages/work/nonconformity.html'; + } else if (from === 'safety') { + window.location.href = '/pages/safety/report-status.html'; + } else { + if (window.history.length > 1) { + window.history.back(); + } else { + window.location.href = '/pages/safety/report-status.html'; + } + } +} + +// 전역 함수 노출 +window.goBackToList = goBackToList; +window.receiveReport = receiveReport; +window.startProcessing = startProcessing; +window.closeReport = closeReport; +window.deleteReport = deleteReport; +window.openAssignModal = openAssignModal; +window.closeAssignModal = closeAssignModal; +window.submitAssign = submitAssign; +window.openCompleteModal = openCompleteModal; +window.closeCompleteModal = closeCompleteModal; +window.submitComplete = submitComplete; +window.openPhotoModal = openPhotoModal; +window.closePhotoModal = closePhotoModal; diff --git a/web-ui/js/issue-report.js b/web-ui/js/issue-report.js new file mode 100644 index 0000000..0522d64 --- /dev/null +++ b/web-ui/js/issue-report.js @@ -0,0 +1,920 @@ +/** + * 신고 등록 페이지 JavaScript + * URL 파라미터 ?type=nonconformity 또는 ?type=safety로 유형 사전 선택 지원 + */ + +// API 설정 +const API_BASE = window.API_BASE_URL || 'http://localhost:20005/api'; + +// 상태 변수 +let selectedFactoryId = null; +let selectedWorkplaceId = null; +let selectedWorkplaceName = null; +let selectedType = null; // 'nonconformity' | 'safety' +let selectedCategoryId = null; +let selectedCategoryName = null; +let selectedItemId = null; +let selectedTbmSessionId = null; +let selectedVisitRequestId = null; +let photos = [null, null, null, null, null]; +let customItemName = null; // 직접 입력한 항목명 + +// 지도 관련 변수 +let canvas, ctx, canvasImage; +let mapRegions = []; +let todayWorkers = []; +let todayVisitors = []; + +// DOM 요소 +let factorySelect, issueMapCanvas; +let photoInput, currentPhotoIndex; + +// 초기화 +document.addEventListener('DOMContentLoaded', async () => { + factorySelect = document.getElementById('factorySelect'); + issueMapCanvas = document.getElementById('issueMapCanvas'); + photoInput = document.getElementById('photoInput'); + + canvas = issueMapCanvas; + ctx = canvas.getContext('2d'); + + // 이벤트 리스너 설정 + setupEventListeners(); + + // 공장 목록 로드 + await loadFactories(); + + // URL 파라미터에서 유형 확인 및 자동 선택 + const urlParams = new URLSearchParams(window.location.search); + const preselectedType = urlParams.get('type'); + if (preselectedType === 'nonconformity' || preselectedType === 'safety') { + onTypeSelect(preselectedType); + } +}); + +/** + * 이벤트 리스너 설정 + */ +function setupEventListeners() { + // 공장 선택 + factorySelect.addEventListener('change', onFactoryChange); + + // 지도 클릭 + canvas.addEventListener('click', onMapClick); + + // 기타 위치 토글 + document.getElementById('useCustomLocation').addEventListener('change', (e) => { + const customInput = document.getElementById('customLocationInput'); + customInput.classList.toggle('visible', e.target.checked); + + if (e.target.checked) { + // 지도 선택 초기화 + selectedWorkplaceId = null; + selectedWorkplaceName = null; + selectedTbmSessionId = null; + selectedVisitRequestId = null; + updateLocationInfo(); + } + }); + + // 유형 버튼 클릭 + document.querySelectorAll('.type-btn').forEach(btn => { + btn.addEventListener('click', () => onTypeSelect(btn.dataset.type)); + }); + + // 사진 슬롯 클릭 + document.querySelectorAll('.photo-slot').forEach(slot => { + slot.addEventListener('click', (e) => { + if (e.target.classList.contains('remove-btn')) return; + currentPhotoIndex = parseInt(slot.dataset.index); + photoInput.click(); + }); + }); + + // 사진 삭제 버튼 + document.querySelectorAll('.photo-slot .remove-btn').forEach(btn => { + btn.addEventListener('click', (e) => { + e.stopPropagation(); + const slot = btn.closest('.photo-slot'); + const index = parseInt(slot.dataset.index); + removePhoto(index); + }); + }); + + // 사진 선택 + photoInput.addEventListener('change', onPhotoSelect); +} + +/** + * 공장 목록 로드 + */ +async function loadFactories() { + try { + const response = await fetch(`${API_BASE}/workplaces/categories/active/list`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (!response.ok) throw new Error('공장 목록 조회 실패'); + + const data = await response.json(); + if (data.success && data.data) { + data.data.forEach(factory => { + const option = document.createElement('option'); + option.value = factory.category_id; + option.textContent = factory.category_name; + factorySelect.appendChild(option); + }); + + // 첫 번째 공장 자동 선택 + if (data.data.length > 0) { + factorySelect.value = data.data[0].category_id; + onFactoryChange(); + } + } + } catch (error) { + console.error('공장 목록 로드 실패:', error); + } +} + +/** + * 공장 변경 시 + */ +async function onFactoryChange() { + selectedFactoryId = factorySelect.value; + if (!selectedFactoryId) return; + + // 위치 선택 초기화 + selectedWorkplaceId = null; + selectedWorkplaceName = null; + selectedTbmSessionId = null; + selectedVisitRequestId = null; + updateLocationInfo(); + + // 지도 데이터 로드 + await Promise.all([ + loadMapImage(), + loadMapRegions(), + loadTodayData() + ]); + + renderMap(); +} + +/** + * 배치도 이미지 로드 + */ +async function loadMapImage() { + try { + const response = await fetch(`${API_BASE}/workplaces/categories`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (!response.ok) return; + + const data = await response.json(); + if (data.success && data.data) { + const selectedCategory = data.data.find(c => c.category_id == selectedFactoryId); + if (selectedCategory && selectedCategory.layout_image) { + const baseUrl = (window.API_BASE_URL || 'http://localhost:20005').replace('/api', ''); + const fullImageUrl = selectedCategory.layout_image.startsWith('http') + ? selectedCategory.layout_image + : `${baseUrl}${selectedCategory.layout_image}`; + + canvasImage = new Image(); + canvasImage.onload = () => renderMap(); + canvasImage.src = fullImageUrl; + } + } + } catch (error) { + console.error('배치도 이미지 로드 실패:', error); + } +} + +/** + * 지도 영역 로드 + */ +async function loadMapRegions() { + try { + const response = await fetch(`${API_BASE}/workplaces/categories/${selectedFactoryId}/map-regions`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (!response.ok) return; + + const data = await response.json(); + if (data.success) { + mapRegions = data.data || []; + } + } catch (error) { + console.error('지도 영역 로드 실패:', error); + } +} + +/** + * 오늘 TBM/출입신청 데이터 로드 + */ +async function loadTodayData() { + // 로컬 시간대 기준으로 오늘 날짜 구하기 (UTC가 아닌 한국 시간 기준) + const now = new Date(); + const year = now.getFullYear(); + const month = String(now.getMonth() + 1).padStart(2, '0'); + const day = String(now.getDate()).padStart(2, '0'); + const today = `${year}-${month}-${day}`; + + console.log('[신고페이지] 조회 날짜 (로컬):', today); + + try { + // TBM 세션 로드 + const tbmResponse = await fetch(`${API_BASE}/tbm/sessions/date/${today}`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (tbmResponse.ok) { + const tbmData = await tbmResponse.json(); + const sessions = tbmData.data || []; + + // TBM 세션 데이터를 가공하여 member_count 계산 + todayWorkers = sessions.map(session => { + const memberCount = session.team_member_count || 0; + const leaderCount = session.leader_id ? 1 : 0; + return { + ...session, + member_count: memberCount + leaderCount + }; + }); + + console.log('[신고페이지] 로드된 TBM 작업:', todayWorkers.length, '건'); + } + + // 출입 신청 로드 + const visitResponse = await fetch(`${API_BASE}/workplace-visits/requests`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (visitResponse.ok) { + const visitData = await visitResponse.json(); + todayVisitors = (visitData.data || []).filter(v => { + // 로컬 날짜로 비교 + const visitDateObj = new Date(v.visit_date); + const visitYear = visitDateObj.getFullYear(); + const visitMonth = String(visitDateObj.getMonth() + 1).padStart(2, '0'); + const visitDay = String(visitDateObj.getDate()).padStart(2, '0'); + const visitDate = `${visitYear}-${visitMonth}-${visitDay}`; + + return visitDate === today && + (v.status === 'approved' || v.status === 'training_completed'); + }); + + console.log('[신고페이지] 로드된 방문자:', todayVisitors.length, '건'); + } + } catch (error) { + console.error('오늘 데이터 로드 실패:', error); + } +} + +/** + * 둥근 모서리 사각형 그리기 (Canvas roundRect 폴리필) + */ +function drawRoundRect(ctx, x, y, width, height, radius) { + ctx.beginPath(); + ctx.moveTo(x + radius, y); + ctx.lineTo(x + width - radius, y); + ctx.quadraticCurveTo(x + width, y, x + width, y + radius); + ctx.lineTo(x + width, y + height - radius); + ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height); + ctx.lineTo(x + radius, y + height); + ctx.quadraticCurveTo(x, y + height, x, y + height - radius); + ctx.lineTo(x, y + radius); + ctx.quadraticCurveTo(x, y, x + radius, y); + ctx.closePath(); +} + +/** + * 지도 렌더링 + */ +function renderMap() { + if (!canvas || !ctx) return; + + // 컨테이너 너비 가져오기 + const container = canvas.parentElement; + const containerWidth = container.clientWidth - 2; // border 고려 + const maxWidth = Math.min(containerWidth, 800); + + // 이미지가 로드된 경우 이미지 비율에 맞춰 캔버스 크기 설정 + if (canvasImage && canvasImage.complete && canvasImage.naturalWidth > 0) { + const imgWidth = canvasImage.naturalWidth; + const imgHeight = canvasImage.naturalHeight; + + // 스케일 계산 (maxWidth에 맞춤) + const scale = imgWidth > maxWidth ? maxWidth / imgWidth : 1; + + canvas.width = imgWidth * scale; + canvas.height = imgHeight * scale; + + // 이미지 그리기 + ctx.drawImage(canvasImage, 0, 0, canvas.width, canvas.height); + } else { + // 이미지가 없는 경우 기본 크기 + canvas.width = maxWidth; + canvas.height = 400; + + // 배경 그리기 + ctx.fillStyle = '#f3f4f6'; + ctx.fillRect(0, 0, canvas.width, canvas.height); + + // 이미지 없음 안내 + ctx.fillStyle = '#9ca3af'; + ctx.font = '14px sans-serif'; + ctx.textAlign = 'center'; + ctx.fillText('배치도 이미지가 없습니다', canvas.width / 2, canvas.height / 2); + } + + // 작업장 영역 그리기 (퍼센트 좌표 사용) + mapRegions.forEach(region => { + const workers = todayWorkers.filter(w => w.workplace_id === region.workplace_id); + const visitors = todayVisitors.filter(v => v.workplace_id === region.workplace_id); + + const workerCount = workers.reduce((sum, w) => sum + (w.member_count || 0), 0); + const visitorCount = visitors.reduce((sum, v) => sum + (v.visitor_count || 0), 0); + + drawWorkplaceRegion(region, workerCount, visitorCount); + }); +} + +/** + * 작업장 영역 그리기 + */ +function drawWorkplaceRegion(region, workerCount, visitorCount) { + const x1 = (region.x_start / 100) * canvas.width; + const y1 = (region.y_start / 100) * canvas.height; + const x2 = (region.x_end / 100) * canvas.width; + const y2 = (region.y_end / 100) * canvas.height; + const width = x2 - x1; + const height = y2 - y1; + + // 선택된 작업장 하이라이트 + const isSelected = region.workplace_id === selectedWorkplaceId; + + // 색상 결정 (더 진하게 조정) + let fillColor, strokeColor, textColor; + if (isSelected) { + fillColor = 'rgba(34, 197, 94, 0.5)'; // 초록색 (선택됨) + strokeColor = 'rgb(22, 163, 74)'; + textColor = '#15803d'; + } else if (workerCount > 0 && visitorCount > 0) { + fillColor = 'rgba(34, 197, 94, 0.4)'; // 초록색 (작업+방문) + strokeColor = 'rgb(22, 163, 74)'; + textColor = '#166534'; + } else if (workerCount > 0) { + fillColor = 'rgba(59, 130, 246, 0.4)'; // 파란색 (작업만) + strokeColor = 'rgb(37, 99, 235)'; + textColor = '#1e40af'; + } else if (visitorCount > 0) { + fillColor = 'rgba(168, 85, 247, 0.4)'; // 보라색 (방문만) + strokeColor = 'rgb(147, 51, 234)'; + textColor = '#7c3aed'; + } else { + fillColor = 'rgba(107, 114, 128, 0.35)'; // 회색 (없음) - 더 진하게 + strokeColor = 'rgb(75, 85, 99)'; + textColor = '#374151'; + } + + ctx.fillStyle = fillColor; + ctx.strokeStyle = strokeColor; + ctx.lineWidth = isSelected ? 4 : 2.5; + + ctx.beginPath(); + ctx.rect(x1, y1, width, height); + ctx.fill(); + ctx.stroke(); + + // 작업장명 표시 (배경 추가로 가독성 향상) + const centerX = x1 + width / 2; + const centerY = y1 + height / 2; + + // 텍스트 배경 + ctx.font = 'bold 13px sans-serif'; + const textMetrics = ctx.measureText(region.workplace_name); + const textWidth = textMetrics.width + 12; + const textHeight = 20; + + ctx.fillStyle = 'rgba(255, 255, 255, 0.9)'; + drawRoundRect(ctx, centerX - textWidth / 2, centerY - textHeight / 2, textWidth, textHeight, 4); + ctx.fill(); + + // 텍스트 + ctx.fillStyle = textColor; + ctx.textAlign = 'center'; + ctx.textBaseline = 'middle'; + ctx.fillText(region.workplace_name, centerX, centerY); + + // 인원수 표시 + const total = workerCount + visitorCount; + if (total > 0) { + // 인원수 배경 + ctx.font = 'bold 12px sans-serif'; + const countText = `${total}명`; + const countMetrics = ctx.measureText(countText); + const countWidth = countMetrics.width + 10; + const countHeight = 18; + + ctx.fillStyle = strokeColor; + drawRoundRect(ctx, centerX - countWidth / 2, centerY + 12, countWidth, countHeight, 4); + ctx.fill(); + + ctx.fillStyle = '#ffffff'; + ctx.fillText(countText, centerX, centerY + 21); + } +} + +/** + * 지도 클릭 처리 + */ +function onMapClick(e) { + const rect = canvas.getBoundingClientRect(); + const x = e.clientX - rect.left; + const y = e.clientY - rect.top; + + // 클릭된 영역 찾기 + for (const region of mapRegions) { + const x1 = (region.x_start / 100) * canvas.width; + const y1 = (region.y_start / 100) * canvas.height; + const x2 = (region.x_end / 100) * canvas.width; + const y2 = (region.y_end / 100) * canvas.height; + + if (x >= x1 && x <= x2 && y >= y1 && y <= y2) { + selectWorkplace(region); + return; + } + } +} + +/** + * 작업장 선택 + */ +function selectWorkplace(region) { + // 기타 위치 체크박스 해제 + document.getElementById('useCustomLocation').checked = false; + document.getElementById('customLocationInput').classList.remove('visible'); + + selectedWorkplaceId = region.workplace_id; + selectedWorkplaceName = region.workplace_name; + + // 해당 작업장의 TBM/출입신청 확인 + const workers = todayWorkers.filter(w => w.workplace_id === region.workplace_id); + const visitors = todayVisitors.filter(v => v.workplace_id === region.workplace_id); + + if (workers.length > 0 || visitors.length > 0) { + // 작업 선택 모달 표시 + showWorkSelectionModal(workers, visitors); + } else { + selectedTbmSessionId = null; + selectedVisitRequestId = null; + } + + updateLocationInfo(); + renderMap(); + updateStepStatus(); +} + +/** + * 작업 선택 모달 표시 + */ +function showWorkSelectionModal(workers, visitors) { + const modal = document.getElementById('workSelectionModal'); + const optionsList = document.getElementById('workOptionsList'); + + optionsList.innerHTML = ''; + + // TBM 작업 옵션 + workers.forEach(w => { + const option = document.createElement('div'); + option.className = 'work-option'; + option.innerHTML = ` +
TBM: ${w.task_name || '작업'}
+
${w.project_name || ''} - ${w.member_count || 0}명
+ `; + option.onclick = () => { + selectedTbmSessionId = w.session_id; + selectedVisitRequestId = null; + closeWorkModal(); + updateLocationInfo(); + }; + optionsList.appendChild(option); + }); + + // 출입신청 옵션 + visitors.forEach(v => { + const option = document.createElement('div'); + option.className = 'work-option'; + option.innerHTML = ` +
출입: ${v.visitor_company}
+
${v.purpose_name || '방문'} - ${v.visitor_count || 0}명
+ `; + option.onclick = () => { + selectedVisitRequestId = v.request_id; + selectedTbmSessionId = null; + closeWorkModal(); + updateLocationInfo(); + }; + optionsList.appendChild(option); + }); + + modal.classList.add('visible'); +} + +/** + * 작업 선택 모달 닫기 + */ +function closeWorkModal() { + document.getElementById('workSelectionModal').classList.remove('visible'); +} + +/** + * 선택된 위치 정보 업데이트 + */ +function updateLocationInfo() { + const infoBox = document.getElementById('selectedLocationInfo'); + const customLocation = document.getElementById('customLocation').value; + const useCustom = document.getElementById('useCustomLocation').checked; + + if (useCustom && customLocation) { + infoBox.classList.remove('empty'); + infoBox.innerHTML = `선택된 위치: ${customLocation}`; + } else if (selectedWorkplaceName) { + infoBox.classList.remove('empty'); + let html = `선택된 위치: ${selectedWorkplaceName}`; + + if (selectedTbmSessionId) { + const worker = todayWorkers.find(w => w.session_id === selectedTbmSessionId); + if (worker) { + html += `
연결 작업: ${worker.task_name} (TBM)`; + } + } else if (selectedVisitRequestId) { + const visitor = todayVisitors.find(v => v.request_id === selectedVisitRequestId); + if (visitor) { + html += `
연결 작업: ${visitor.visitor_company} (출입)`; + } + } + + infoBox.innerHTML = html; + } else { + infoBox.classList.add('empty'); + infoBox.textContent = '지도에서 작업장을 클릭하여 위치를 선택하세요'; + } +} + +/** + * 유형 선택 + */ +function onTypeSelect(type) { + selectedType = type; + selectedCategoryId = null; + selectedCategoryName = null; + selectedItemId = null; + + // 버튼 상태 업데이트 + document.querySelectorAll('.type-btn').forEach(btn => { + btn.classList.toggle('selected', btn.dataset.type === type); + }); + + // 카테고리 로드 + loadCategories(type); + updateStepStatus(); +} + +/** + * 카테고리 로드 + */ +async function loadCategories(type) { + try { + const response = await fetch(`${API_BASE}/work-issues/categories/type/${type}`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (!response.ok) throw new Error('카테고리 조회 실패'); + + const data = await response.json(); + if (data.success && data.data) { + renderCategories(data.data); + } + } catch (error) { + console.error('카테고리 로드 실패:', error); + } +} + +/** + * 카테고리 렌더링 + */ +function renderCategories(categories) { + const container = document.getElementById('categoryContainer'); + const grid = document.getElementById('categoryGrid'); + + grid.innerHTML = ''; + + categories.forEach(cat => { + const btn = document.createElement('button'); + btn.type = 'button'; + btn.className = 'category-btn'; + btn.textContent = cat.category_name; + btn.onclick = () => onCategorySelect(cat); + grid.appendChild(btn); + }); + + container.style.display = 'block'; +} + +/** + * 카테고리 선택 + */ +function onCategorySelect(category) { + selectedCategoryId = category.category_id; + selectedCategoryName = category.category_name; + selectedItemId = null; + + // 버튼 상태 업데이트 + document.querySelectorAll('.category-btn').forEach(btn => { + btn.classList.toggle('selected', btn.textContent === category.category_name); + }); + + // 항목 로드 + loadItems(category.category_id); + updateStepStatus(); +} + +/** + * 항목 로드 + */ +async function loadItems(categoryId) { + try { + const response = await fetch(`${API_BASE}/work-issues/items/category/${categoryId}`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (!response.ok) throw new Error('항목 조회 실패'); + + const data = await response.json(); + if (data.success && data.data) { + renderItems(data.data); + } + } catch (error) { + console.error('항목 로드 실패:', error); + } +} + +/** + * 항목 렌더링 + */ +function renderItems(items) { + const grid = document.getElementById('itemGrid'); + grid.innerHTML = ''; + + // 기존 항목들 렌더링 + items.forEach(item => { + const btn = document.createElement('button'); + btn.type = 'button'; + btn.className = 'item-btn'; + btn.textContent = item.item_name; + btn.dataset.severity = item.severity; + btn.onclick = () => onItemSelect(item, btn); + grid.appendChild(btn); + }); + + // 직접 입력 버튼 추가 + const customBtn = document.createElement('button'); + customBtn.type = 'button'; + customBtn.className = 'item-btn custom-input-btn'; + customBtn.textContent = '+ 직접 입력'; + customBtn.onclick = () => showCustomItemInput(); + grid.appendChild(customBtn); + + // 직접 입력 영역 숨기기 + document.getElementById('customItemInput').style.display = 'none'; + document.getElementById('customItemName').value = ''; + customItemName = null; +} + +/** + * 항목 선택 + */ +function onItemSelect(item, btn) { + // 단일 선택 (기존 선택 해제) + document.querySelectorAll('.item-btn').forEach(b => b.classList.remove('selected')); + btn.classList.add('selected'); + + selectedItemId = item.item_id; + customItemName = null; // 기존 항목 선택 시 직접 입력 초기화 + document.getElementById('customItemInput').style.display = 'none'; + updateStepStatus(); +} + +/** + * 직접 입력 영역 표시 + */ +function showCustomItemInput() { + // 기존 선택 해제 + document.querySelectorAll('.item-btn').forEach(b => b.classList.remove('selected')); + document.querySelector('.custom-input-btn').classList.add('selected'); + + selectedItemId = null; + + // 입력 영역 표시 + document.getElementById('customItemInput').style.display = 'flex'; + document.getElementById('customItemName').focus(); +} + +/** + * 직접 입력 확인 + */ +function confirmCustomItem() { + const input = document.getElementById('customItemName'); + const value = input.value.trim(); + + if (!value) { + alert('항목명을 입력해주세요.'); + input.focus(); + return; + } + + customItemName = value; + selectedItemId = null; // 커스텀 항목이므로 ID는 null + + // 입력 완료 표시 + const customBtn = document.querySelector('.custom-input-btn'); + customBtn.textContent = `✓ ${value}`; + customBtn.classList.add('selected'); + + updateStepStatus(); +} + +/** + * 직접 입력 취소 + */ +function cancelCustomItem() { + document.getElementById('customItemInput').style.display = 'none'; + document.getElementById('customItemName').value = ''; + customItemName = null; + + // 직접 입력 버튼 원상복구 + const customBtn = document.querySelector('.custom-input-btn'); + customBtn.textContent = '+ 직접 입력'; + customBtn.classList.remove('selected'); + + updateStepStatus(); +} + +/** + * 사진 선택 + */ +function onPhotoSelect(e) { + const file = e.target.files[0]; + if (!file) return; + + const reader = new FileReader(); + reader.onload = (event) => { + photos[currentPhotoIndex] = event.target.result; + updatePhotoSlot(currentPhotoIndex); + updateStepStatus(); // 제출 버튼 상태 업데이트 + }; + reader.readAsDataURL(file); + + // 입력 초기화 + e.target.value = ''; +} + +/** + * 사진 슬롯 업데이트 + */ +function updatePhotoSlot(index) { + const slot = document.querySelector(`.photo-slot[data-index="${index}"]`); + + if (photos[index]) { + slot.classList.add('has-photo'); + let img = slot.querySelector('img'); + if (!img) { + img = document.createElement('img'); + slot.insertBefore(img, slot.firstChild); + } + img.src = photos[index]; + } else { + slot.classList.remove('has-photo'); + const img = slot.querySelector('img'); + if (img) img.remove(); + } +} + +/** + * 사진 삭제 + */ +function removePhoto(index) { + photos[index] = null; + updatePhotoSlot(index); + updateStepStatus(); // 제출 버튼 상태 업데이트 +} + +/** + * 단계 상태 업데이트 + */ +function updateStepStatus() { + const steps = document.querySelectorAll('.step'); + const customLocation = document.getElementById('customLocation').value; + const useCustom = document.getElementById('useCustomLocation').checked; + + // Step 1: 위치 + const step1Complete = (useCustom && customLocation) || selectedWorkplaceId; + steps[0].classList.toggle('completed', step1Complete); + steps[1].classList.toggle('active', step1Complete); + + // Step 2: 유형 + const step2Complete = selectedType && selectedCategoryId; + steps[1].classList.toggle('completed', step2Complete); + steps[2].classList.toggle('active', step2Complete); + + // Step 3: 항목 (기존 항목 선택 또는 직접 입력) + const step3Complete = selectedItemId || customItemName; + steps[2].classList.toggle('completed', step3Complete); + steps[3].classList.toggle('active', step3Complete); + + // 제출 버튼 활성화 + const submitBtn = document.getElementById('submitBtn'); + const hasPhoto = photos.some(p => p !== null); + submitBtn.disabled = !(step1Complete && step2Complete && step3Complete && hasPhoto); +} + +/** + * 신고 제출 + */ +async function submitReport() { + const submitBtn = document.getElementById('submitBtn'); + submitBtn.disabled = true; + submitBtn.textContent = '제출 중...'; + + try { + const useCustom = document.getElementById('useCustomLocation').checked; + const customLocation = document.getElementById('customLocation').value; + const additionalDescription = document.getElementById('additionalDescription').value; + + const requestBody = { + factory_category_id: useCustom ? null : selectedFactoryId, + workplace_id: useCustom ? null : selectedWorkplaceId, + custom_location: useCustom ? customLocation : null, + tbm_session_id: selectedTbmSessionId, + visit_request_id: selectedVisitRequestId, + issue_category_id: selectedCategoryId, + issue_item_id: selectedItemId, + custom_item_name: customItemName, // 직접 입력한 항목명 + additional_description: additionalDescription || null, + photos: photos.filter(p => p !== null) + }; + + const response = await fetch(`${API_BASE}/work-issues`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'Authorization': `Bearer ${localStorage.getItem('token')}` + }, + body: JSON.stringify(requestBody) + }); + + const data = await response.json(); + + if (data.success) { + alert('신고가 등록되었습니다.'); + // 유형에 따라 다른 페이지로 리다이렉트 + if (selectedType === 'nonconformity') { + window.location.href = '/pages/work/nonconformity.html'; + } else if (selectedType === 'safety') { + window.location.href = '/pages/safety/report-status.html'; + } else { + // 기본: 뒤로가기 + history.back(); + } + } else { + throw new Error(data.error || '신고 등록 실패'); + } + } catch (error) { + console.error('신고 제출 실패:', error); + alert('신고 등록에 실패했습니다: ' + error.message); + } finally { + submitBtn.disabled = false; + submitBtn.textContent = '신고 제출'; + } +} + +// 기타 위치 입력 시 위치 정보 업데이트 +document.addEventListener('DOMContentLoaded', () => { + const customLocationInput = document.getElementById('customLocation'); + if (customLocationInput) { + customLocationInput.addEventListener('input', () => { + updateLocationInfo(); + updateStepStatus(); + }); + } +}); + +// 전역 함수 노출 (HTML onclick에서 호출용) +window.closeWorkModal = closeWorkModal; +window.submitReport = submitReport; +window.showCustomItemInput = showCustomItemInput; +window.confirmCustomItem = confirmCustomItem; +window.cancelCustomItem = cancelCustomItem; diff --git a/web-ui/js/work-issue-list.js b/web-ui/js/nonconformity-list.js similarity index 86% rename from web-ui/js/work-issue-list.js rename to web-ui/js/nonconformity-list.js index f9f11c6..9054c63 100644 --- a/web-ui/js/work-issue-list.js +++ b/web-ui/js/nonconformity-list.js @@ -1,8 +1,10 @@ /** - * 문제 신고 목록 페이지 JavaScript + * 부적합 현황 페이지 JavaScript + * category_type=nonconformity 고정 필터 */ const API_BASE = window.API_BASE_URL || 'http://localhost:20005/api'; +const CATEGORY_TYPE = 'nonconformity'; // 상태 한글 변환 const STATUS_LABELS = { @@ -13,27 +15,19 @@ const STATUS_LABELS = { closed: '종료' }; -// 유형 한글 변환 -const TYPE_LABELS = { - nonconformity: '부적합', - safety: '안전' -}; - // DOM 요소 let issueList; -let filterStatus, filterType, filterStartDate, filterEndDate; +let filterStatus, filterStartDate, filterEndDate; // 초기화 document.addEventListener('DOMContentLoaded', async () => { issueList = document.getElementById('issueList'); filterStatus = document.getElementById('filterStatus'); - filterType = document.getElementById('filterType'); filterStartDate = document.getElementById('filterStartDate'); filterEndDate = document.getElementById('filterEndDate'); // 필터 이벤트 리스너 filterStatus.addEventListener('change', loadIssues); - filterType.addEventListener('change', loadIssues); filterStartDate.addEventListener('change', loadIssues); filterEndDate.addEventListener('change', loadIssues); @@ -42,16 +36,15 @@ document.addEventListener('DOMContentLoaded', async () => { }); /** - * 통계 로드 + * 통계 로드 (부적합만) */ async function loadStats() { try { - const response = await fetch(`${API_BASE}/work-issues/stats/summary`, { + const response = await fetch(`${API_BASE}/work-issues/stats/summary?category_type=${CATEGORY_TYPE}`, { headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } }); if (!response.ok) { - // 권한이 없는 경우 (일반 사용자) document.getElementById('statsGrid').style.display = 'none'; return; } @@ -70,15 +63,15 @@ async function loadStats() { } /** - * 신고 목록 로드 + * 부적합 목록 로드 */ async function loadIssues() { try { - // 필터 파라미터 구성 + // 필터 파라미터 구성 (category_type 고정) const params = new URLSearchParams(); + params.append('category_type', CATEGORY_TYPE); if (filterStatus.value) params.append('status', filterStatus.value); - if (filterType.value) params.append('category_type', filterType.value); if (filterStartDate.value) params.append('start_date', filterStartDate.value); if (filterEndDate.value) params.append('end_date', filterEndDate.value); @@ -93,7 +86,7 @@ async function loadIssues() { renderIssues(data.data || []); } } catch (error) { - console.error('신고 목록 로드 실패:', error); + console.error('부적합 목록 로드 실패:', error); issueList.innerHTML = `
목록을 불러올 수 없습니다
@@ -104,14 +97,14 @@ async function loadIssues() { } /** - * 신고 목록 렌더링 + * 부적합 목록 렌더링 */ function renderIssues(issues) { if (issues.length === 0) { issueList.innerHTML = `
-
등록된 신고가 없습니다
-

새로운 문제를 신고하려면 '새 신고' 버튼을 클릭하세요.

+
등록된 부적합 신고가 없습니다
+

새로운 부적합을 신고하려면 '부적합 신고' 버튼을 클릭하세요.

`; return; @@ -138,7 +131,7 @@ function renderIssues(issues) { } // 신고 제목 (항목명 또는 카테고리명) - const title = issue.issue_item_name || issue.issue_category_name || '신고'; + const title = issue.issue_item_name || issue.issue_category_name || '부적합 신고'; // 사진 목록 const photos = [ @@ -157,7 +150,7 @@ function renderIssues(issues) {
- ${TYPE_LABELS[issue.category_type] || ''} + ${issue.issue_category_name || '부적합'} ${title}
@@ -214,8 +207,8 @@ function renderIssues(issues) { } /** - * 신고 상세 보기 + * 상세 보기 */ function viewIssue(reportId) { - window.location.href = `/pages/safety/issue-detail.html?id=${reportId}`; + window.location.href = `/pages/safety/issue-detail.html?id=${reportId}&from=nonconformity`; } diff --git a/web-ui/js/safety-report-list.js b/web-ui/js/safety-report-list.js new file mode 100644 index 0000000..1ae21e5 --- /dev/null +++ b/web-ui/js/safety-report-list.js @@ -0,0 +1,214 @@ +/** + * 안전신고 현황 페이지 JavaScript + * category_type=safety 고정 필터 + */ + +const API_BASE = window.API_BASE_URL || 'http://localhost:20005/api'; +const CATEGORY_TYPE = 'safety'; + +// 상태 한글 변환 +const STATUS_LABELS = { + reported: '신고', + received: '접수', + in_progress: '처리중', + completed: '완료', + closed: '종료' +}; + +// DOM 요소 +let issueList; +let filterStatus, filterStartDate, filterEndDate; + +// 초기화 +document.addEventListener('DOMContentLoaded', async () => { + issueList = document.getElementById('issueList'); + filterStatus = document.getElementById('filterStatus'); + filterStartDate = document.getElementById('filterStartDate'); + filterEndDate = document.getElementById('filterEndDate'); + + // 필터 이벤트 리스너 + filterStatus.addEventListener('change', loadIssues); + filterStartDate.addEventListener('change', loadIssues); + filterEndDate.addEventListener('change', loadIssues); + + // 데이터 로드 + await Promise.all([loadStats(), loadIssues()]); +}); + +/** + * 통계 로드 (안전만) + */ +async function loadStats() { + try { + const response = await fetch(`${API_BASE}/work-issues/stats/summary?category_type=${CATEGORY_TYPE}`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (!response.ok) { + document.getElementById('statsGrid').style.display = 'none'; + return; + } + + const data = await response.json(); + if (data.success && data.data) { + document.getElementById('statReported').textContent = data.data.reported || 0; + document.getElementById('statReceived').textContent = data.data.received || 0; + document.getElementById('statProgress').textContent = data.data.in_progress || 0; + document.getElementById('statCompleted').textContent = data.data.completed || 0; + } + } catch (error) { + console.error('통계 로드 실패:', error); + document.getElementById('statsGrid').style.display = 'none'; + } +} + +/** + * 안전신고 목록 로드 + */ +async function loadIssues() { + try { + // 필터 파라미터 구성 (category_type 고정) + const params = new URLSearchParams(); + params.append('category_type', CATEGORY_TYPE); + + if (filterStatus.value) params.append('status', filterStatus.value); + if (filterStartDate.value) params.append('start_date', filterStartDate.value); + if (filterEndDate.value) params.append('end_date', filterEndDate.value); + + const response = await fetch(`${API_BASE}/work-issues?${params.toString()}`, { + headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` } + }); + + if (!response.ok) throw new Error('목록 조회 실패'); + + const data = await response.json(); + if (data.success) { + renderIssues(data.data || []); + } + } catch (error) { + console.error('안전신고 목록 로드 실패:', error); + issueList.innerHTML = ` +
+
목록을 불러올 수 없습니다
+

잠시 후 다시 시도해주세요.

+
+ `; + } +} + +/** + * 안전신고 목록 렌더링 + */ +function renderIssues(issues) { + if (issues.length === 0) { + issueList.innerHTML = ` +
+
등록된 안전 신고가 없습니다
+

새로운 안전 문제를 신고하려면 '안전 신고' 버튼을 클릭하세요.

+
+ `; + return; + } + + const baseUrl = (window.API_BASE_URL || 'http://localhost:20005').replace('/api', ''); + + issueList.innerHTML = issues.map(issue => { + const reportDate = new Date(issue.report_date).toLocaleString('ko-KR', { + year: 'numeric', + month: '2-digit', + day: '2-digit', + hour: '2-digit', + minute: '2-digit' + }); + + // 위치 정보 + let location = issue.custom_location || ''; + if (issue.factory_name) { + location = issue.factory_name; + if (issue.workplace_name) { + location += ` - ${issue.workplace_name}`; + } + } + + // 신고 제목 (항목명 또는 카테고리명) + const title = issue.issue_item_name || issue.issue_category_name || '안전 신고'; + + // 사진 목록 + const photos = [ + issue.photo_path1, + issue.photo_path2, + issue.photo_path3, + issue.photo_path4, + issue.photo_path5 + ].filter(Boolean); + + return ` +
+
+ #${issue.report_id} + ${STATUS_LABELS[issue.status] || issue.status} +
+ +
+ ${issue.issue_category_name || '안전'} + ${title} +
+ +
+ + + + + + ${issue.reporter_full_name || issue.reporter_name} + + + + + + + + + ${reportDate} + + ${location ? ` + + + + + + ${location} + + ` : ''} + ${issue.assigned_full_name ? ` + + + + + + + + 담당: ${issue.assigned_full_name} + + ` : ''} +
+ + ${photos.length > 0 ? ` +
+ ${photos.slice(0, 3).map(p => ` + 신고 사진 + `).join('')} + ${photos.length > 3 ? `+${photos.length - 3}` : ''} +
+ ` : ''} +
+ `; + }).join(''); +} + +/** + * 상세 보기 + */ +function viewIssue(reportId) { + window.location.href = `/pages/safety/issue-detail.html?id=${reportId}&from=safety`; +} diff --git a/web-ui/js/workplace-status.js b/web-ui/js/workplace-status.js index 8c62258..9a0546f 100644 --- a/web-ui/js/workplace-status.js +++ b/web-ui/js/workplace-status.js @@ -158,7 +158,14 @@ async function loadMapImage() { // ==================== 금일 데이터 로드 ==================== async function loadTodayData() { - const today = new Date().toISOString().split('T')[0]; + // 로컬 시간대 기준으로 오늘 날짜 구하기 (UTC가 아닌 한국 시간 기준) + const now = new Date(); + const year = now.getFullYear(); + const month = String(now.getMonth() + 1).padStart(2, '0'); + const day = String(now.getDate()).padStart(2, '0'); + const today = `${year}-${month}-${day}`; + + console.log('[대시보드] 조회 날짜 (로컬):', today); // TBM 작업자 데이터 로드 await loadTodayWorkers(today); @@ -213,7 +220,13 @@ async function loadTodayVisitors(date) { // 금일 날짜와 승인된 요청 필터링 todayVisitors = requests.filter(req => { - const visitDate = new Date(req.visit_date).toISOString().split('T')[0]; + // UTC 변환 없이 로컬 날짜로 비교 + const visitDateObj = new Date(req.visit_date); + const visitYear = visitDateObj.getFullYear(); + const visitMonth = String(visitDateObj.getMonth() + 1).padStart(2, '0'); + const visitDay = String(visitDateObj.getDate()).padStart(2, '0'); + const visitDate = `${visitYear}-${visitMonth}-${visitDay}`; + return visitDate === formattedDate && (req.status === 'approved' || req.status === 'training_completed'); }).map(req => ({ diff --git a/web-ui/pages/admin/codes.html b/web-ui/pages/admin/codes.html index 963d2cf..dd375e6 100644 --- a/web-ui/pages/admin/codes.html +++ b/web-ui/pages/admin/codes.html @@ -22,7 +22,7 @@

코드 관리

-

작업 상태, 오류 유형, 작업 유형 등 시스템에서 사용하는 코드를 관리합니다

+

작업 상태, 작업 유형 등 시스템에서 사용하는 코드를 관리합니다

@@ -33,7 +33,6 @@
-
@@ -59,30 +58,6 @@
- -
-
-
-

오류 유형 관리

-
- -
-
- -
- 총 0개 - 심각 0개 - 높음 0개 - 보통 0개 - 낮음 0개 -
- -
- -
-
-
-
@@ -139,22 +114,6 @@ 체크하면 이 상태는 오류로 간주됩니다
- - - - -