feat: 다수 기능 개선 - 순찰, 출근, 작업분석, 모바일 UI 등

- 순찰/점검 기능 개선 (zone-detail 페이지 추가)
- 출근/근태 시스템 개선 (연차 조회, 근무현황)
- 작업분석 대분류 그룹화 및 마이그레이션 스크립트
- 모바일 네비게이션 UI 추가
- NAS 배포 도구 및 문서 추가

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

web-ui/pages/work/analysis.html

@@ -702,13 +702,11 @@
                 
                 updateTime: function() {
                     const now = new Date();
-                    const timeString = now.toLocaleTimeString('ko-KR', {
-                        hour12: false,
-                        hour: '2-digit',
-                        minute: '2-digit',
-                        second: '2-digit'
-                    });
-                    
+                    const hours = String(now.getHours()).padStart(2, '0');
+                    const minutes = String(now.getMinutes()).padStart(2, '0');
+                    const seconds = String(now.getSeconds()).padStart(2, '0');
+                    const timeString = `${hours}시 ${minutes}분 ${seconds}초`;
+
                     const timeElement = document.querySelector('.time-value');
                     if (timeElement) {
                         timeElement.textContent = timeString;
@@ -1490,9 +1488,10 @@
                     }
 
                     const hours = parseFloat(work.work_hours) || 0;
-                    if (work.work_status === 'error' || work.error_type_id) {
+                    // work_status_id: 1=정상, 2=오류
+                    if (work.work_status_id === 2 || work.error_type_id) {
                         vacationData.errorHours += hours;
-                        const errorTypeName = work.error_type_name || work.error_description || '설계미스';
+                        const errorTypeName = work.error_type_name || work.error_category_name || work.error_description || '미지정 오류';
                         if (!vacationData.errorDetails.has(errorTypeName)) {
                             vacationData.errorDetails.set(errorTypeName, 0);
                         }
@@ -1527,11 +1526,12 @@
                     const workTypeData = workTypeMap.get(combinedKey);
                     const hours = parseFloat(work.work_hours) || 0;
 
-                    if (work.work_status === 'error' || work.error_type_id) {
+                    // work_status_id: 1=정상, 2=오류
+                    if (work.work_status_id === 2 || work.error_type_id) {
                         workTypeData.errorHours += hours;
                         
                         // 오류 유형별 세분화
-                        const errorTypeName = work.error_type_name || work.error_description || '설계미스';
+                        const errorTypeName = work.error_type_name || work.error_category_name || work.error_description || '미지정 오류';
                         if (!workTypeData.errorDetails.has(errorTypeName)) {
                             workTypeData.errorDetails.set(errorTypeName, 0);
                         }

web-ui/pages/work/report-create.html

@@ -6,6 +6,7 @@
   <title>일일 작업보고서 작성 | (주)테크니컬코리아</title>
   <link rel="stylesheet" href="/css/design-system.css">
   <link rel="stylesheet" href="/css/daily-work-report.css?v=12">
+  <link rel="stylesheet" href="/css/mobile.css?v=1">
   <link rel="icon" type="image/png" href="/img/favicon.png">
   <!-- 최적화된 로딩 -->
   <script src="/js/api-base.js"></script>
@@ -178,5 +179,19 @@
 
   <!-- 기존 UI 로직 (점진적 마이그레이션) -->
   <script type="module" src="/js/daily-work-report.js?v=29"></script>
+
+  <!-- 모바일 하단 네비게이션 -->
+  <div id="mobile-nav-container"></div>
+  <script>
+    if (window.innerWidth <= 768) {
+      fetch('/components/mobile-nav.html')
+        .then(r => r.text())
+        .then(html => {
+          document.getElementById('mobile-nav-container').innerHTML = html;
+          const scripts = document.getElementById('mobile-nav-container').querySelectorAll('script');
+          scripts.forEach(s => eval(s.textContent));
+        });
+    }
+  </script>
 </body>
 </html>

web-ui/pages/work/tbm.html

@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="/css/design-system.css">
     <link rel="stylesheet" href="/css/common.css?v=2">
     <link rel="stylesheet" href="/css/tbm.css?v=1">
+    <link rel="stylesheet" href="/css/mobile.css?v=1">
     <link rel="icon" type="image/png" href="/img/favicon.png">
     <!-- 최적화된 로딩: API 설정 → 앱 초기화 (병렬 컴포넌트 로딩) -->
     <script src="/js/api-base.js"></script>
@@ -668,5 +669,19 @@
 
     <!-- 기존 UI 로직 (점진적 마이그레이션) -->
     <script type="module" src="/js/tbm.js?v=4"></script>
+
+    <!-- 모바일 하단 네비게이션 -->
+    <div id="mobile-nav-container"></div>
+    <script>
+      if (window.innerWidth <= 768) {
+        fetch('/components/mobile-nav.html')
+          .then(r => r.text())
+          .then(html => {
+            document.getElementById('mobile-nav-container').innerHTML = html;
+            const scripts = document.getElementById('mobile-nav-container').querySelectorAll('script');
+            scripts.forEach(s => eval(s.textContent));
+          });
+      }
+    </script>
 </body>
 </html>