hyungi/tk-factory-services
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 모바일 신고 시스템 구축 + tkqc 연동 + tkuser 이슈유형 관리

Browse Source 
- tkreport 모바일 신고 페이지 (5단계 위자드: 유형→위치→프로젝트→항목→사진)
- 프로젝트 DB 연동 (아코디언 UI: TBM등록/활성프로젝트/모름)
- 클라이언트 이미지 리사이징 (1280px, JPEG 80%)
- nginx client_max_body_size 50m, /api/projects/ 프록시 추가
- 부적합 신고 → tkqc 자동 연동 (사진 base64 전달, SSO 토큰 유지)
- work_issue_reports에 project_id 컬럼 추가
- imageUploadService 경로 수정 (public/uploads → uploads, Docker 볼륨 일치)
- tkuser 이슈유형 탭, 휴가관리, nginx 프록시 업데이트
- tkqc 대시보드/수신함/관리함/폐기함 UI 업데이트
- system1 랜딩페이지 업데이트

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-02-12 15:52:45 +09:00
parent 733bb0cb35
commit 234a6252c0
18 changed files with 1308 additions and 1208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
system3-nonconformance/web/issues-archive.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>폐기함 - 부적합 관리</title>
<title>폐기함 - 작업보고서</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
@@ -91,39 +91,39 @@
<!-- 아카이브 통계 -->
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<div class="bg-white p-4 rounded-lg border-l-4" style="border-left-color: #16a34a;">
<div class="bg-green-50 p-4 rounded-lg">
<div class="flex items-center">
<i class="fas fa-check-circle text-green-400 text-xl mr-3"></i>
<i class="fas fa-check-circle text-green-500 text-xl mr-3"></i>
<div>
<p class="text-sm text-slate-500">완료</p>
<p class="text-2xl font-bold text-slate-800" id="completedCount">0</p>
<p class="text-sm text-green-600">완료</p>
<p class="text-2xl font-bold text-green-700" id="completedCount">0</p>
</div>
</div>
</div>
<div class="bg-white p-4 rounded-lg border-l-4" style="border-left-color: #475569;">
<div class="bg-gray-50 p-4 rounded-lg">
<div class="flex items-center">
<i class="fas fa-archive text-slate-400 text-xl mr-3"></i>
<i class="fas fa-archive text-gray-500 text-xl mr-3"></i>
<div>
<p class="text-sm text-slate-500">보관</p>
<p class="text-2xl font-bold text-slate-800" id="archivedCount">0</p>
<p class="text-sm text-gray-600">보관</p>
<p class="text-2xl font-bold text-gray-700" id="archivedCount">0</p>
</div>
</div>
</div>
<div class="bg-white p-4 rounded-lg border-l-4" style="border-left-color: #dc2626;">
<div class="bg-red-50 p-4 rounded-lg">
<div class="flex items-center">
<i class="fas fa-times-circle text-red-400 text-xl mr-3"></i>
<i class="fas fa-times-circle text-red-500 text-xl mr-3"></i>
<div>
<p class="text-sm text-slate-500">취소</p>
<p class="text-2xl font-bold text-slate-800" id="cancelledCount">0</p>
<p class="text-sm text-red-600">취소</p>
<p class="text-2xl font-bold text-red-700" id="cancelledCount">0</p>
</div>
</div>
</div>
<div class="bg-white p-4 rounded-lg border-l-4" style="border-left-color: #7c3aed;">
<div class="bg-purple-50 p-4 rounded-lg">
<div class="flex items-center">
<i class="fas fa-calendar-alt text-purple-400 text-xl mr-3"></i>
<i class="fas fa-calendar-alt text-purple-500 text-xl mr-3"></i>
<div>
<p class="text-sm text-slate-500">이번 달</p>
<p class="text-2xl font-bold text-slate-800" id="thisMonthCount">0</p>
<p class="text-sm text-purple-600">이번 달</p>
<p class="text-2xl font-bold text-purple-700" id="thisMonthCount">0</p>
</div>
</div>
</div>

88
system3-nonconformance/web/issues-dashboard.html
View File

@@ -18,27 +18,29 @@
/* 대시보드 카드 스타일 */
.dashboard-card {
transition: all 0.2s ease;
background: #ffffff;
border-left: 4px solid #64748b;
}
.dashboard-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
/* 이슈 카드 스타일 */
.issue-card {
transition: all 0.2s ease;
border-left: 4px solid transparent;
background: #ffffff;
.dashboard-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
/* 이슈 카드 스타일 (세련된 모던 스타일) */
.issue-card {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border-left: 4px solid transparent;
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}
.issue-card:hover {
transform: translateY(-2px);
border-left-color: #475569;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transform: translateY(-8px) scale(1.02);
border-left-color: #3b82f6;
box-shadow:
0 25px 50px -12px rgba(0, 0, 0, 0.15),
0 0 0 1px rgba(59, 130, 246, 0.1),
0 0 20px rgba(59, 130, 246, 0.1);
}
.issue-card label {
@@ -90,7 +92,7 @@
}
.progress-bar {
background: #475569;
background: linear-gradient(90deg, #10b981 0%, #059669 100%);
transition: width 0.8s ease;
}
@@ -153,43 +155,55 @@
<!-- 전체 통계 대시보드 -->
<div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
<div class="dashboard-card p-6 rounded-xl shadow-sm" style="border-left-color: #475569;">
<div class="dashboard-card text-white p-6 rounded-xl">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-slate-500">전체 진행 중</p>
<p class="text-3xl font-bold text-slate-800" id="totalInProgress">0</p>
<p class="text-blue-100 text-sm flex items-center space-x-1">
<span>전체 진행 중</span>
<div class="w-1.5 h-1.5 bg-blue-200 rounded-full animate-pulse"></div>
</p>
<p class="text-3xl font-bold" id="totalInProgress">0</p>
</div>
<i class="fas fa-tasks text-3xl text-slate-300"></i>
<i class="fas fa-tasks text-4xl text-blue-200"></i>
</div>
</div>
<div class="dashboard-card p-6 rounded-xl shadow-sm" style="border-left-color: #16a34a;">
<div class="bg-gradient-to-br from-green-400 to-green-600 text-white p-6 rounded-xl dashboard-card">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-slate-500">오늘 신규</p>
<p class="text-3xl font-bold text-slate-800" id="todayNew">0</p>
<p class="text-green-100 text-sm flex items-center space-x-1">
<span>오늘 신규</span>
<div class="w-1.5 h-1.5 bg-green-200 rounded-full animate-pulse"></div>
</p>
<p class="text-3xl font-bold" id="todayNew">0</p>
</div>
<i class="fas fa-plus-circle text-3xl text-green-300"></i>
<i class="fas fa-plus-circle text-4xl text-green-200"></i>
</div>
</div>
<div class="dashboard-card p-6 rounded-xl shadow-sm" style="border-left-color: #7c3aed;">
<div class="bg-gradient-to-br from-purple-400 to-purple-600 text-white p-6 rounded-xl dashboard-card">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-slate-500">완료 대기</p>
<p class="text-3xl font-bold text-slate-800" id="pendingCompletion">0</p>
<p class="text-purple-100 text-sm flex items-center space-x-1">
<span>완료 대기</span>
<div class="w-1.5 h-1.5 bg-purple-200 rounded-full animate-pulse"></div>
</p>
<p class="text-3xl font-bold" id="pendingCompletion">0</p>
</div>
<i class="fas fa-hourglass-half text-3xl text-purple-300"></i>
<i class="fas fa-hourglass-half text-4xl text-purple-200"></i>
</div>
</div>
<div class="dashboard-card p-6 rounded-xl shadow-sm" style="border-left-color: #dc2626;">
<div class="bg-gradient-to-br from-red-400 to-red-600 text-white p-6 rounded-xl dashboard-card">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-slate-500">지연 중</p>
<p class="text-3xl font-bold text-slate-800" id="overdue">0</p>
<p class="text-red-100 text-sm flex items-center space-x-1">
<span>지연 중</span>
<div class="w-1.5 h-1.5 bg-red-200 rounded-full animate-pulse"></div>
</p>
<p class="text-3xl font-bold" id="overdue">0</p>
</div>
<i class="fas fa-clock text-3xl text-red-300"></i>
<i class="fas fa-clock text-4xl text-red-200"></i>
</div>
</div>
</div>

26
system3-nonconformance/web/issues-inbox.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>수신함 - 부적합 관리</title>
<title>수신함 - 작업보고서</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
@@ -200,30 +200,30 @@
<!-- 통계 카드 -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-white p-4 rounded-lg border-l-4" style="border-left-color: #d97706;">
<div class="bg-yellow-50 p-4 rounded-lg">
<div class="flex items-center">
<i class="fas fa-plus-circle text-amber-400 text-xl mr-3"></i>
<i class="fas fa-plus-circle text-yellow-500 text-xl mr-3"></i>
<div>
<p class="text-sm text-slate-500">금일 신규</p>
<p class="text-2xl font-bold text-slate-800" id="todayNewCount">0</p>
<p class="text-sm text-yellow-600">금일 신규</p>
<p class="text-2xl font-bold text-yellow-700" id="todayNewCount">0</p>
</div>
</div>
</div>
<div class="bg-white p-4 rounded-lg border-l-4" style="border-left-color: #16a34a;">
<div class="bg-green-50 p-4 rounded-lg">
<div class="flex items-center">
<i class="fas fa-check-circle text-green-400 text-xl mr-3"></i>
<i class="fas fa-check-circle text-green-500 text-xl mr-3"></i>
<div>
<p class="text-sm text-slate-500">금일 처리</p>
<p class="text-2xl font-bold text-slate-800" id="todayProcessedCount">0</p>
<p class="text-sm text-green-600">금일 처리</p>
<p class="text-2xl font-bold text-green-700" id="todayProcessedCount">0</p>
</div>
</div>
</div>
<div class="bg-white p-4 rounded-lg border-l-4" style="border-left-color: #dc2626;">
<div class="bg-red-50 p-4 rounded-lg">
<div class="flex items-center">
<i class="fas fa-exclamation-triangle text-red-400 text-xl mr-3"></i>
<i class="fas fa-exclamation-triangle text-red-500 text-xl mr-3"></i>
<div>
<p class="text-sm text-slate-500">미해결</p>
<p class="text-2xl font-bold text-slate-800" id="unresolvedCount">0</p>
<p class="text-sm text-red-600">미해결</p>
<p class="text-2xl font-bold text-red-700" id="unresolvedCount">0</p>
</div>
</div>
</div>

34
system3-nonconformance/web/issues-management.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>관리함 - 부적합 관리</title>
<title>관리함 - 작업보고서</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
@@ -273,39 +273,39 @@
<!-- 프로젝트별 통계 -->
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<div class="bg-white p-4 rounded-lg border-l-4" style="border-left-color: #475569;">
<div class="bg-gray-50 p-4 rounded-lg">
<div class="flex items-center">
<i class="fas fa-chart-bar text-slate-400 text-xl mr-3"></i>
<i class="fas fa-chart-bar text-gray-500 text-xl mr-3"></i>
<div>
<p class="text-sm text-slate-500">총 부적합</p>
<p class="text-2xl font-bold text-slate-800" id="totalCount">0</p>
<p class="text-sm text-gray-600">총 부적합</p>
<p class="text-2xl font-bold text-gray-700" id="totalCount">0</p>
</div>
</div>
</div>
<div class="bg-white p-4 rounded-lg border-l-4" style="border-left-color: #2563eb;">
<div class="bg-blue-50 p-4 rounded-lg">
<div class="flex items-center">
<i class="fas fa-cog text-blue-400 text-xl mr-3"></i>
<i class="fas fa-cog text-blue-500 text-xl mr-3"></i>
<div>
<p class="text-sm text-slate-500">진행 중</p>
<p class="text-2xl font-bold text-slate-800" id="inProgressCount">0</p>
<p class="text-sm text-blue-600">진행 중</p>
<p class="text-2xl font-bold text-blue-700" id="inProgressCount">0</p>
</div>
</div>
</div>
<div class="bg-white p-4 rounded-lg border-l-4" style="border-left-color: #7c3aed;">
<div class="bg-purple-50 p-4 rounded-lg">
<div class="flex items-center">
<i class="fas fa-hourglass-half text-purple-400 text-xl mr-3"></i>
<i class="fas fa-hourglass-half text-purple-500 text-xl mr-3"></i>
<div>
<p class="text-sm text-slate-500">완료 대기</p>
<p class="text-2xl font-bold text-slate-800" id="pendingCompletionCount">0</p>
<p class="text-sm text-purple-600">완료 대기</p>
<p class="text-2xl font-bold text-purple-700" id="pendingCompletionCount">0</p>
</div>
</div>
</div>
<div class="bg-white p-4 rounded-lg border-l-4" style="border-left-color: #16a34a;">
<div class="bg-green-50 p-4 rounded-lg">
<div class="flex items-center">
<i class="fas fa-check-circle text-green-400 text-xl mr-3"></i>
<i class="fas fa-check-circle text-green-500 text-xl mr-3"></i>
<div>
<p class="text-sm text-slate-500">완료됨</p>
<p class="text-2xl font-bold text-slate-800" id="completedCount">0</p>
<p class="text-sm text-green-600">완료됨</p>
<p class="text-2xl font-bold text-green-700" id="completedCount">0</p>
</div>
</div>
</div>

14
system3-nonconformance/web/static/js/core/page-manager.js
View File

@@ -54,7 +54,7 @@ class PageManager {
async checkAuthentication() {
const token = localStorage.getItem('access_token');
if (!token) {
window.location.href = '/issues-dashboard.html';
window.location.href = '/index.html';
return null;
}
@@ -69,7 +69,7 @@ class PageManager {
console.error('인증 실패:', error);
localStorage.removeItem('access_token');
localStorage.removeItem('currentUser');
window.location.href = '/issues-dashboard.html';
window.location.href = '/index.html';
return null;
}
}
@@ -117,7 +117,7 @@ class PageManager {
// 권한 시스템이 로드되지 않았으면 기본 페이지만 허용
if (!window.canAccessPage) {
return ['issues_dashboard', 'issues_inbox'].includes(pageId);
return ['issues_create', 'issues_view'].includes(pageId);
}
return window.canAccessPage(pageId);
@@ -130,7 +130,11 @@ class PageManager {
alert('이 페이지에 접근할 권한이 없습니다.');
// 기본적으로 접근 가능한 페이지로 이동
window.location.href = '/issues-dashboard.html';
if (window.canAccessPage && window.canAccessPage('issues_view')) {
window.location.href = '/issue-view.html';
} else {
window.location.href = '/index.html';
}
}
/**
@@ -246,7 +250,7 @@ class PageManager {
class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
다시 시도
</button>
<button onclick="window.location.href='/issues-dashboard.html'"
<button onclick="window.location.href='/index.html'"
class="px-4 py-2 bg-gray-600 text-white rounded-lg hover:bg-gray-700">
홈으로
</button>