초기 커밋 - EV AS 관리 시스템

2026-04-18 06:18:58 +09:00
commit 7a5c397983
52 changed files with 6044 additions and 0 deletions
--- a/frontend/static/pages/mechanic/dashboard.html
+++ b/frontend/static/pages/mechanic/dashboard.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<title>정비사 대시보드</title>
+<link rel="stylesheet" href="/css/style.css">
+</head>
+<body>
+<nav class="nav">
+  <span class="nav-brand">⚡ EV AS 관리</span>
+  <div id="navUser"></div>
+</nav>
+<div class="layout">
+  <div class="sidebar">
+    <div class="sidebar-section">메뉴</div>
+    <a href="/pages/mechanic/dashboard.html" class="active">📋 AS 목록</a>
+    <a href="/pages/mechanic/scan.html">📷 QR 스캔</a>
+    <a href="/pages/mechanic/history.html">🗂 처리 이력</a>
+  </div>
+  <div class="main">
+    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;">
+      <h2 style="font-size:18px;font-weight:700;color:var(--navy)">AS 처리 목록</h2>
+      <a href="/pages/mechanic/scan.html" class="btn btn-accent">📷 QR 스캔하여 조치 시작</a>
+    </div>
+    <div class="card">
+      <div style="display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;">
+        <select id="filterStatus" style="width:auto">
+          <option value="">전체 상태</option>
+          <option value="pending">접수</option>
+          <option value="in_progress">처리중</option>
+        </select>
+        <button class="btn btn-outline btn-sm" onclick="load()">새로고침</button>
+      </div>
+      <div class="tbl-wrap">
+        <table>
+          <thead><tr><th>#</th><th>충전기</th><th>충전소</th><th>종류</th><th>문제유형</th><th>신고일시</th><th>상태</th><th>조치</th></tr></thead>
+          <tbody id="tbody"></tbody>
+        </table>
+      </div>
+      <div id="empty" class="alert alert-info" style="display:none">처리 대기 중인 AS가 없습니다.</div>
+    </div>
+  </div>
+</div>
+<script src="/js/api.js"></script><script src="/js/auth.js"></script>
+<script>
+Auth.require(['mechanic','admin']);
+Auth.renderNav(document.getElementById('navUser'));
+
+async function load() {
+  const status = document.getElementById('filterStatus').value;
+  const rows = await API.get('/repairs/pending' + (status ? '?status='+status : ''));
+  const tbody = document.getElementById('tbody');
+  if (!rows.length) { tbody.innerHTML=''; document.getElementById('empty').style.display='block'; return; }
+  document.getElementById('empty').style.display='none';
+  tbody.innerHTML = rows.map(r => `
+    <tr onclick="location.href='/pages/mechanic/repair.html?charger_id=${r.charger_id}&report_id=${r.id}'">
+      <td>#${r.id}</td>
+      <td><strong>${r.charger_id}</strong><br><small>${r.charger_name||''}</small></td>
+      <td>${r.station_name||'-'}</td>
+      <td>${r.charger_type||'-'}</td>
+      <td>${(r.issue_types||[]).join(', ')}</td>
+      <td>${Auth.fmtDt(r.reported_at)}</td>
+      <td>${Auth.statusBadge(r.status)}</td>
+      <td><a class="btn btn-primary btn-sm" href="/pages/mechanic/repair.html?charger_id=${r.charger_id}&report_id=${r.id}" onclick="event.stopPropagation()">조치</a></td>
+    </tr>`).join('');
+}
+load();
+</script>
+</body>
+</html>