초기 커밋 - 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/scan.html
+++ b/frontend/static/pages/mechanic/scan.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<title>QR 스캔</title>
+<link rel="stylesheet" href="/css/style.css">
+<style>
+#reader{width:100%;max-width:400px;margin:0 auto;border-radius:10px;overflow:hidden;}
+.scan-wrap{max-width:480px;margin:0 auto;padding:20px;}
+</style>
+</head>
+<body>
+<nav class="nav">
+  <span class="nav-brand">⚡ QR 스캔</span>
+  <div id="navUser"></div>
+</nav>
+<div class="scan-wrap">
+  <div class="alert alert-info" style="margin-bottom:16px;">충전기의 QR 코드를 카메라로 인식해 주세요.</div>
+  <div id="reader"></div>
+  <div id="result" class="alert alert-success" style="display:none;margin-top:14px;"></div>
+  <div style="margin-top:16px;">
+    <div class="form-group">
+      <label>충전기 ID 직접 입력</label>
+      <div style="display:flex;gap:8px;">
+        <input type="text" id="manualId" placeholder="예: CG-003">
+        <button class="btn btn-primary" onclick="goManual()">이동</button>
+      </div>
+    </div>
+  </div>
+</div>
+<script src="https://unpkg.com/html5-qrcode/minified/html5-qrcode.min.js"></script>
+<script src="/js/api.js"></script><script src="/js/auth.js"></script>
+<script>
+Auth.require(['mechanic','admin']);
+Auth.renderNav(document.getElementById('navUser'));
+
+const scanner = new Html5Qrcode("reader");
+scanner.start({ facingMode: "environment" },
+  { fps: 10, qrbox: { width: 250, height: 250 } },
+  qrText => {
+    scanner.stop();
+    document.getElementById('result').style.display = 'block';
+    document.getElementById('result').textContent = '인식됨: ' + qrText + ' — 이동 중...';
+    // URL에서 charger_id 추출
+    try {
+      const url = new URL(qrText);
+      const parts = url.pathname.split('/');
+      const chargerId = parts[parts.length - 1];
+      setTimeout(() => location.href = `/pages/mechanic/repair.html?charger_id=${chargerId}`, 800);
+    } catch {
+      setTimeout(() => location.href = `/pages/mechanic/repair.html?charger_id=${qrText}`, 800);
+    }
+  },
+  () => {}
+).catch(() => {
+  document.getElementById('reader').innerHTML = '<div class="alert alert-warn">카메라 접근이 거부되었습니다. 직접 입력을 이용해 주세요.</div>';
+});
+
+function goManual() {
+  const id = document.getElementById('manualId').value.trim();
+  if (!id) return;
+  location.href = `/pages/mechanic/repair.html?charger_id=${id}`;
+}
+</script>
+</body>
+</html>