fix(attendance): 월간 근태 상단 UI 개선
- 날짜+조회 좌측, 휴무일+Excel 우측 분리 배치 - 보조 버튼에 아이콘 추가 + 크기 축소 - 불필요한 요약 통계 카드 제거 (전체인원/총근무시간 등) - flex-wrap 적용으로 모바일 대응 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -403,25 +403,19 @@
|
||||
<h1 class="page-title">월별 출근부</h1>
|
||||
<p class="page-description">전체 작업자의 월별 출근 현황을 확인합니다</p>
|
||||
</div>
|
||||
|
||||
<div class="page-actions">
|
||||
<input type="month" id="selectedMonth" class="form-control" style="width: auto;">
|
||||
<button class="btn btn-primary" onclick="loadMonthlyData()">
|
||||
조회
|
||||
</button>
|
||||
<button class="btn btn-secondary" onclick="openHolidayModal()">
|
||||
휴무일 설정
|
||||
</button>
|
||||
<button class="btn btn-secondary" onclick="exportToExcel()">
|
||||
Excel 내보내기
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 요약 통계 -->
|
||||
<div class="content-section">
|
||||
<div class="summary-row" id="summaryRow">
|
||||
<!-- 동적 렌더링 -->
|
||||
<div style="display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:16px;">
|
||||
<div style="display:flex; align-items:center; gap:8px;">
|
||||
<input type="month" id="selectedMonth" class="form-control" style="width:auto;">
|
||||
<button class="btn btn-primary" onclick="loadMonthlyData()">조회</button>
|
||||
</div>
|
||||
<div style="display:flex; align-items:center; gap:8px;">
|
||||
<button class="btn btn-secondary btn-sm" onclick="openHolidayModal()" title="휴무일 설정">
|
||||
<i class="fas fa-calendar-xmark"></i> 휴무일
|
||||
</button>
|
||||
<button class="btn btn-secondary btn-sm" onclick="exportToExcel()" title="Excel 내보내기">
|
||||
<i class="fas fa-file-excel"></i> Excel
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -729,7 +723,6 @@
|
||||
}
|
||||
|
||||
renderTable();
|
||||
renderSummary();
|
||||
|
||||
} catch (error) {
|
||||
console.error('데이터 로드 오류:', error);
|
||||
|
||||
Reference in New Issue
Block a user