fe5f7cd155
7개 시스템(tkpurchase/tksafety/tksupport/tkuser/system1/system2/system3)의 모바일 사용성 일괄 개선. system1(tkfb)의 모바일 메뉴 패턴을 3개 신규 시스템에 적용. 주요 변경: - 모바일 햄버거 메뉴: tkpurchase/tksafety/tksupport에 toggleMobileMenu+overlay 추가 - 필터 반응형: 768px 이하 2열 그리드 전환 (filter-bar/filter-actions 클래스) - 터치 타겟 44px: 테이블 액션 버튼 36px+gap, tksafety ±버튼 w-11 - iOS 줌 방지: input/select/textarea font-size 16px - tkuser: 탭 가로스크롤+fade힌트, 사이드바·grid·드롭다운 반응형 - system1: 대시보드 인라인 width 제거, 이동설비 그리드 1열 - system2: 사진그리드 4열, 유형버튼 2열 (480px 이하) - system3: 카드 내 액션 버튼 stopPropagation 추가 - 캐시 무효화: 전체 HTML ?v=2026031401 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
112 lines
4.8 KiB
HTML
112 lines
4.8 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>
|
|
|
|
<!-- Tailwind CSS -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
|
|
<!-- Custom Styles -->
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
|
|
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-50 min-h-screen">
|
|
<!-- 공통 헤더가 여기에 자동으로 삽입됩니다 -->
|
|
|
|
<!-- Main Content -->
|
|
<main class="container mx-auto px-4 py-8" style="padding-top: 80px;">
|
|
<!-- 페이지 헤더 -->
|
|
<div class="bg-white rounded-xl shadow-sm p-6 mb-6">
|
|
<div class="flex items-center justify-between mb-4">
|
|
<div>
|
|
<h1 class="text-2xl font-bold text-gray-900 flex items-center">
|
|
<i class="fas fa-calendar-alt text-purple-500 mr-3"></i>
|
|
월간보고서
|
|
</h1>
|
|
<p class="text-gray-600 mt-1">월간 부적합 발생 현황, 처리 성과 및 개선사항을 종합적으로 분석하세요</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 준비중 안내 -->
|
|
<div class="bg-white rounded-xl shadow-sm p-12 text-center">
|
|
<div class="max-w-md mx-auto">
|
|
<div class="w-24 h-24 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-6">
|
|
<i class="fas fa-calendar-alt text-purple-500 text-3xl"></i>
|
|
</div>
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">월간보고서 준비중</h2>
|
|
<p class="text-gray-600 mb-6">
|
|
월간 부적합 발생 현황, 처리 성과 및 개선사항을 종합한 보고서 기능을 준비하고 있습니다.
|
|
</p>
|
|
<div class="bg-purple-50 p-4 rounded-lg">
|
|
<h3 class="font-semibold text-purple-800 mb-2">예정 기능</h3>
|
|
<ul class="text-sm text-purple-700 space-y-1">
|
|
<li>• 월간 부적합 발생 현황</li>
|
|
<li>• 월간 처리 완료 현황</li>
|
|
<li>• 부서별 성과 분석</li>
|
|
<li>• 월간 트렌드 및 개선사항</li>
|
|
<li>• 경영진 보고용 요약</li>
|
|
</ul>
|
|
</div>
|
|
<div class="mt-6">
|
|
<button onclick="window.history.back()"
|
|
class="px-6 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors">
|
|
<i class="fas fa-arrow-left mr-2"></i>이전 페이지로
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- JavaScript -->
|
|
<script src="/static/js/core/permissions.js?v=2026031401"></script>
|
|
<script src="/static/js/components/common-header.js?v=2026031401"></script>
|
|
<script src="/static/js/api.js?v=2026031401"></script>
|
|
<script src="/static/js/core/auth-manager.js?v=2026031401"></script>
|
|
|
|
<script>
|
|
// 페이지 초기화
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
console.log('월간보고서 페이지 로드 시작');
|
|
|
|
// AuthManager 로드 대기
|
|
const checkAuthManager = async () => {
|
|
if (window.authManager) {
|
|
try {
|
|
// 인증 확인
|
|
const isAuthenticated = await window.authManager.checkAuth();
|
|
if (!isAuthenticated) {
|
|
window.location.href = '/login.html';
|
|
return;
|
|
}
|
|
|
|
// 공통 헤더 초기화
|
|
const user = JSON.parse(localStorage.getItem('currentUser') || '{}');
|
|
if (window.commonHeader && user.id) {
|
|
await window.commonHeader.init(user, 'reports_monthly');
|
|
}
|
|
|
|
console.log('월간보고서 페이지 로드 완료');
|
|
} catch (error) {
|
|
console.error('페이지 초기화 오류:', error);
|
|
}
|
|
} else {
|
|
setTimeout(checkAuthManager, 100);
|
|
}
|
|
};
|
|
checkAuthManager();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|