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>
|
<h1 class="page-title">월별 출근부</h1>
|
||||||
<p class="page-description">전체 작업자의 월별 출근 현황을 확인합니다</p>
|
<p class="page-description">전체 작업자의 월별 출근 현황을 확인합니다</p>
|
||||||
</div>
|
</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>
|
||||||
|
<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;">
|
||||||
<div class="content-section">
|
<input type="month" id="selectedMonth" class="form-control" style="width:auto;">
|
||||||
<div class="summary-row" id="summaryRow">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -729,7 +723,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
renderTable();
|
renderTable();
|
||||||
renderSummary();
|
|
||||||
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('데이터 로드 오류:', error);
|
console.error('데이터 로드 오류:', error);
|
||||||
|
|||||||
Reference in New Issue
Block a user