기능 추가 및 버그 수정 — 처리시간 지표, 대시보드 차트, UI 개선

## 처리시간 지표 - 업무시간 기준(09-18 평일) / 공휴일 제외 24h / 달력 기준 3가지 모드 선택 - 공휴일 DB 관리 (holidays 테이블, 수동 등록·삭제·일괄 추가) - 2026년 공휴일 등록 지원 - 설정 페이지에서 라디오 버튼으로 모드 선택 ## 대시보드 차트 - 월별 평균 처리시간 막대 차트 추가 - 월별 신고 접수 건수 누적 막대 차트 추가 - 월별 → 일별 드릴다운 (막대 클릭 시 해당 월의 일별 차트로 전환) - 일별 막대 클릭 시 처리 완료/신고 접수 상세 내역 모달 - 충전기별 누적 고장 건수 Top 10 수평 막대 차트 추가 ## 신고 목록 - # 컬럼을 DB PK 대신 현재 목록 순서(1, 2, 3…)로 표시 - 엑셀 export 접수번호도 순차번호로 변경 ## 모바일 네비게이션 버그 수정 - 모바일에서 가로 오버플로우 시 nav가 body 넓이로 늘어나 햄버거 버튼이 화면 밖으로 밀리는 문제 수정 - nav를 position:fixed + body padding-top:54px 로 변경 (전체 페이지 적용) - 충전기 관리·신고 목록 페이지 지도 컨테이너에 isolation:isolate 적용 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-31 06:52:56 +09:00
parent 05b478372a
commit 2e8751ea6c
35 changed files with 5541 additions and 353 deletions
--- a/frontend/static/pages/admin/improvements.html
+++ b/frontend/static/pages/admin/improvements.html
@@ -1,4 +1,10 @@
-<!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>
+<!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">
+<style>
+  .cb-cell { width:36px; text-align:center; padding:8px 4px; }
+  input[type=checkbox] { width:16px; height:16px; cursor:pointer; }
+  tr.selected td { background:var(--gray2) !important; }
+  #btnDelete { display:none; }
+</style></head>
 <body>
 <nav class="nav"><span class="nav-brand">⚡ EV AS 관리 — 관리자</span><div id="navUser"></div></nav>
 <div class="layout">
@@ -11,6 +17,7 @@
    <a href="/pages/admin/improvements.html" class="active">🔧 개선항목</a>
    <a href="/pages/admin/chargers.html">⚡ 충전기 관리</a>
    <a href="/pages/admin/charger-types.html">🏷 충전기 종류</a>
+    <a href="/pages/admin/issue-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>
@@ -18,7 +25,8 @@
  <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>
-      <div style="display:flex;gap:8px">
+      <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+        <button id="btnDelete" class="btn btn-sm" style="background:#e53e3e;color:#fff;border:none;" onclick="bulkDelete()">🗑 선택 삭제 (<span id="selCount">0</span>개)</button>
        <button class="btn btn-success btn-sm" onclick="API.download('/export/improvements','개선항목목록.xlsx')">📥 엑셀</button>
        <button class="btn btn-primary" onclick="openModal()">+ 개선항목 등록</button>
      </div>
@@ -35,7 +43,10 @@
        <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>연결AS</th><th>상태</th><th>등록일</th><th>SW배포일</th></tr></thead>
+        <thead><tr>
+          <th class="cb-cell"><input type="checkbox" id="chkAll" onchange="toggleAll(this)"></th>
+          <th>#</th><th>제목</th><th>분류</th><th>우선순위</th><th>담당제조사</th><th>연결AS</th><th>상태</th><th>등록일</th><th>SW배포일</th>
+        </tr></thead>
        <tbody id="tbody"></tbody>
      </table></div>
      <div id="empty" class="alert alert-info" style="display:none">등록된 개선항목이 없습니다.</div>
@@ -90,6 +101,28 @@
 <script src="/js/api.js"></script><script src="/js/auth.js"></script>
 <script>
 Auth.require(['admin']); Auth.renderNav(document.getElementById('navUser'));
+
+function updateDeleteBtn() {
+  const checked = document.querySelectorAll('.row-chk:checked');
+  document.getElementById('selCount').textContent = checked.length;
+  document.getElementById('btnDelete').style.display = checked.length > 0 ? 'inline-flex' : 'none';
+}
+function toggleAll(chkAll) {
+  document.querySelectorAll('.row-chk').forEach(c => {
+    c.checked = chkAll.checked;
+    c.closest('tr').classList.toggle('selected', chkAll.checked);
+  });
+  updateDeleteBtn();
+}
+async function bulkDelete() {
+  const checked = [...document.querySelectorAll('.row-chk:checked')];
+  if (!checked.length) return;
+  if (!confirm(`선택한 개선항목 ${checked.length}건을 삭제합니다. 되돌릴 수 없습니다. 계속하시겠습니까?`)) return;
+  const ids = checked.map(c => parseInt(c.dataset.id));
+  try { await API.delete('/improvements/bulk', ids); load(); }
+  catch(e) { alert('삭제 중 오류가 발생했습니다: ' + e.message); }
+}
+
 const CAT = {sw:'SW',hw:'HW',ui:'UI',firmware:'펌웨어',other:'기타'};
 const PRI  = {urgent:'🔴 긴급',high:'🟠 높음',normal:'🟡 보통',low:'🟢 낮음'};
 const selectedReports = new Set();
@@ -105,18 +138,24 @@ async function load() {
  if (mfrSel.options.length <= 1)
    mfrs.forEach(m => { const o=document.createElement('option'); o.value=m.id; o.textContent=`${m.company||''} / ${m.name}`; mfrSel.appendChild(o); });

+  document.getElementById('chkAll').checked = false;
+  updateDeleteBtn();
  document.getElementById('empty').style.display = imps.length ? 'none' : 'block';
  document.getElementById('tbody').innerHTML = imps.map(i => `
-    <tr onclick="location.href='/pages/admin/improvement-detail.html?id=${i.id}'">
-      <td>#${i.id}</td>
-      <td style="max-width:200px"><strong>${i.title}</strong></td>
-      <td>${CAT[i.category]||i.category}</td>
-      <td>${PRI[i.priority]||i.priority}</td>
-      <td>${i.manufacturer_company||'-'}<br><small>${i.manufacturer_name||''}</small></td>
-      <td><span class="badge s-pending">${i.report_count}건</span></td>
-      <td>${Auth.statusBadge(i.status)}</td>
-      <td>${Auth.fmtDt(i.created_at)}</td>
-      <td>${i.sw_deployed_at||'-'}</td>
+    <tr>
+      <td class="cb-cell" onclick="event.stopPropagation()">
+        <input type="checkbox" class="row-chk" data-id="${i.id}"
+          onchange="this.closest('tr').classList.toggle('selected',this.checked);updateDeleteBtn()">
+      </td>
+      <td onclick="location.href='/pages/admin/improvement-detail.html?id=${i.id}'" style="cursor:pointer">#${i.id}</td>
+      <td onclick="location.href='/pages/admin/improvement-detail.html?id=${i.id}'" style="cursor:pointer;max-width:200px"><strong>${i.title}</strong></td>
+      <td onclick="location.href='/pages/admin/improvement-detail.html?id=${i.id}'" style="cursor:pointer">${CAT[i.category]||i.category}</td>
+      <td onclick="location.href='/pages/admin/improvement-detail.html?id=${i.id}'" style="cursor:pointer">${PRI[i.priority]||i.priority}</td>
+      <td onclick="location.href='/pages/admin/improvement-detail.html?id=${i.id}'" style="cursor:pointer">${i.manufacturer_company||'-'}<br><small>${i.manufacturer_name||''}</small></td>
+      <td onclick="location.href='/pages/admin/improvement-detail.html?id=${i.id}'" style="cursor:pointer"><span class="badge s-pending">${i.report_count}건</span></td>
+      <td onclick="location.href='/pages/admin/improvement-detail.html?id=${i.id}'" style="cursor:pointer">${Auth.statusBadge(i.status)}</td>
+      <td onclick="location.href='/pages/admin/improvement-detail.html?id=${i.id}'" style="cursor:pointer">${Auth.fmtDt(i.created_at)}</td>
+      <td onclick="location.href='/pages/admin/improvement-detail.html?id=${i.id}'" style="cursor:pointer">${i.sw_deployed_at||'-'}</td>
    </tr>`).join('');
 }