초기 커밋 - 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/admin/costs.html
+++ b/frontend/static/pages/admin/costs.html
@@ -0,0 +1,86 @@
+<!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">AS 관리</div>
+    <a href="/pages/admin/dashboard.html">📊 대시보드</a>
+    <a href="/pages/admin/reports.html">📋 신고 목록</a>
+    <a href="/pages/admin/costs.html" class="active">💰 출장비 관리</a>
+    <div class="sidebar-section">시스템</div>
+    <a href="/pages/admin/improvements.html">🔧 개선항목</a>
+    <a href="/pages/admin/chargers.html">⚡ 충전기 관리</a>
+    <a href="/pages/admin/charger-types.html">🏷 충전기 종류</a>
+    <a href="/pages/admin/qr.html">📷 QR 생성</a>
+    <a href="/pages/admin/accounts.html">👥 계정 관리</a>
+    <a href="/pages/admin/settings.html">⚙️ 설정</a>
+  </div>
+  <div class="main">
+    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:10px;">
+      <h2 style="font-size:18px;font-weight:700;color:var(--navy)">출장비 관리</h2>
+      <button class="btn btn-success btn-sm" onclick="API.download('/export/costs','출장비목록.xlsx')">📥 엑셀 다운로드</button>
+    </div>
+    <div class="stats" id="stats"></div>
+    <div class="card">
+      <div style="display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;">
+        <select id="fStatus" style="width:auto">
+          <option value="">전체 상태</option>
+          <option value="pending">미처리</option>
+          <option value="billed">청구완료</option>
+          <option value="waived">면제</option>
+          <option value="settled">정산완료</option>
+        </select>
+        <select id="fParty" style="width:auto">
+          <option value="">전체 부담주체</option>
+          <option value="cpo">CPO</option>
+          <option value="manufacturer">제조사</option>
+          <option value="self">자체</option>
+          <option value="user">사용자과실</option>
+          <option value="other">기타</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">조회된 출장비가 없습니다.</div>
+    </div>
+  </div>
+</div>
+<script src="/js/api.js"></script><script src="/js/auth.js"></script>
+<script>
+Auth.require(['admin']); Auth.renderNav(document.getElementById('navUser'));
+const PARTY_LABEL = {cpo:'CPO',manufacturer:'제조사',self:'자체',user:'사용자과실',other:'기타'};
+
+async function load() {
+  const [statsData, costs] = await Promise.all([API.get('/costs/stats'), API.get('/costs?cost_status='+document.getElementById('fStatus').value+'&cost_party_type='+document.getElementById('fParty').value)]);
+  document.getElementById('stats').innerHTML = `
+    <div class="stat"><div class="stat-num">${statsData.monthly_total.toLocaleString()}</div><div class="stat-label">이달 출장비 합계(원)</div></div>
+    <div class="stat danger"><div class="stat-num">${statsData.pending_count}</div><div class="stat-label">미처리 건수</div></div>`;
+  const tbody = document.getElementById('tbody');
+  document.getElementById('empty').style.display = costs.length ? 'none' : 'block';
+  tbody.innerHTML = costs.map(c => `
+    <tr onclick="location.href='/pages/admin/report-detail.html?id=${(c.report_ids||[])[0]||''}'">
+      <td>${(c.report_ids||[]).map(i=>'#'+i).join(', ')}</td>
+      <td>${c.charger_id||'-'}</td>
+      <td>${c.station_name||'-'}</td>
+      <td>${c.mechanic_name||'-'}<br><small>${c.mechanic_company||''}</small></td>
+      <td>${PARTY_LABEL[c.cost_party_type]||c.cost_party_type||'-'}${c.cost_party_type==='manufacturer'?`<br><small>${c.manufacturer_name||''}</small>`:''}</td>
+      <td style="font-weight:700;color:var(--orange)">${(c.cost_amount||0).toLocaleString()}원</td>
+      <td>${Auth.costStatusBadge(c.cost_status)}</td>
+      <td>${Auth.fmtDt(c.reviewed_at)}</td>
+    </tr>`).join('');
+}
+load();
+</script>
+</body>
+</html>