2026-09-07(일) 세션 — 발주서 정리 탭 모바일 전용 레이아웃 — 기록: [코디]
논의·대안
[페페] 지시 = 「pfs.poin.co.kr/field/orderpaper 자재관리 페이지의 발주서 정리탭을 이번 업체별 자재관리 탭처럼
모바일 전용 페이지로. 필터 항목이 매우 많으니 필터는 모아서 기본 접힘, 인라인 검색만 기본 노출.
동기화 강조 기능은 안 넣어도 된다. 운영 배포」.
「모바일 전용 페이지」의 해석이 첫 갈림길이었다. 별도 라우트·별도 템플릿은 안 만든다 — 지시의 단서
「업체별 자재관리 탭처럼」이 곧 방식 지정이고, 그 방식은 같은 파일 안 @media (max-width:767px) 카드형 변환이다.
26.9.4 에 모바일 전용 목업 페이지를 이미 한 번 폐기한 이력도 같은 결론을 가리킨다(사이드바·버튼이 전부 가짜라
모바일에서만 다른 화면이 떴다).
이 작업의 본체는 회귀 위험이다. 같은 템플릿(field_orderpaper.html)을 세 라우트가 렌더한다 —
/field/orderpaper(이번 대상) · /omc/material · /field/company/<no>/material. 뒤 둘은 omc_view=True 로
같은 날 운영 배포한 화면인데 #opMainWrap·#opList·.op-site·편집 칩이 전부 공유다.
GPT 상의 결론 = 서버 렌더 시점 분기가 가장 안전하다(:not()·URL·JS 판별은 누락 시 기본 화면으로 오인).
→ 새 CSS 를 Jinja 조건(not omc_view)으로 통째로 갈랐다. 오엠씨 화면엔 이 블록이 아예 렌더되지 않는다.
web-designer 실측(테스트서버 390×844)이 「불편」이 아니라 결함임을 드러냈다 — .op-site-head 에 flex-wrap 이
없어 현장명이 세로로 한 글자씩(w=21 h=203) 쌓였고, table.op-table 실폭 535px 이 가용 328px 안에서
.op-site{overflow:hidden} 에 잘려 입고일·상태버튼·삭제× 가 안 보이고 안 눌렸다. 필터·툴바가 세로 844px 중
619px(73%)를 먹어 첫 현장 카드가 겨우 보였다.
결정
- 별도 페이지 없음 — 같은 템플릿
@media+ Jinjanot omc_view가드(2중 격리). - 접었을 때 남기는 것 = 인라인 검색 + 「⚙ 필터」 토글(배지 = 걸린 필터 수) + 적용 칩·건수. 접혀 있어도 필터가 걸린 사실은 보여야 한다.
.op-datewarn은 안 접는다 — 필터가 아니라 데이터 이상 경고다.#opMainWrap세로 flex + order — 펼친 필터가 검색 아래로 오게. DOM 순서대로면 방금 누른 자리가 밀린다.- 동기화 강조(배너·NEW 배지·형광) 모바일 비노출 — 페페 지시.
- 블록 일괄조작(자재지정 3 · 상태일괄 4 · 블록삭제) 모바일 숨김 — 이 셋만 490px 어치를 328px 헤더에 욱여넣어 헤더가 146px 로 부푼다. 전부 「블록 전체」 벌크·파괴 조작이라 좁은 화면 오탭 위험도 크다. 항목 단위 편집(상태·입고일·발주량·비고·품명)은 그대로 된다.
- 13px 하한은 모바일 스코프에서만 올린다 — 데스크톱 밀도(11~12.5px, 29종)는 별건.
산출물·커밋
- 수정 파일 1개 =
C:\dev\pfs\web\templates\basic\field\field_orderpaper.html(라우트·템플릿 신설 0) - 검증기 2개(리포 미추적,
scripts/_*관례) =C:\dev\pfs\scripts\_op_main_mobile_static.py(정적) ·C:\dev\pfs\scripts\_op_main_mobile_check.py(실측) - devplan 페이지 =
C:\dev\devplan\pfs-orderpaper-mobile.html· 허브 카드pfs-orderpaper-mobile등록 - master 커밋 =
235e93c→a8d5a74→1bd001d→e0afe90→a9b4914
다음
- 페페 눈 = 노트20 실기 확인(에뮬레이션 통과 ≠ 실기 통과, 26.9.4 에 실기에서만 4건 나온 전례).
- 모바일에서 블록 일괄조작이 실제로 필요한지 · 순번(#) 숨김이 종이 발주서 대조 관행과 안 부딪히는지.
- 13px 미만 29종 전면 정리(데스크톱 포함) 여부 — web-designer 미결 항목과 같은 건.
관계
- 주제 그룹: pfs-orderpaper
- 관련 문서: pfs-rules, pfs-handoff