사이드바 메뉴 및 구독 서비스 관리 페이지 구현 완료

🔧 사이드바 메뉴 개선:
- 구독 서비스 관리 메뉴 추가 (/subscriptions)
- 매출 대시보드 메뉴 추가 (준비 중 알림)
- VM 관리 (VNC) 메뉴 정리
- PQON 사용자 관리로 명칭 통일
- showComingSoon() 함수로 준비 중 기능 알림

📊 구독 서비스 관리 페이지 (/subscriptions):
- 구독 현황 통계 카드 (월 매출, 구독 수, 구독률)
- 서비스별 구독 현황 차트 (클라우드PC, AI CCTV, CRM)
- 약국별 구독 현황 테이블 (검색 및 필터링 지원)
- 실시간 데이터 로딩 및 새로고침 기능

🎨 UI/UX 기능:
- 서비스별 이모지 아이콘 시스템 (💻📷📊)
- 반응형 디자인 및 색상 코딩
- 엔터키 지원 검색 기능
- 로딩 스피너 및 오류 처리

🔄 데이터 연동:
- /api/subscriptions/stats 통계 API 활용
- /api/pharmacies/subscriptions 약국 현황 API 활용
- 약국 상세 페이지 연동

📱 사용자 경험:
- 직관적인 네비게이션 구조
- 실시간 검색 및 필터링
- 상세 관리 버튼으로 약국별 구독 관리 접근

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-09-11 19:52:19 +09:00
parent 35ecd4748e
commit e93f96abe4
2 changed files with 433 additions and 2 deletions

View File

@@ -187,14 +187,29 @@
<i class="fas fa-store"></i> 약국 관리
</a>
</li>
<li class="nav-item">
<a class="nav-link {% if request.endpoint and 'users' in request.endpoint %}active{% endif %}" href="{{ url_for('users_list') }}">
<i class="fas fa-users"></i> PQON 사용자 관리
</a>
</li>
<li class="nav-item">
<a class="nav-link {% if request.endpoint and 'machine' in request.endpoint %}active{% endif %}" href="{{ url_for('machine_list') }}">
<i class="fas fa-desktop"></i> 머신 관리
</a>
</li>
<li class="nav-item">
<a class="nav-link {% if request.endpoint and 'users' in request.endpoint %}active{% endif %}" href="{{ url_for('users_list') }}">
<i class="fas fa-users"></i> 사용자 관리
<a class="nav-link {% if request.endpoint and 'vms' in request.endpoint %}active{% endif %}" href="{{ url_for('vm_list') }}">
<i class="fas fa-tv"></i> VM 관리 (VNC)
</a>
</li>
<li class="nav-item">
<a class="nav-link {% if request.endpoint and 'subscription' in request.endpoint %}active{% endif %}" href="{{ url_for('subscriptions_page') }}">
<i class="fas fa-box text-success"></i> 구독 서비스 관리
</a>
</li>
<li class="nav-item">
<a class="nav-link {% if request.endpoint and 'revenue' in request.endpoint %}active{% endif %}" href="#" onclick="showComingSoon('매출 대시보드')">
<i class="fas fa-chart-pie text-warning"></i> 매출 대시보드
</a>
</li>
<li class="nav-item">
@@ -331,6 +346,11 @@
toast.show();
}
}
// 준비 중 기능 알림
function showComingSoon(featureName) {
showToast(`🚧 ${featureName} 기능은 현재 개발 중입니다. 곧 만나보실 수 있습니다!`, 'warning');
}
</script>
{% block extra_js %}{% endblock %}