pfs›문서›2026-06-19 세션 — orderpaper 새 탭 '현장별 입고일정' 목업 10종 검토 — 기록: [코디]
6.4 KB · 수정 2026-09-22 16:29
목차

2026-06-19 세션 — orderpaper 새 탭 '현장별 입고일정' 목업 10종 검토 — 기록: [코디]

목업 설계 탐색 과정 기록. 실제 구현된 탭은 projects/pfs/archive.md 「최근(2026-06-19 추가) — orderpaper '현장별 입고일정' 실제 탭」 이하 참조(이 문서는 그 전 단계 설계 산출).

논의·대안

GPT 상의 반영 추천안 = ..._v2.html: 핵심 인사이트="입고 지연?"보다 "상차 전 입고 가능?"(상차 버퍼=상차일−미완료 자재 최종 입고예정일)가 본질 → 상차버퍼 핵심 컬럼·정렬 신설. 기본=리스크 표(8 컴팩트표+4 D-Day 정렬, 블록단위 집계, riskRank 상차초과>지연+상차임박>지연>상차임박>버퍼부족>입고임박), 보조=타임라인(1 간트) 뷰토글, 상단 KPI 4종(지연·상차3일내 미완료현장·버퍼≤1·오늘입고). 그룹토글 용어 명확화(현장/가구업체/발주처 — 기존 vendor=발주처·furniture_company=가구업체 혼용 지적).

페페 보완지시 반영(2026-06-19): 기본 정렬을 상차일 임박순(가까운 먼저, 1순위)→위험도(2순위)로 변경(생산흐름=임박 상차 우선), 그룹도 가장 임박한 상차일 먼저. 타임라인 일자 셀선 진하게(#cdd5df, 주 경계 2px). 상위계층(현장명) 배경 진하게(#cdd7e3)·글씨 키움(표14.5/간트15px)+상단 border, 하위 업체행 들여쓰기로 계층 구분 강화.

2차 보완(2026-06-19): 발주~입고 게이지를 PFS UI 톤 파스텔로(소프트 인디고#aab6f0→민트#7fd9bd, 지연=소프트코럴, 완료=소프트그린, 상차마커=소프트오렌지#fb923c — 원색 탈피). 타임라인 상차일을 오늘선처럼 세로 점선(주황 dashed)+다이아(+라벨)로 행별 강조 — 업체별 모드에서 행마다(이전엔 현장별 그룹에만), 현장별은 그룹~하위행 연속 점선.

개선판 v3(..._v3.html, GPT 2차 상의 + frontend-design 스킬 반영, 2026-06-19): GPT가 v2 코드 직접 읽고 P0/P1 제시 → ①그룹 헤더 위험 요약(상차 D·버퍼·미입고 N/M·자재별 open/total·병목 발주처) ②행 클릭 펼침+조치 버튼(입고일 일괄변경/완료/원본) ③정렬 가능 헤더(위험도/입고예정/상차일/상차버퍼)+sticky 헤더·핵심 2열+스크롤 ④활성 필터 칩+결과 카운트 ⑤KPI/필터 범위 정합(shipSoon/buf/delay에 !done) ⑥검색(/단축키)·localStorage 저장. frontend-design 반영: 전체행 빨강→좌측 accent bar+옅은 배경(색약 대비)·이모지 절제(CSS 점)·tabular-nums·절제된 staggered 로드. frontend-design 플러그인은 설치됨(비활성)·settings 자동토글 차단되어 스킬 가이드를 디스크에서 읽어 직접 적용(상시활성은 /plugin). 파일 v1(10스타일)·v2(추천안)·v3(개선판=최신).

v3 추가 보완(2026-06-19): ①현장명 앞 가구업체 칩(amber, 현장별 그룹헤더·발주처별 행·간트 라벨) ②상단 필터 2행 통합(분류+자재+검색+뷰토글 / 빠른필터 — 높이 절약) ③v3 개선 안내배너(gptbox)·제목 문구 삭제(실물 누수 방지) ④테이블 헤더 sticky 고정 확인 ⑤자재 R/E/S 버튼 높이 통일(34px inline-flex) ⑥검색 전체 컬럼 통합.

실제 구현 시 추가 요구(페페): 기존 발주서 정리 페이지에도 전체 컬럼 통합 인라인 검색창 신설(현재 상세필터 모달의 통합검색을 인라인 노출).

QA helper 검증도구 부착(2026-06-19): 기존 web/static/{css,js}/qa_helper.*(전 페이지 공용, element picker→코멘트 사이드바→채티용 복사)를 목업에서 상대경로(../web/static/...)로 참조 — 실제 페이지와 동일 동작. 페페가 이걸로 수정사항 정리해 전달 예정(우측 상단 🔍 토글). localStorage 키 pfs.qa.items.v1(file:// 오리진 분리라 운영과 무충돌).

QA helper 1차 수정 7건 반영(2026-06-19): ①그룹헤더 부가정보(상차/버퍼/미입고/병목) 삭제→업체칩+현장명+위험도배지만 ②발주일 풀날짜(26.6.16(화)) ③상차버퍼 컬럼 삭제(상차 D-day와 중복, KPI/필터는 유지) ④미완료 컬럼 삭제→타임라인 컬럼에 완료수량/총 카운터+게이지 통합 ⑤검색 단축키(/) 삭제 ⑥이중 스크롤 제거(앱셸: body overflow hidden+wrap 100vh flex, 표/간트만 단일 스크롤)+컬럼 헤더 sticky 고정(타임라인 동일) ⑦빠른필터/KPI 한 번에 한 조건만(라디오식, AND로 데이터 비는 문제 해소).

산출물·커밋

테스트 배포(2026-06-19): 검토용으로 v3 목업을 테스트 서버 정적 페이지로 배포 — http://pfs-test.poin.co.kr:8001/static/mockup/orderpaper_schedule_mockup_v3.html(무로그인 접근). canonical 편집본=pfs/mockups/(gitignore), 서버 사본=web/static/mockup/(qa_helper 참조를 ../web/static/→../css/·../js/로 교체해 서버·로컬 양쪽 동작, master bf3ccaa). 향후 목업 수정 시 같은 방식 재동기화.

다음

다음=페페 추가 QA 수정 → 반영, 이후 실제 탭 구현(op-* 네임스페이스·item_receive_date 기준 집계·누락데이터 정보누락 rank·인라인 검색)(데이터=orderpaper/all-items+field 상차일, 입고기준=item_receive_date||receive_date, 블록 리스크=미완료 최종입고예정일). 실제 구현은 projects/pfs/archive.md 「최근(2026-06-19 추가) — orderpaper '현장별 입고일정' 실제 탭」이하 참조.

관계