bf4000c4ae
tkqc 5개 페이지 인라인 JS/CSS를 외부 파일로 추출 (HTML 82% 감소) tkuser index.html을 CSS 1개 + JS 10개 모듈로 분리 (3283→1155줄) - 공통 유틸 추출: issue-helpers, photo-modal, toast - 공통 CSS 확장: tkqc-common.css (모바일 반응형 포함) - 모바일 하단 네비게이션 추가 (mobile-bottom-nav.js) - nginx: JS/CSS 1시간 캐싱 + gzip 압축 활성화 - Tailwind CDN preload, 캐시버스터 통일 (?v=20260213) - 카메라 capture="environment" 추가 - tkuser Dockerfile에 static/ 디렉토리 복사 추가 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
120 lines
6.6 KiB
HTML
120 lines
6.6 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 -->
|
|
<link rel="preload" href="https://cdn.tailwindcss.com" as="script">
|
|
<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">
|
|
|
|
<!-- 공통 스타일 -->
|
|
<link rel="stylesheet" href="/static/css/tkqc-common.css?v=20260213">
|
|
|
|
<!-- 페이지 전용 스타일 -->
|
|
<link rel="stylesheet" href="/static/css/issue-view.css?v=20260213">
|
|
</head>
|
|
<body>
|
|
<!-- 공통 헤더가 여기에 자동으로 삽입됩니다 -->
|
|
|
|
<!-- Main Content -->
|
|
<main class="container mx-auto px-4 py-8 content-fade-in" style="padding-top: 72px;">
|
|
<!-- 페이지 헤더 -->
|
|
<div class="bg-white rounded-xl shadow-sm p-4 mb-6">
|
|
<div class="mb-4">
|
|
<h1 id="pageTitle" class="text-xl font-bold text-gray-900 flex items-center">
|
|
<i class="fas fa-list-alt text-blue-500 mr-3"></i>
|
|
내 부적합 조회
|
|
</h1>
|
|
<p id="pageDescription" class="text-sm text-gray-600 mt-1">
|
|
내가 등록한 부적합 사항을 확인할 수 있습니다
|
|
</p>
|
|
</div>
|
|
|
|
<!-- 필터 섹션 -->
|
|
<div class="space-y-4 mb-6">
|
|
<!-- 기본 필터들 -->
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
<!-- 프로젝트 필터 -->
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 mb-2">📁 프로젝트</label>
|
|
<select id="projectFilter" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500" onchange="filterIssues()">
|
|
<option value="">전체 프로젝트</option>
|
|
<!-- 프로젝트 옵션들이 여기에 로드됩니다 -->
|
|
</select>
|
|
</div>
|
|
|
|
<!-- 워크플로우 상태 필터 -->
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 mb-2">📋 워크플로우 상태</label>
|
|
<select id="reviewStatusFilter" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500" onchange="filterIssues()">
|
|
<option value="">전체</option>
|
|
<option value="pending_review">수신함 (검토 대기)</option>
|
|
<option value="in_progress">관리함 (진행 중)</option>
|
|
<option value="completed">관리함 (완료됨)</option>
|
|
<option value="disposed">폐기함 (폐기됨)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 날짜 필터 (시작/끝 날짜) -->
|
|
<div>
|
|
<label class="text-sm font-medium text-gray-700 mb-3 block">📅 기간 선택</label>
|
|
|
|
<!-- 빠른 선택 버튼 -->
|
|
<div class="flex flex-wrap gap-2 mb-3">
|
|
<button onclick="setDateRange('today')" class="px-3 py-1 text-xs bg-blue-100 text-blue-700 rounded-full hover:bg-blue-200 transition-colors">오늘</button>
|
|
<button onclick="setDateRange('week')" class="px-3 py-1 text-xs bg-blue-100 text-blue-700 rounded-full hover:bg-blue-200 transition-colors">이번 주</button>
|
|
<button onclick="setDateRange('month')" class="px-3 py-1 text-xs bg-blue-100 text-blue-700 rounded-full hover:bg-blue-200 transition-colors">이번 달</button>
|
|
<button onclick="setDateRange('all')" class="px-3 py-1 text-xs bg-gray-100 text-gray-700 rounded-full hover:bg-gray-200 transition-colors">전체</button>
|
|
</div>
|
|
|
|
<!-- 날짜 입력 필드 -->
|
|
<div class="space-y-2">
|
|
<div>
|
|
<label class="text-xs text-gray-600 mb-1 block">시작날짜:</label>
|
|
<input type="date" id="startDateInput" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
|
|
</div>
|
|
<div>
|
|
<label class="text-xs text-gray-600 mb-1 block">끝날짜:</label>
|
|
<input type="date" id="endDateInput" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
|
|
</div>
|
|
<button onclick="applyDateFilter()" class="w-full px-4 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors">
|
|
<i class="fas fa-search mr-2"></i>조회
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 결과 섹션 -->
|
|
<div class="bg-white rounded-xl shadow-sm p-6">
|
|
<div id="issueResults" class="space-y-3">
|
|
<!-- 결과가 여기에 표시됩니다 -->
|
|
<div class="text-gray-500 text-center py-8">
|
|
<i class="fas fa-spinner fa-spin text-3xl mb-3"></i>
|
|
<p>데이터를 불러오는 중...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Scripts -->
|
|
<script src="/static/js/date-utils.js?v=20260213"></script>
|
|
<script src="/static/js/core/permissions.js?v=20260213"></script>
|
|
<script src="/static/js/components/common-header.js?v=20260213"></script>
|
|
<script src="/static/js/core/page-manager.js?v=20260213"></script>
|
|
<script src="/static/js/utils/issue-helpers.js?v=20260213"></script>
|
|
<script src="/static/js/utils/photo-modal.js?v=20260213"></script>
|
|
<script src="/static/js/utils/toast.js?v=20260213"></script>
|
|
<script src="/static/js/components/mobile-bottom-nav.js?v=20260213"></script>
|
|
<script src="/static/js/pages/issue-view.js?v=20260213"></script>
|
|
</body>
|
|
</html>
|