# OMS·WMS·ERP CRUD 화면 및 입력 컴포낸트 상용화 설계 명세서 (Enterprise Specification) > **Authority**: 30년 시니어 현장 실무 전문가 패널 (Architect, PM, PL, Dev, AX/UX Designer, QA Tester, Warehouse User) > **Source Documents**: > 1. `OMS·WMS·ERP CRUD 화면 및 입력 컴포낸트 상용화 제안.pdf.txt` > 2. `OMS·WMS·ERP 공통 CRUD 화면 템플릿 상세 명세.pdf.txt` > 3. `OMS·WMS·ERP 입력 컴포낸트 상세 명세.pdf.txt` > 4. `Vue 3·TypeScript OMS·WMS·ERP 아키텍처.pdf.txt` > 5. `Vue 3·TypeScript 기반 OMS·WMS·ERP 단계별 구축 백로그.pdf.txt` --- ## 1. SOLID Design Principles & Single Responsibility Specification ## 2. Dual-model Data Architecture (Normalized Master / Denormalized Read Model) ## 3. Strict Client-Schema-Server-DB 4-Layer Validation Guard ## 4. Zero Vibe Coding & Hallucination Elimination ## 5. Field Status (13 States) & Value Source (8 Provenances) Contract ## 6. Touch Density & Offline Command Buffer for WMS Field Operations ## 7. 20대 핵심 엔지니어링 헌법 (Core Engineering Principles) ## 8. Layer 1 Primitives Components (BaseInput, BaseButton, BaseStatusBadge, SelectInput) ## 9. Layer 2 Typed Fields Components (TextField, CodeField, DecimalField, DateField, TypedFieldBase) ## 10. Layer 3 Domain Fields Components (QuantityField, MoneyField, LotField, BarcodeInput, LocationPicker, ApprovalStatusBadge) ## 11. Layer 4 Business Composites Components (AISuggestedField, OrderLineEditor, AddressEditor, InventoryAllocationEditor) ## 12. FieldStatus: idle State Specification ## 13. FieldStatus: focused State Specification ## 14. FieldStatus: valid State Specification ## 15. FieldStatus: invalid State Specification ## 16. FieldStatus: dirty State Specification ## 17. FieldStatus: readonly State Specification ## 18. FieldStatus: disabled State Specification ## 19. FieldStatus: loading State Specification ## 20. FieldStatus: suggested State Specification ## 21. FieldStatus: accepted State Specification ## 22. FieldStatus: rejected State Specification ## 23. FieldStatus: overridden State Specification ## 24. FieldStatus: blocked State Specification ## 25. ValueSource: user Specification ## 26. ValueSource: default Specification ## 27. ValueSource: computed Specification ## 28. ValueSource: db Specification ## 29. ValueSource: ai Specification ## 30. ValueSource: scan Specification ## 31. ValueSource: external_api Specification ## 32. ValueSource: system_rule Specification ## 33. TPL-LIST-01: 표준 목록 및 다중 조건 검색 템플릿 ## 34. TPL-CREATE-01: 단일 데이터 등록 템플릿 ## 35. TPL-CREATE-02: 헤더-라인 복합 데이터 등록 템플릿 ## 36. TPL-CREATE-03: 단계별 위자드(Wizard) 등록 템플릿 ## 37. TPL-DETAIL-01: 데이터 상세 조회 템플릿 ## 38. TPL-EDIT-01: 단일 데이터 수정 템플릿 ## 39. TPL-BULK-01: 일괄 데이터 처리 및 엑셀 맵퍼 템플릿 ## 40. TPL-APPROVAL-01: 승인 및 결재 처리 템플릿 ## 41. TPL-CANCEL-01: 취소·반제·역처리 트랜잭션 템플릿 ## 42. TPL-DELETE-01: 데이터 삭제 처리 템플릿 (Maker-Checker) ## 43. TPL-HISTORY-01: 이력 및 감사 로그 조회 템플릿 ## 44. 3종 Touch Density Standard (Compact 28px, Comfortable 36px, Touch 44px) ## 45. Standard Anatomy 8부 구조 명세 ## 46. WMS 초고속 GS1-128 바코드 스캔 <100ms 파싱 명세 ## 47. AX/AI 보조 및 R0~R4 위험 거버넌스 헌법 ## 48. ACID 역처리 및 시점 스냅샷 데이터 무결성 ## 49. Client-Schema-Server-DB 4계층 검증 경계 ## 50. Dual-model Read Engine & Performance Optimization ## 51. Strict Typecheck & Vue-TSC Build Quality Gate ## 52. Gitea Actions CI/CD Pipeline Integration ## 53. 30년 시니어 현장 실무 전문가 패널 7대 뷰포인트 가이드 ## 54. 상용화 WBS 마스터 및 가이드 하네스 지침 --- ### 30년 실무 전문가 패널 핵심 요약 - **Architect**: 4계층 검증 경계 및 Master 정규화 / Read Model 역정규화 격리 - **PM**: 계량화된 KPI (Build exit code 0, vue-tsc 0 errors, Harness Pass 100%) - **PL**: Waterfall 선형 순차 프로세스 및 수식 AI 위임 차단 - **Dev**: 19종 컴포넌트 & 11대 템플릿 표준 계약 준수 - **AX/UX**: Compact(28px), Comfortable(36px), Touch(44px) 3종 밀도 - **QA**: Barcode Parse <100ms & OfflineCommand 큐 E2E 자동 검증 - **User**: 물류 현장 장갑 착용 시 44px 터치 타겟과 음향/진동/컬러 피드백