Spaces:
Running
Running
File size: 9,937 Bytes
6cd201c 33ce322 e08a831 33ce322 6cd201c e08a831 6cd201c e08a831 6cd201c e08a831 6cd201c e08a831 6cd201c e08a831 6cd201c e08a831 6cd201c e08a831 6cd201c e08a831 6cd201c e08a831 6cd201c e08a831 6cd201c e08a831 6cd201c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 |
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OCR 관리자 대시보드 - OCR 정밀 교정 공방</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'primary': {
50: '#f0f9ff',
100: '#e0f2fe',
200: '#bae6fd',
300: '#7dd3fc',
400: '#38bdf8',
500: '#0ea5e9',
600: '#0284c7',
700: '#0369a1',
800: '#075985',
900: '#0c4a6e',
}
}
}
}
}
</script>
</head>
<body class="bg-gradient-to-br from-primary-50 to-primary-100 min-h-screen">
<custom-header></custom-header>
<main class="container mx-auto px-4 py-8">
<div class="text-center mb-12">
<h1 class="text-4xl font-bold text-primary-900 mb-4">OCR 관리자 대시보드 🔧</h1>
<p class="text-lg text-primary-700 max-w-2xl mx-auto">
OCR 문서 등록, 작업 배포, 진행 상황 모니터링, 검수 및 승인을 관리하는 관리자 전용 페이지입니다.
</p>
</div>
<!-- 통계 카드 -->
<div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
<div class="bg-white rounded-xl p-6 shadow-lg border border-primary-200">
<div class="flex items-center">
<div class="w-12 h-12 bg-primary-500 rounded-full flex items-center justify-center mr-4">
<i data-feather="file-text" class="text-white"></i>
</div>
<div>
<h3 class="text-2xl font-bold text-primary-900">1,247</h3>
<p class="text-primary-600 text-sm">총 OCR 문서</p>
</div>
</div>
</div>
<div class="bg-white rounded-xl p-6 shadow-lg border border-primary-200">
<div class="flex items-center">
<div class="w-12 h-12 bg-yellow-500 rounded-full flex items-center justify-center mr-4">
<i data-feather="clock" class="text-white"></i>
</div>
<div>
<h3 class="text-2xl font-bold text-primary-900">342</h3>
<p class="text-primary-600 text-sm">진행 중 작업</p>
</div>
</div>
</div>
<div class="bg-white rounded-xl p-6 shadow-lg border border-primary-200">
<div class="flex items-center">
<div class="w-12 h-12 bg-green-500 rounded-full flex items-center justify-center mr-4">
<i data-feather="check-circle" class="text-white"></i>
</div>
<div>
<h3 class="text-2xl font-bold text-primary-900">785</h3>
<p class="text-primary-600 text-sm">완료된 작업</p>
</div>
</div>
</div>
<div class="bg-white rounded-xl p-6 shadow-lg border border-primary-200">
<div class="flex items-center">
<div class="w-12 h-12 bg-red-500 rounded-full flex items-center justify-center mr-4">
<i data-feather="x-circle" class="text-white"></i>
</div>
<div>
<h3 class="text-2xl font-bold text-primary-900">120</h3>
<p class="text-primary-600 text-sm">반려된 작업</p>
</div>
</div>
</div>
</div>
<!-- 주요 기능 섹션 -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12">
<!-- OCR 등록 -->
<div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-primary-200 hover:shadow-xl transition-all duration-300">
<div class="w-12 h-12 bg-primary-500 rounded-full flex items-center justify-center mb-4">
<i data-feather="upload" class="text-white"></i>
</div>
<h3 class="text-xl font-semibold text-primary-900 mb-2">OCR 문서 등록</h3>
<p class="text-primary-700 mb-4">새로운 OCR 문서를 업로드하고 작업을 등록합니다.</p>
<a href="/deployment.html" class="w-full bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-lg font-medium transition-all duration-300 block text-center">
작업 배포 관리
</a>
</div>
<!-- 작업 배포 -->
<div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-primary-200 hover:shadow-xl transition-all duration-300">
<div class="w-12 h-12 bg-primary-600 rounded-full flex items-center justify-center mb-4">
<i data-feather="send" class="text-white"></i>
</div>
<h3 class="text-xl font-semibold text-primary-900 mb-2">작업 배포 관리</h3>
<p class="text-primary-700 mb-4">등록된 OCR 문서를 작업자에게 배포하고 우선순위를 설정합니다.</p>
<a href="/admin-detail.html#deployment" class="w-full bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-lg font-medium transition-all duration-300 block text-center">
작업 배포하기
</a>
</div>
<!-- 모니터링 -->
<div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-primary-200 hover:shadow-xl transition-all duration-300">
<div class="w-12 h-12 bg-primary-700 rounded-full flex items-center justify-center mb-4">
<i data-feather="monitor" class="text-white"></i>
</div>
<h3 class="text-xl font-semibold text-primary-900 mb-2">작업 모니터링</h3>
<p class="text-primary-700 mb-4">전체 작업 진행 상황과 개별 작업자 성과를 실시간으로 확인합니다.</p>
<a href="/admin-detail.html#monitoring" class="w-full bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-lg font-medium transition-all duration-300 block text-center">
모니터링 보기
</a>
</div>
<!-- 검수 및 승인 -->
<div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-primary-200 hover:shadow-xl transition-all duration-300">
<div class="w-12 h-12 bg-green-500 rounded-full flex items-center justify-center mb-4">
<i data-feather="check-square" class="text-white"></i>
</div>
<h3 class="text-xl font-semibold text-primary-900 mb-2">검수 및 승인</h3>
<p class="text-primary-700 mb-4">완료된 OCR 작업을 검수하고 승인하거나 반려합니다.</p>
<a href="/admin-detail.html#inspection" class="w-full bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-lg font-medium transition-all duration-300 block text-center">
검수 진행하기
</a>
</div>
<!-- 반려 관리 -->
<div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-primary-200 hover:shadow-xl transition-all duration-300">
<div class="w-12 h-12 bg-red-500 rounded-full flex items-center justify-center mb-4">
<i data-feather="alert-circle" class="text-white"></i>
</div>
<h3 class="text-xl font-semibold text-primary-900 mb-2">반려 관리</h3>
<p class="text-primary-700 mb-4">반려된 작업의 사유를 관리하고 재작업을 지시합니다.</p>
<a href="/admin-detail.html#rejection" class="w-full bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg font-medium transition-all duration-300 block text-center">
반려 관리하기
</a>
</div>
<!-- 통계 리포트 -->
<div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-primary-200 hover:shadow-xl transition-all duration-300">
<div class="w-12 h-12 bg-purple-500 rounded-full flex items-center justify-center mb-4">
<i data-feather="bar-chart" class="text-white"></i>
</div>
<h3 class="text-xl font-semibold text-primary-900 mb-2">통계 리포트</h3>
<p class="text-primary-700 mb-4">작업 효율, 정확도, 작업자 성과 등 다양한 통계 리포트를 생성합니다.</p>
<a href="/admin-detail.html#statistics" class="w-full bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 rounded-lg font-medium transition-all duration-300 block text-center">
리포트 보기
</a>
</div>
</div>
</main>
<custom-footer></custom-footer>
<script src="components/header.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
<script>feather.replace();</script>
</body>
</html> |