feat(monthly-confirm): 캘린더 UI + 연차 API 수정 + 요약 카드

- 테이블 → 7열 캘린더 그리드 (모바일 최적화)
- 8h=정시, >8h=+연장h, 연차/반차/휴무 텍스트 표시
- 요약 카드: 근무일/연장근로/연차일수
- vacation-balance API → vacation-balances/worker API (sp_vacation_balances 기반)
- "신규" → "부여" 라벨 변경
- 셀 탭 시 하단 상세 표시

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-04-01 07:28:14 +09:00
parent 0ebe6e5a31
commit 798ccc62ad
3 changed files with 207 additions and 179 deletions

View File

@@ -8,7 +8,7 @@
<script>tailwind.config = { corePlugins: { preflight: false } }</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="/static/css/tkfb.css?v=2026033108">
<link rel="stylesheet" href="/css/my-monthly-confirm.css?v=2026033101">
<link rel="stylesheet" href="/css/my-monthly-confirm.css?v=2026040102">
</head>
<body class="bg-gray-50">
<header class="bg-orange-700 text-white sticky top-0 z-50">
@@ -53,6 +53,9 @@
<div class="mmc-skeleton"></div>
</div>
<!-- 요약 카드 -->
<div class="mmc-sum-cards" id="summaryCards"></div>
<!-- 연차 현황 -->
<div class="mmc-vacation-cards" id="vacationCards"></div>
@@ -103,7 +106,7 @@
<script src="/static/js/tkfb-core.js?v=2026033108"></script>
<script src="/js/api-base.js?v=2026031701"></script>
<script src="/js/my-monthly-confirm.js?v=2026040101"></script>
<script src="/js/my-monthly-confirm.js?v=2026040102"></script>
<script>initAuth();</script>
</body>
</html>