a759001670
- BarobillUsageService: 사용량 집계 로직 (계좌/카드/세금계산서/홈텍스) - BarobillUsageController: API 엔드포인트 (목록/통계/상세/엑셀) - HTMX 기반 UI: 기간필터, 통계카드, 테이블, 상세모달 - 서비스별 단가 적용 (세금계산서 100원, 그 외 10원) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
42 lines
1.9 KiB
PHP
42 lines
1.9 KiB
PHP
<!-- 통계 카드 스켈레톤 -->
|
|
<div class="bg-white rounded-lg p-6 shadow-sm border border-gray-100 animate-pulse">
|
|
<div class="flex items-start justify-between mb-2">
|
|
<div class="h-3 bg-gray-200 rounded w-20"></div>
|
|
<div class="w-8 h-8 bg-gray-200 rounded-lg"></div>
|
|
</div>
|
|
<div class="h-8 bg-gray-200 rounded w-16 mb-1"></div>
|
|
<div class="h-2 bg-gray-100 rounded w-24"></div>
|
|
</div>
|
|
<div class="bg-white rounded-lg p-6 shadow-sm border border-gray-100 animate-pulse">
|
|
<div class="flex items-start justify-between mb-2">
|
|
<div class="h-3 bg-gray-200 rounded w-20"></div>
|
|
<div class="w-8 h-8 bg-gray-200 rounded-lg"></div>
|
|
</div>
|
|
<div class="h-8 bg-gray-200 rounded w-16 mb-1"></div>
|
|
<div class="h-2 bg-gray-100 rounded w-24"></div>
|
|
</div>
|
|
<div class="bg-white rounded-lg p-6 shadow-sm border border-gray-100 animate-pulse">
|
|
<div class="flex items-start justify-between mb-2">
|
|
<div class="h-3 bg-gray-200 rounded w-20"></div>
|
|
<div class="w-8 h-8 bg-gray-200 rounded-lg"></div>
|
|
</div>
|
|
<div class="h-8 bg-gray-200 rounded w-16 mb-1"></div>
|
|
<div class="h-2 bg-gray-100 rounded w-24"></div>
|
|
</div>
|
|
<div class="bg-white rounded-lg p-6 shadow-sm border border-gray-100 animate-pulse">
|
|
<div class="flex items-start justify-between mb-2">
|
|
<div class="h-3 bg-gray-200 rounded w-20"></div>
|
|
<div class="w-8 h-8 bg-gray-200 rounded-lg"></div>
|
|
</div>
|
|
<div class="h-8 bg-gray-200 rounded w-16 mb-1"></div>
|
|
<div class="h-2 bg-gray-100 rounded w-24"></div>
|
|
</div>
|
|
<div class="bg-white rounded-lg p-6 shadow-sm border border-gray-100 animate-pulse">
|
|
<div class="flex items-start justify-between mb-2">
|
|
<div class="h-3 bg-gray-200 rounded w-20"></div>
|
|
<div class="w-8 h-8 bg-gray-200 rounded-lg"></div>
|
|
</div>
|
|
<div class="h-8 bg-gray-200 rounded w-16 mb-1"></div>
|
|
<div class="h-2 bg-gray-100 rounded w-24"></div>
|
|
</div>
|