refactor: TBM/작업보고 코드 통합 및 API 쿼리 버그 수정

- 공통 유틸리티 추출 (common/utils.js, common/base-state.js)
- TBM 모바일 인라인 JS/CSS 외부 파일로 분리 (tbm-mobile.js, tbm-mobile.css)
- 미사용 코드 삭제 (index.js, work-report-*.js 등 5개 파일)
- TBM/작업보고 state.js, utils.js를 공통 모듈 기반으로 전환
- 작업보고서 SSO 인증 호환 수정 (token/user 함수)
- tbmModel.js: incomplete-reports 쿼리에서 users→sso_users 조인 수정, leader_name 조인 추가
- docker-compose.yml: system1-web 볼륨 마운트 추가
- 모바일 인계(handover) 기능 추가

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

system1-factory/web/js/tbm/utils.js

@@ -1,46 +1,23 @@
 /**
  * TBM - Utilities
- * TBM 관련 유틸리티 함수들
+ * TBM 관련 유틸리티 함수들 (공통 함수는 CommonUtils에 위임)
  */
 
 class TbmUtils {
   constructor() {
+    this._common = window.CommonUtils;
     console.log('[TbmUtils] 초기화 완료');
   }
 
-  /**
-   * 서울 시간대(Asia/Seoul, UTC+9) 기준 오늘 날짜를 YYYY-MM-DD 형식으로 반환
-   */
-  getTodayKST() {
-    const now = new Date();
-    const kstOffset = 9 * 60;
-    const utc = now.getTime() + (now.getTimezoneOffset() * 60000);
-    const kstTime = new Date(utc + (kstOffset * 60000));
+  // --- CommonUtils 위임 ---
+  getTodayKST() { return this._common.getTodayKST(); }
+  formatDate(dateString) { return this._common.formatDate(dateString); }
+  getDayOfWeek(dateString) { return this._common.getDayOfWeek(dateString); }
+  isToday(dateString) { return this._common.isToday(dateString); }
+  generateUUID() { return this._common.generateUUID(); }
+  escapeHtml(text) { return this._common.escapeHtml(text); }
 
-    const year = kstTime.getFullYear();
-    const month = String(kstTime.getMonth() + 1).padStart(2, '0');
-    const day = String(kstTime.getDate()).padStart(2, '0');
-
-    return `${year}-${month}-${day}`;
-  }
-
-  /**
-   * ISO 날짜 문자열을 YYYY-MM-DD 형식으로 변환
-   */
-  formatDate(dateString) {
-    if (!dateString) return '';
-
-    if (/^\d{4}-\d{2}-\d{2}$/.test(dateString)) {
-      return dateString;
-    }
-
-    const date = new Date(dateString);
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const day = String(date.getDate()).padStart(2, '0');
-
-    return `${year}-${month}-${day}`;
-  }
+  // --- TBM 전용 ---
 
   /**
    * 날짜 표시용 포맷 (MM월 DD일)
@@ -56,30 +33,11 @@ class TbmUtils {
    */
   formatDateFull(dateString) {
     if (!dateString) return '';
-    const dayNames = ['일', '월', '화', '수', '목', '금', '토'];
     const [year, month, day] = dateString.split('-');
-    const dateObj = new Date(dateString);
-    const dayName = dayNames[dateObj.getDay()];
+    const dayName = this._common.getDayOfWeek(dateString);
     return `${year}년 ${parseInt(month)}월 ${parseInt(day)}일 (${dayName})`;
   }
 
-  /**
-   * 요일 반환
-   */
-  getDayOfWeek(dateString) {
-    const dayNames = ['일', '월', '화', '수', '목', '금', '토'];
-    const dateObj = new Date(dateString + 'T00:00:00');
-    return dayNames[dateObj.getDay()];
-  }
-
-  /**
-   * 오늘인지 확인
-   */
-  isToday(dateString) {
-    const today = this.getTodayKST();
-    return this.formatDate(dateString) === today;
-  }
-
   /**
    * 현재 시간을 HH:MM 형식으로 반환
    */
@@ -87,40 +45,13 @@ class TbmUtils {
     return new Date().toTimeString().slice(0, 5);
   }
 
-  /**
-   * UUID 생성
-   */
-  generateUUID() {
-    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      const r = Math.random() * 16 | 0;
-      const v = c === 'x' ? r : (r & 0x3 | 0x8);
-      return v.toString(16);
-    });
-  }
-
-  /**
-   * HTML 이스케이프
-   */
-  escapeHtml(text) {
-    if (!text) return '';
-    const div = document.createElement('div');
-    div.textContent = text;
-    return div.innerHTML;
-  }
-
   /**
    * 날씨 조건명 반환
    */
   getWeatherConditionName(code) {
     const names = {
-      clear: '맑음',
-      rain: '비',
-      snow: '눈',
-      heat: '폭염',
-      cold: '한파',
-      wind: '강풍',
-      fog: '안개',
-      dust: '미세먼지'
+      clear: '맑음', rain: '비', snow: '눈', heat: '폭염',
+      cold: '한파', wind: '강풍', fog: '안개', dust: '미세먼지'
     };
     return names[code] || code;
   }
@@ -130,14 +61,8 @@ class TbmUtils {
    */
   getWeatherIcon(code) {
     const icons = {
-      clear: '☀️',
-      rain: '🌧️',
-      snow: '❄️',
-      heat: '🔥',
-      cold: '🥶',
-      wind: '💨',
-      fog: '🌫️',
-      dust: '😷'
+      clear: '☀️', rain: '🌧️', snow: '❄️', heat: '🔥',
+      cold: '🥶', wind: '💨', fog: '🌫️', dust: '😷'
     };
     return icons[code] || '🌤️';
   }
@@ -147,12 +72,9 @@ class TbmUtils {
    */
   getCategoryName(category) {
     const names = {
-      'PPE': '개인 보호 장비',
-      'EQUIPMENT': '장비 점검',
-      'ENVIRONMENT': '작업 환경',
-      'EMERGENCY': '비상 대응',
-      'WEATHER': '날씨',
-      'TASK': '작업'
+      'PPE': '개인 보호 장비', 'EQUIPMENT': '장비 점검',
+      'ENVIRONMENT': '작업 환경', 'EMERGENCY': '비상 대응',
+      'WEATHER': '날씨', 'TASK': '작업'
     };
     return names[category] || category;
   }