Files
sam-react-prod/claudedocs/production/[DESIGN-2026-01-29] worker-screen-spec.md
유병철 f3b07ac875 chore(WEB): claudedocs 디렉토리 도메인별 재구조화
- 루트 문서 30개를 도메인별 하위 폴더로 이동
- accounting/, architecture/, dev/, guides/, security/ 등 카테고리 분류
- archive/ 폴더에 QA 스크린샷 이동
- _index.md 문서 맵 업데이트

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-09 09:35:22 +09:00

14 KiB

작업자 화면 기획서 정리

기획서 버전: D1.3 / Page 25~29 화면명: 작업자 화면 (생산관리 > 작업자 화면)


1. 화면 구조 개요

공정별 탭 구분

설명 디폴트
스크린 공정 원단절단 기반 공정 기본 선택
슬랫 공정 코일/포밍 기반 공정
절곡 공정 가이드레일/절곡 기반 공정

공통 레이아웃 (3개 공정 모두 동일)

┌─────────────────────────────────────────┐
│ 작업자 화면                              │
│ 작업을 관리합니다                          │
│                                         │
│ [스크린 공정] [슬랫 공정] [절곡 공정]       │  ← 탭
│                                         │
│ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐        │
│ │할일  │ │작업중│ │완료  │ │긴급  │        │  ← 상태 카드
│ │ 10  │ │ 10  │ │ 10  │ │ 10  │        │
│ └─────┘ └─────┘ └─────┘ └─────┘        │
│                                         │
│ ┌─ 수주 정보 ──────────────────────────┐ │
│ │ (기획서 기준 정보)                     │ │
│ └─────────────────────────────────────┘ │
│                                         │
│ ┌─ 작업 정보 ──────────────────────────┐ │
│ │ 생산 담당자 셀렉트 | 생산일자           │ │
│ └─────────────────────────────────────┘ │
│                                         │
│ ┌─ 작업 목록 ──────────────────────────┐ │
│ │ (공정별 다름 - 아래 상세)               │ │
│ └─────────────────────────────────────┘ │
│                                         │
│        [작업일지 보기] [중간검사하기]       │  ← 하단 버튼
└─────────────────────────────────────────┘

2. 상태 카드 영역

카드 설명
할일 숫자 대기 중인 작업 수
작업중 숫자 진행 중인 작업 수
완료 숫자 완료된 작업 수
긴급 숫자 긴급 작업 수

3. 수주 정보 섹션

컬럼1 컬럼2 컬럼3 컬럼4
1행 수주일 로트번호 현장명 수주처
2행 수주 담당자 담당자 연락처 출고예정일
  • 모두 읽기 전용 필드

4. 작업 정보 섹션

필드 타입 설명
생산 담당자 셀렉트 담당부서 회원 사람 목록 / 디폴트: 선택
생산일자 날짜 작업 수행 날짜

5. 작업 목록 - 스크린 공정

작업 아이템 카드 구조

┌─────────────────────────────────────────┐
│ 1  KWWS03 (와이어)           1층 / FSS-01│  ← 번호, 품목코드(품목명), 층/부호
│                                         │
│ 제작 사이즈   8,260 X 8,350 mm  2개       │  ← 규격 + 수량
│                                         │
│ ┌─ 절단정보 ──────────────────────────┐  │
│ │ 폭 1,210mm X 8 장                   │  │  ← 절단 정보
│ └─────────────────────────────────────┘  │
│                                         │
│ ┌──────────┐ ┌──────────┐ ┌────────┐   │
│ │자재투입 완료│ │절단   완료│ │미싱 완료│   │  ← 공정 단계 pills
│ └──────────┘ └──────────┘ └────────┘   │
│ ┌──────┐                                │
│ │포장완료│                                │
│ └──────┘                                │
│                                         │
│ ▼ 자재 투입 목록 (접기/펼치기)              │  ← 토글 영역
│ ┌─────────────────────────────────────┐  │
│ │ 로트번호 │ 품목명 │ 수량 │ 단위 │ 관리 │  │  ← 테이블
│ │ 123123  │ 품목명 │ 500  │ m   │ ✏🗑 │  │
│ └─────────────────────────────────────┘  │
└─────────────────────────────────────────┘

스크린 공정 단계

순서 단계명 동작
1 자재투입 클릭 → 자재 투입 팝업 표시. 자재 목록에서 수량 입력 시 완료 처리
2 절단 클릭 → 완료/미완료 토글 (디폴트: 미완료)
3 미싱 클릭 → 완료/미완료 토글 (디폴트: 미완료)
4 포장완료 클릭 → 완료/미완료 토글 (디폴트: 미완료)

스크린 공정 스티커 표시

  • 완료된 단계: 검정 배경 + 녹색 "완료" 텍스트
  • 미완료 단계: 검정 배경만 (완료 텍스트 없음)

진척률 프로그래스 바

  • 표시 방식: 현재 완료된 단계 수 / 전체 단계 수
  • 위치: 작업 아이템 상단 (파란색 바)

자재 투입 목록 영역

항목 설명
기본 상태 닫힘
클릭 동작 목록 열기/닫기 토글
테이블 컬럼 로트번호, 품목명, 수량, 단위, 관리(수정/삭제)

6. 작업 목록 - 슬랫 공정

작업 아이템 카드 구조

┌─────────────────────────────────────────┐
│ 1  KQTS01 (슬랫코일)         1층 / FSS-01│
│                                         │
│ 제작 사이즈   8,260 X 8,350 mm  2개       │
│                                         │
│ ┌────────────┐ ┌───────────┐ ┌────────┐│
│ │길이 3,910mm │ │슬랫 매수 40장│ │조인트바 4개││ ← 슬랫 전용 필드
│ └────────────┘ └───────────┘ └────────┘│
│                                         │
│ ┌──────────┐ ┌───────────┐ ┌──────┐    │
│ │자재투입 완료│ │포밍/절단 완료│ │포장완료│    │  ← 슬랫 공정 단계
│ └──────────┘ └───────────┘ └──────┘    │
│                                         │
│ ▼ 자재 투입 목록                          │
└─────────────────────────────────────────┘

슬랫 전용 필드 (스크린과 차이)

필드 설명
길이 슬랫 길이 (mm)
슬랫 매수 슬랫 장 수
조인트바 조인트바 개수

슬랫 공정 단계

순서 단계명 동작
1 자재투입 클릭 → 자재 투입 팝업
2 포밍/절단 클릭 → 완료/미완료 토글
3 포장완료 클릭 → 완료/미완료 토글

7. 작업 목록 - 절곡 공정

작업 아이템 카드 구조

┌─────────────────────────────────────────┐
│ 1  KWWS03 (가이드레일)       1층 / FSS-01│
│                                         │
│ ┌──────────┐ ┌─ 공통사항 ─────────────┐  │
│ │          │ │ 종류    벽면형 120X70   │  │
│ │   도면    │ │ 유형    벽면형          │  │  ← 도면 + 공통사항
│ │  (IMG)   │ │ 길이별 수량 4,000mm X 6개│  │
│ │          │ │ 길이별 수량 3,000mm X 6개│  │
│ └──────────┘ └────────────────────────┘  │
│                                         │
│ 세부부품 (2개)                             │
│ ┌─────────────────────────────────────┐  │
│ │ 엘바              EGI 1.6T          │  │
│ │ 바아시 정보  16 I 75                  │  │  ← 세부부품 카드
│ ├─────────────────────────────────────┤  │
│ │ 하장바             EGI 1.6T          │  │
│ │ 바아시 정보  16|75|16|75|16(A각)|...  │  │
│ └─────────────────────────────────────┘  │
│                                         │
│ ┌──────┐ ┌────────┐ ┌────────┐ ┌──────────┐│
│ │자재투입│ │절단 완료│ │절곡 완료│ │포장완료 완료││← 절곡 공정 단계
│ └──────┘ └────────┘ └────────┘ └──────────┘│
└─────────────────────────────────────────┘

절곡 전용 필드 (스크린/슬랫과 차이)

영역 필드 설명
도면 IMG 도면 이미지 표시 영역
공통사항 종류 벽면형, 천정형 등
공통사항 유형 벽면형 등
공통사항 길이별 수량 복수 행 (길이 X 수량)
세부부품 부품명 엘바, 하장바 등
세부부품 재질 EGI 1.6T 등
세부부품 바아시 정보 바아시 치수 정보

절곡 공정 단계

순서 단계명 동작
1 자재투입 클릭 → 자재 투입 팝업
2 절단 클릭 → 완료/미완료 토글
3 절곡 클릭 → 완료/미완료 토글
4 포장완료 클릭 → 완료/미완료 토글

8. 자재 투입 모달

모달 구조

┌─────── 자재 투입 ────────── X ──┐
│                                 │
│ 로트번호 │ 품목명 │ 수량 │ 단위 │ 투입 수량 │
│─────────┼──────┼─────┼─────┼─────────│
│ 123123  │ 품목명│ 500 │  m  │ [    ]  │ ← 투입 수량 입력
│ 123123  │ 품목명│ 500 │  m  │ [    ]  │
│ ...     │      │     │     │         │
│                                 │
│      [취소]        [투입]         │
└─────────────────────────────────┘

모달 상세

항목 설명
제목 자재 투입
닫기 X 버튼 (우측 상단)
테이블 컬럼 로트번호, 품목명, 수량, 단위, 투입 수량
투입 수량 숫자만 입력 가능
하단 버튼 취소 / 투입
데이터 해당 작업의 자재 목록 표시

9. 하단 버튼

버튼 동작
작업일지 보기 작업일지 모달 표시
중간검사하기 문서 상세 중간시험성적서 팝업 표시

10. 공정별 차이 요약

항목 스크린 공정 슬랫 공정 절곡 공정
품목 헤더 코드(품목명) + 층/부호 코드(품목명) + 층/부호 코드(품목명) + 층/부호
기본 정보 제작 사이즈 + 절단정보 제작 사이즈 + 길이/매수/조인트바 도면 + 공통사항 + 세부부품
공정 단계 자재투입→절단→미싱→포장완료 자재투입→포밍/절단→포장완료 자재투입→절단→절곡→포장완료
자재투입 목록 있음 (토글) 있음 (토글) 없음 (기획서 미표시)
하단 버튼 작업일지 보기 + 중간검사하기 작업일지 보기 + 중간검사하기 작업일지 보기 + 중간검사하기

11. Description 영역 정리 (구현 참고용, UI 미표시)

Page 25 Description

  1. 작업자 탭: 종류 - 스크린 공정, 슬랫 공정, 절곡 공정 / 디폴트: 스크린 공정
  2. 생산 담당자 셀렉트 박스: 종류 - 담당부서 회원 사람 목록 / 디폴트: 선택

Page 26 Description

  1. 진척률 프로그래스 바 표시: 현재 완료된 단계 수 / 전체 단계 수
  2. 자재투입 단계 버튼: 항목 - 단계명, 완료 스티커 / 클릭 - 자재 투입 팝업 표시 / 자재 목록에서 수량 입력 시 완료 처리
  3. 단계 버튼: 항목 - 단계명, 완료 스티커 / 클릭 - 완료/미완료 토글 / 디폴트: 미완료 상태
  4. 자재 투입 목록 영역: 클릭 - 목록 열기/닫기 토글 / 디폴트: 닫힘 상태
  5. 중간검사하기 버튼: 클릭 - 문서 상세 중간시험성적서 팝업 표시

Page 27 (슬랫) Description

  1. 슬랫 공정 단계 버튼 영역

Page 28 (절곡) Description

  1. 절곡 공정 단계 버튼 영역

Page 29 (자재 투입 팝업) Description

  1. 투입 수량 인풋박스: 숫자만 입력 가능