refactor: SQL 쿼리 관리 모듈화 및 메일 관리 UI/UX 고도화
This commit is contained in:
@@ -36,8 +36,31 @@
|
||||
<h2>문의사항</h2>
|
||||
<p style="font-size: 13px; color: #666; margin-top: 4px;">시스템 운영 관련 불편사항 및 개선 요청 관리</p>
|
||||
</div>
|
||||
<div class="header-actions">
|
||||
<button class="sync-btn" onclick="loadInquiries()">새로고침</button>
|
||||
<div class="header-stats" id="headerStats">
|
||||
<div class="stat-item total">
|
||||
<span class="stat-label">전체</span>
|
||||
<span class="stat-value" id="countTotal">0</span>
|
||||
</div>
|
||||
<div class="stat-item complete">
|
||||
<span class="stat-label">완료</span>
|
||||
<span class="stat-value" id="countComplete">0</span>
|
||||
</div>
|
||||
<div class="stat-item working">
|
||||
<span class="stat-label">작업 중</span>
|
||||
<span class="stat-value" id="countWorking">0</span>
|
||||
</div>
|
||||
<div class="stat-item checking">
|
||||
<span class="stat-label">확인 중</span>
|
||||
<span class="stat-value" id="countChecking">0</span>
|
||||
</div>
|
||||
<div class="stat-item pending">
|
||||
<span class="stat-label">개발예정</span>
|
||||
<span class="stat-value" id="countPending">0</span>
|
||||
</div>
|
||||
<div class="stat-item unconfirmed">
|
||||
<span class="stat-label">미확인</span>
|
||||
<span class="stat-value" id="countUnconfirmed">0</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -114,6 +137,7 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="50">No</th>
|
||||
<th width="80">이미지</th>
|
||||
<th width="120">PM 종류</th>
|
||||
<th width="100">환경</th>
|
||||
<th width="150">구분</th>
|
||||
@@ -131,6 +155,24 @@
|
||||
</table>
|
||||
</main>
|
||||
|
||||
<!-- 이미지 크게 보기 모달 (디자인 가이드 - 화이트 계열 및 우측 하단 닫기 적용) -->
|
||||
<div id="imageModal" class="modal-overlay" onclick="closeImageModal()">
|
||||
<div class="modal-content" style="max-width: 960px; width: 92%; padding: 0; overflow: hidden; border-radius: 12px; border: 1px solid #e2e8f0; background: #fff;" onclick="event.stopPropagation()">
|
||||
<div class="modal-header" style="padding: 16px 24px; margin-bottom: 0; border-bottom: 1px solid #f1f5f9; background: #fff;">
|
||||
<h3 style="color: #1e5149; font-weight: 700; font-size: 16px;">첨부 이미지 확대 보기</h3>
|
||||
<span class="modal-close" onclick="closeImageModal()" style="font-size: 24px; color: #94a3b8;">×</span>
|
||||
</div>
|
||||
<div style="padding: 32px; background: #fff; display: flex; justify-content: center; align-items: center; min-height: 300px; max-height: 75vh; overflow: auto;">
|
||||
<img id="modalImage" style="max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);">
|
||||
</div>
|
||||
<div style="padding: 16px 24px; border-top: 1px solid #f1f5f9; text-align: right; background: #fff;">
|
||||
<button class="_button-medium" style="background: #1e5149; color: #fff; border: none; padding: 10px 28px; border-radius: 8px; cursor: pointer; transition: background 0.2s;"
|
||||
onmouseover="this.style.background='#163b36'" onmouseout="this.style.background='#1e5149'"
|
||||
onclick="closeImageModal()">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/common.js"></script>
|
||||
<script src="js/inquiries.js"></script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user