Spaces:
Running
Running
| <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-8"> | |
| <h1 class="text-4xl font-bold text-primary-900 mb-2">OCR 관리 상세 🔧</h1> | |
| <p class="text-lg text-primary-700 max-w-2xl mx-auto"> | |
| 문서 배포, 작업 모니터링, 검수 승인, 반려 관리, 통계 분석을 종합적으로 관리합니다. | |
| </p> | |
| </div> | |
| <!-- 상세 관리 섹션 --> | |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> | |
| <!-- 배포 관리 --> | |
| <div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-primary-200"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 bg-primary-500 rounded-full flex items-center justify-center mr-3"> | |
| <i data-feather="send" class="text-white"></i> | |
| </div> | |
| <h2 class="text-2xl font-semibold text-primary-900">작업 배포 관리</h2> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="bg-primary-50 rounded-lg p-4"> | |
| <h3 class="font-medium text-primary-800 mb-2">배포 설정</h3> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div> | |
| <label class="block text-sm text-primary-600 mb-1">작업자 선택</label> | |
| <select class="w-full border border-primary-300 rounded-lg px-3 py-2"> | |
| <option>전체 작업자</option> | |
| <option>특정 작업자 그룹</option> | |
| <option>개별 작업자</option> | |
| </select> | |
| </div> | |
| <div> | |
| <label class="block text-sm text-primary-600 mb-1">우선순위</label> | |
| <select class="w-full border border-primary-300 rounded-lg px-3 py-2"> | |
| <option>높음</option> | |
| <option>보통</option> | |
| <option>낮음</option> | |
| </select> | |
| </div> | |
| </div> | |
| </div> | |
| <a href="/deployment.html" class="w-full bg-primary-500 hover:bg-primary-600 text-white px-4 py-3 rounded-lg font-medium transition-all duration-300 block text-center"> | |
| 배포 관리하기 | |
| </a> | |
| </div> | |
| </div> | |
| <!-- 모니터링 --> | |
| <div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-primary-200"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 bg-yellow-500 rounded-full flex items-center justify-center mr-3"> | |
| <i data-feather="monitor" class="text-white"></i> | |
| </div> | |
| <h2 class="text-2xl font-semibold text-primary-900">작업 모니터링</h2> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div class="bg-yellow-50 rounded-lg p-4 text-center"> | |
| <div class="text-2xl font-bold text-yellow-700">78%</div> | |
| <div class="text-sm text-yellow-600">전체 진행률</div> | |
| </div> | |
| <div class="bg-green-50 rounded-lg p-4 text-center"> | |
| <div class="text-2xl font-bold text-green-700">342</div> | |
| <div class="text-sm text-green-600">진행 중 작업</div> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-primary-200 rounded-lg p-4"> | |
| <h3 class="font-medium text-primary-800 mb-2">실시간 알림</h3> | |
| <div class="text-sm text-primary-600">새로운 완료 작업: 12건</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- 검수 승인 --> | |
| <div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-primary-200"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 bg-green-500 rounded-full flex items-center justify-center mr-3"> | |
| <i data-feather="check-square" class="text-white"></i> | |
| </div> | |
| <h2 class="text-2xl font-semibold text-primary-900">검수 및 승인</h2> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="bg-green-50 rounded-lg p-4"> | |
| <h3 class="font-medium text-primary-800 mb-2">검수 대기 작업</h3> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-sm text-primary-600">23건 대기 중</span> | |
| <button class="bg-green-500 hover:bg-green-600 text-white px-3 py-1 rounded text-sm"> | |
| 검수 시작 | |
| </button> | |
| </div> | |
| </div> | |
| <div class="bg-white border border-primary-200 rounded-lg p-4"> | |
| <h3 class="font-medium text-primary-800 mb-2">검수 기준</h3> | |
| <div class="space-y-2"> | |
| <label class="flex items-center"> | |
| <input type="checkbox" class="rounded text-green-500"> | |
| <span class="ml-2 text-sm text-primary-600">OCR 텍스트 정확성</span> | |
| </label> | |
| <label class="flex items-center"> | |
| <input type="checkbox" class="rounded text-green-500"> | |
| <span class="ml-2 text-sm text-primary-600">공정/공종 라벨 정확성</span> | |
| </label> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- 반려 관리 --> | |
| <div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-primary-200"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 bg-red-500 rounded-full flex items-center justify-center mr-3"> | |
| <i data-feather="alert-circle" class="text-white"></i> | |
| </div> | |
| <h2 class="text-2xl font-semibold text-primary-900">반려 관리</h2> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="bg-red-50 rounded-lg p-4"> | |
| <h3 class="font-medium text-primary-800 mb-2">반려 사유 선택</h3> | |
| <select class="w-full border border-primary-300 rounded-lg px-3 py-2 mb-2"> | |
| <option>OCR 텍스트 오류</option> | |
| <option>공정 라벨 오류</option> | |
| <option>공종 라벨 오류</option> | |
| <option>기타</option> | |
| </select> | |
| <textarea class="w-full border border-primary-300 rounded-lg px-3 py-2" placeholder="상세 반려 사유 입력"></textarea> | |
| </div> | |
| <button class="w-full bg-red-500 hover:bg-red-600 text-white px-4 py-3 rounded-lg font-medium transition-all duration-300"> | |
| 반려 처리하기 | |
| </button> | |
| </div> | |
| </div> | |
| <!-- 통계 분석 --> | |
| <div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg border border-primary-200"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 bg-purple-500 rounded-full flex items-center justify-center mr-3"> | |
| <i data-feather="bar-chart" class="text-white"></i> | |
| </div> | |
| <h2 class="text-2xl font-semibold text-primary-900">통계 분석</h2> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="bg-purple-50 rounded-lg p-4"> | |
| <h3 class="font-medium text-primary-800 mb-2">주간 리포트</h3> | |
| <div class="grid grid-cols-3 gap-2 text-center"> | |
| <div> | |
| <div class="text-lg font-bold text-purple-700">94.2%</div> | |
| <div class="text-xs text-purple-600">평균 정확도</div> | |
| </div> | |
| <div> | |
| <div class="text-lg font-bold text-purple-700">1,247</div> | |
| <div class="text-xs text-purple-600">총 처리 문서</div> | |
| </div> | |
| <div> | |
| <div class="text-lg font-bold text-purple-700">5.2h</div> | |
| <div class="text-xs text-purple-600">평균 처리 시간</div> | |
| </div> | |
| </div> | |
| </div> | |
| <button class="w-full bg-purple-500 hover:bg-purple-600 text-white px-4 py-3 rounded-lg font-medium transition-all duration-300"> | |
| 리포트 다운로드 | |
| </button> | |
| </div> | |
| </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> |