Hugging Face's logo

Spaces:
jamesLeeeeeee
/
ocr
Running

App Files Community
ocr
File size: 11,350 Bytes 
e08a831
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
33ce322
 
 
e08a831
 
33ce322
e08a831
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
 
<!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-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>