71 lines
3.0 KiB
HTML
71 lines
3.0 KiB
HTML
<!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>
|