sam-react-prod/claudedocs/dev/[IMPL-2025-12-29] quality-inspection-checklist.md

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

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

---

Phase 1: 상태 관리 구현 ✅

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

Phase 2: 컴포넌트 Props 연동 ✅

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

Phase 3: Mock 데이터 통합 ✅

• 3.1 types.ts에 통합 데이터 구조 정의
• 3.2 mockData.ts 생성 (계층 구조 데이터)
• 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	✅ 있음

신규 문서 (양식 필요)

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

모달 연동 작업

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

Phase 5: UI 개선 ✅

• 5.1 PageLayout 적용 → N/A (전체 높이 대시보드 레이아웃으로 별도 처리)
• 5.2 Filters.tsx 미사용 import 정리 → 미사용 import 없음 확인
• 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