100 lines
4.0 KiB
HTML
100 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>일일 작업보고서 조회</title>
|
|
<link rel="stylesheet" href="/css/daily-report-viewer.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header class="page-header">
|
|
<h1>📊 일일 작업보고서 조회</h1>
|
|
<p class="subtitle">날짜를 선택하여 해당일의 작업 현황을 확인하세요</p>
|
|
</header>
|
|
|
|
<div class="date-selector">
|
|
<div class="date-input-group">
|
|
<label for="reportDate">📅 조회 날짜:</label>
|
|
<input type="date" id="reportDate" class="date-input">
|
|
<button id="searchBtn" class="search-btn">조회</button>
|
|
<button id="todayBtn" class="today-btn">오늘</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="loadingSpinner" class="loading-spinner" style="display: none;">
|
|
<div class="spinner"></div>
|
|
<p>데이터를 불러오는 중...</p>
|
|
</div>
|
|
|
|
<div id="errorMessage" class="error-message" style="display: none;">
|
|
<div class="error-content">
|
|
<span class="error-icon">⚠️</span>
|
|
<span class="error-text"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="noDataMessage" class="no-data-message" style="display: none;">
|
|
<div class="no-data-content">
|
|
<span class="no-data-icon">📭</span>
|
|
<h3>해당 날짜의 작업보고서가 없습니다</h3>
|
|
<p>다른 날짜를 선택해 주세요.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="reportSummary" class="report-summary" style="display: none;">
|
|
<div class="summary-cards">
|
|
<div class="summary-card">
|
|
<div class="card-header">
|
|
<span class="card-icon">👥</span>
|
|
<span class="card-title">작업자 수</span>
|
|
</div>
|
|
<div class="card-value" id="totalWorkers">0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="card-header">
|
|
<span class="card-icon">⏰</span>
|
|
<span class="card-title">총 작업시간</span>
|
|
</div>
|
|
<div class="card-value" id="totalHours">0시간</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="card-header">
|
|
<span class="card-icon">📝</span>
|
|
<span class="card-title">작업 항목</span>
|
|
</div>
|
|
<div class="card-value" id="totalEntries">0개</div>
|
|
</div>
|
|
<div class="summary-card error-card">
|
|
<div class="card-header">
|
|
<span class="card-icon">⚠️</span>
|
|
<span class="card-title">에러 항목</span>
|
|
</div>
|
|
<div class="card-value" id="errorCount">0개</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="workersReport" class="workers-report" style="display: none;">
|
|
<h2 class="section-title">👥 작업자별 상세 현황</h2>
|
|
<div id="workersList" class="workers-list">
|
|
<!-- 작업자별 데이터가 여기에 표시됩니다 -->
|
|
</div>
|
|
</div>
|
|
|
|
<div id="exportSection" class="export-section" style="display: none;">
|
|
<h3>📤 데이터 내보내기</h3>
|
|
<div class="export-buttons">
|
|
<button id="exportExcelBtn" class="export-btn excel-btn">
|
|
📊 Excel로 내보내기
|
|
</button>
|
|
<button id="printBtn" class="export-btn print-btn">
|
|
🖨️ 인쇄
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/js/daily-report-viewer.js"></script>
|
|
</body>
|
|
</html> |