# 품질인정심사 시스템 구현 체크리스트

> **경로**: `src/app/[locale]/(protected)/dev/quality-inspection/`
> **작업일**: 2025-12-29
> **담당**: 버디
> **상태**: ✅ 완료

---

## Phase 1: 상태 관리 구현 ✅

- [x] 1.1 page.tsx에 필터 상태 추가 (년도, 분기, 검색어)
- [x] 1.2 selectedReport 상태 추가
- [x] 1.3 selectedRoute 상태 추가
- [x] 1.4 필터링 로직 구현 (useMemo)

## Phase 2: 컴포넌트 Props 연동 ✅

- [x] 2.1 ReportList.tsx - onSelect 콜백 추가
- [x] 2.2 RouteList.tsx - reports 데이터 + onSelect 콜백 추가
- [x] 2.3 DocumentList.tsx - route 데이터 연동
- [x] 2.4 Filters.tsx - 상태 콜백 연동

## Phase 3: Mock 데이터 통합 ✅

- [x] 3.1 types.ts에 통합 데이터 구조 정의
- [x] 3.2 mockData.ts 생성 (계층 구조 데이터)
- [x] 3.3 Report → Route → Document 연결 구조

## Phase 4: 문서 모달 연동 ✅

### 기존 문서 컴포넌트 (재사용)

| 문서 종류 | 기존 컴포넌트 | 상태 |
|----------|--------------|------|
| 수주서 | `orders/documents/OrderDocumentModal.tsx` | ✅ 있음 |
| 작업일지 | `production/WorkerScreen/WorkLogModal.tsx` | ✅ 있음 |
| 납품확인서 | `outbound/ShipmentManagement/documents/DeliveryConfirmation.tsx` | ✅ 있음 |
| 출고증 | `outbound/ShipmentManagement/documents/ShippingSlip.tsx` | ✅ 있음 |

### 신규 문서 (양식 필요)

| 문서 종류 | 상태 | 비고 |
|----------|------|------|
| 수입검사 성적서 | ❌ 양식 필요 | 디자인 파일 대기 |
| 중간검사 성적서 | ❌ 양식 필요 | 디자인 파일 대기 |
| 제품검사 성적서 | ❌ 양식 필요 | 디자인 파일 대기 |
| 품질관리서 | ❌ 양식 필요 | 디자인 파일 대기 |

### 모달 연동 작업

- [x] 4.1 InspectionModal에서 문서 타입별 분기 처리
- [x] 4.2 기존 문서 컴포넌트 Placeholder 표시 (연동 예정 안내)
- [x] 4.3 신규 문서는 Placeholder 표시 (양식 대기)

## Phase 5: UI 개선 ✅

- [x] 5.1 PageLayout 적용 → N/A (전체 높이 대시보드 레이아웃으로 별도 처리)
- [x] 5.2 Filters.tsx 미사용 import 정리 → 미사용 import 없음 확인
- [x] 5.3 반응형 레이아웃 검증 → grid-cols-12 + lg: 반응형 적용됨

---

## 진행 현황

| Phase | 상태 | 완료일 |
|-------|------|--------|
| Phase 1 | ✅ 완료 | 2025-12-29 |
| Phase 2 | ✅ 완료 | 2025-12-29 |
| Phase 3 | ✅ 완료 | 2025-12-29 |
| Phase 4 | ✅ 완료 | 2025-12-29 |
| Phase 5 | ✅ 완료 | 2025-12-29 |

---

## 참고 파일

```
src/components/orders/documents/OrderDocumentModal.tsx
src/components/production/WorkerScreen/WorkLogModal.tsx
src/components/outbound/ShipmentManagement/documents/DeliveryConfirmation.tsx
src/components/outbound/ShipmentManagement/documents/ShippingSlip.tsx
src/components/process-management/ProcessWorkLogPreviewModal.tsx
```
