1차완료

2026-06-02 19:34:36 +09:00
parent 9f0f4326fe
commit b6863cd260
28 changed files with 1667 additions and 460 deletions
--- a/frontend/static/pages/mechanic/dashboard.html
+++ b/frontend/static/pages/mechanic/dashboard.html
@@ -47,16 +47,17 @@
 </head>
 <body>
 <nav class="nav">
-  <span class="nav-brand">⚡ EV AS 관리</span>
+  <div style="display:flex;align-items:center;gap:2px;"><button class="nav-hamburger" onclick="toggleSidebar()">☰</button><span class="nav-brand">⚡ EV AS 관리</span></div>
  <div id="navUser"></div>
 </nav>
+<div class="mobile-nav-overlay" id="navOverlay" onclick="toggleSidebar()"></div>
 <div class="mech-tab-bar">
  <a href="/pages/mechanic/dashboard.html" class="active">📋<span>AS 목록</span></a>
  <a href="/pages/mechanic/scan.html">📷<span>QR 스캔</span></a>
  <a href="/pages/mechanic/history.html">🗂<span>처리 이력</span></a>
 </div>
 <div class="layout">
-  <div class="sidebar">
+  <div class="sidebar" id="sidebar">
    <div class="sidebar-section">메뉴</div>
    <a href="/pages/mechanic/dashboard.html" class="active">📋 AS 목록</a>
    <a href="/pages/mechanic/scan.html">📷 QR 스캔</a>
@@ -157,7 +158,7 @@ function renderList() {
      : `/pages/mechanic/repair.html?charger_id=${r.charger_id}&report_id=${r.id}`;
    return `
    <tr onclick="location.href='${href}'">
-      <td>#${r.id}${r.re_dispatch_count > 0 ? ' <span style="font-size:10px;background:#FEF3C7;color:#92400E;padding:1px 6px;border-radius:8px;font-weight:700;vertical-align:middle;">🔁재조치</span>' : ''}</td>
+      <td>#${r.id}${r.re_dispatch_count > 0 ? ' <span style="font-size:10px;background:#FEF3C7;color:#92400E;padding:1px 6px;border-radius:8px;font-weight:700;vertical-align:middle;">🔁 ' + (r.re_dispatch_count + 1) + '차 조치</span>' : ''}</td>
      <td><strong>${r.charger_id}</strong><br><small>${r.charger_name||''}</small></td>
      <td>${r.station_name||'-'}</td>
      <td>${r.charger_type||'-'}</td>
--- a/frontend/static/pages/mechanic/history.html
+++ b/frontend/static/pages/mechanic/history.html
@@ -28,16 +28,17 @@
 </head>
 <body>
 <nav class="nav">
-  <span class="nav-brand">⚡ EV AS 관리</span>
+  <div style="display:flex;align-items:center;gap:2px;"><button class="nav-hamburger" onclick="toggleSidebar()">☰</button><span class="nav-brand">⚡ EV AS 관리</span></div>
  <div id="navUser"></div>
 </nav>
+<div class="mobile-nav-overlay" id="navOverlay" onclick="toggleSidebar()"></div>
 <div class="mech-tab-bar">
  <a href="/pages/mechanic/dashboard.html">📋<span>AS 목록</span></a>
  <a href="/pages/mechanic/scan.html">📷<span>QR 스캔</span></a>
  <a href="/pages/mechanic/history.html" class="active">🗂<span>처리 이력</span></a>
 </div>
 <div class="layout">
-  <div class="sidebar">
+  <div class="sidebar" id="sidebar">
    <div class="sidebar-section">메뉴</div>
    <a href="/pages/mechanic/dashboard.html">📋 AS 목록</a>
    <a href="/pages/mechanic/scan.html">📷 QR 스캔</a>
@@ -136,6 +137,7 @@ function render() {
            <span class="${isApproved ? 'badge-approved' : 'badge-pending'}">
              ${isApproved ? '✅ 승인완료' : '⏳ 승인대기'}
            </span>
+            ${r.attempt > 1 ? `<span style="font-size:11px;background:#FEF3C7;color:#92400E;padding:2px 8px;border-radius:10px;font-weight:700;">🔁 ${r.attempt}차 조치</span>` : ''}
            <span style="font-size:11px;color:var(--gray4)">${RESULT_LABEL[r.result_status] || r.result_status}</span>
          </div>
        </div>
--- a/frontend/static/pages/mechanic/repair.html
+++ b/frontend/static/pages/mechanic/repair.html
@@ -10,20 +10,29 @@
 .photo-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
 .photo-preview img{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid var(--gray3);}
 .photo-info{font-size:11px;margin-top:4px;min-height:14px;color:var(--gray4);}
+@media(max-width:768px){
+  .upload-area{padding:16px 12px;font-size:13px;}
+  .photo-preview img{width:88px;height:88px;}
+  .main > div{max-width:100% !important;padding:0;}
+}
 </style>
 </head>
 <body>
 <nav class="nav">
-  <span class="nav-brand">⚡ EV AS 관리</span>
+  <div style="display:flex;align-items:center;gap:2px;">
+    <button class="nav-hamburger" onclick="toggleSidebar()">☰</button>
+    <span class="nav-brand">⚡ EV AS 관리</span>
+  </div>
  <div id="navUser"></div>
 </nav>
+<div class="mobile-nav-overlay" id="navOverlay" onclick="toggleSidebar()"></div>
 <div class="mech-tab-bar">
  <a href="/pages/mechanic/dashboard.html">📋<span>AS 목록</span></a>
  <a href="/pages/mechanic/scan.html">📷<span>QR 스캔</span></a>
  <a href="/pages/mechanic/history.html">🗂<span>처리 이력</span></a>
 </div>
 <div class="layout">
-  <div class="sidebar">
+  <div class="sidebar" id="sidebar">
    <div class="sidebar-section">메뉴</div>
    <a href="/pages/mechanic/dashboard.html">📋 AS 목록</a>
    <a href="/pages/mechanic/scan.html">📷 QR 스캔</a>
@@ -42,7 +51,8 @@
  </div>

  <div class="card">
-    <div class="card-title">🔧 조치 내역 입력</div>
+    <div class="card-title" id="repairCardTitle">🔧 조치 내역 입력</div>
+    <div id="attemptBanner"></div>

    <div class="form-group">
      <label>조치 유형 <span class="req">*</span></label>
@@ -125,6 +135,13 @@
 Auth.require(['mechanic','admin']);
 Auth.renderNav(document.getElementById('navUser'));

+function toggleSidebar() {
+  const s = document.getElementById('sidebar');
+  const o = document.getElementById('navOverlay');
+  if (s) s.classList.toggle('mobile-open');
+  if (o) o.classList.toggle('show');
+}
+
 const params       = new URLSearchParams(location.search);
 const repairId     = params.get('repair_id');   // 편집 모드
 const chargerId    = params.get('charger_id');   // 신규 모드
@@ -185,13 +202,24 @@ async function loadCreate() {
          ' onchange="toggleReport(' + r.id + ',this.checked,this.closest(\'label\'))">' +
        '<div>' +
          '<div><strong>#' + r.id + '</strong> ' + Auth.statusBadge(r.status) +
-            (r.re_dispatch_count > 0 ? ' <span style="font-size:11px;background:#FEF3C7;color:#92400E;padding:1px 7px;border-radius:8px;font-weight:700;">🔁 재조치 ' + r.re_dispatch_count + '회</span>' : '') + '</div>' +
+            (r.re_dispatch_count > 0 ? ' <span style="font-size:11px;background:#FEF3C7;color:#92400E;padding:1px 7px;border-radius:8px;font-weight:700;">🔁 ' + (r.re_dispatch_count + 1) + '차 조치</span>' : '') + '</div>' +
          '<div style="font-size:12px;color:var(--text2);margin-top:2px">' + ((r.issue_types || []).join(', ')) + '</div>' +
          '<div style="font-size:11px;color:var(--gray4)">' + Auth.fmtDt(r.reported_at) + '</div>' +
          photoHtml +
        '</div>' +
      '</label>';
    }).join('');
+
+    // 차수 배너: 대상 신고(initReportId 또는 첫 번째)의 re_dispatch_count 기준
+    var targetReport = reports.find(function(r) { return r.id === parseInt(initReportId); }) || reports[0];
+    if (targetReport && targetReport.re_dispatch_count > 0) {
+      var nth = targetReport.re_dispatch_count + 1;
+      document.getElementById('repairCardTitle').textContent = '🔧 조치 내역 입력 (' + nth + '차 조치)';
+      document.getElementById('attemptBanner').innerHTML =
+        '<div style="background:#FFF7E6;border:1px solid #F59E0B;border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:13px;font-weight:600;color:#92400E;">' +
+        '🔁 이 건은 <strong>' + nth + '차 조치</strong> 대상입니다. (이전 조치 후 관리자 재조치 요청됨)' +
+        '</div>';
+    }
  } catch(e) {
    document.getElementById('chargerCard').innerHTML =
      '<div class="alert alert-danger">충전기 정보를 불러오지 못했습니다.<br><small style="opacity:.8">' + e.message + '</small></div>';
@@ -214,8 +242,18 @@ async function loadEdit() {
  // 헤더 업데이트
  var h2el = document.querySelector('.main > div > h2') || document.querySelector('h2');
  if (h2el) h2el.parentNode.removeChild(h2el);
+  const attemptLabel = repair.attempt > 1 ? ` · ${repair.attempt}차 조치` : '';
  document.querySelector('a.btn-outline.btn-sm').insertAdjacentHTML('afterend',
-    `<span style="font-size:17px;font-weight:700;color:var(--navy)">조치 수정 #${repair.id}</span>`);
+    `<span style="font-size:17px;font-weight:700;color:var(--navy)">조치 수정 #${repair.id}${attemptLabel}</span>`);
+
+  // 차수 배너 (2차 이상일 때)
+  if (repair.attempt > 1) {
+    document.getElementById('repairCardTitle').textContent = `🔧 조치 내역 입력 (${repair.attempt}차 조치)`;
+    document.getElementById('attemptBanner').innerHTML =
+      `<div style="background:#FFF7E6;border:1px solid #F59E0B;border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:13px;font-weight:600;color:#92400E;">` +
+      `🔁 이 건은 <strong>${repair.attempt}차 조치</strong> 대상입니다. (이전 조치 후 관리자 재조치 요청됨)` +
+      `</div>`;
+  }

  // 충전기 카드
  document.getElementById('chargerCard').innerHTML = `
--- a/frontend/static/pages/mechanic/scan.html
+++ b/frontend/static/pages/mechanic/scan.html
@@ -10,16 +10,17 @@
 </head>
 <body>
 <nav class="nav">
-  <span class="nav-brand">⚡ EV AS 관리</span>
+  <div style="display:flex;align-items:center;gap:2px;"><button class="nav-hamburger" onclick="toggleSidebar()">☰</button><span class="nav-brand">⚡ EV AS 관리</span></div>
  <div id="navUser"></div>
 </nav>
+<div class="mobile-nav-overlay" id="navOverlay" onclick="toggleSidebar()"></div>
 <div class="mech-tab-bar">
  <a href="/pages/mechanic/dashboard.html">📋<span>AS 목록</span></a>
  <a href="/pages/mechanic/scan.html" class="active">📷<span>QR 스캔</span></a>
  <a href="/pages/mechanic/history.html">🗂<span>처리 이력</span></a>
 </div>
 <div class="layout">
-  <div class="sidebar">
+  <div class="sidebar" id="sidebar">
    <div class="sidebar-section">메뉴</div>
    <a href="/pages/mechanic/dashboard.html">📋 AS 목록</a>
    <a href="/pages/mechanic/scan.html" class="active">📷 QR 스캔</a>