Files
Aislo/docs/wiki/pages/B11_Status/B11_frontend.md
T
eomsangdonandClaude Opus 5 eb30b774f8 chore(docs): docs 폴더 git 추적 전환 · PLAN·OWNERS 최상위 이관
- `docs/` 를 .gitignore 에서 빼 git 추적 대상으로 전환 (위키·완료 이력·검증 기록)
- `docs/raw/PLAN.md` · `docs/raw/OWNERS.md` 를 저장소 최상위로 이동 후 .gitignore 에 등록
  — 창끼리 공유하되 저장소에는 안 올리는 장부
- 살아 있는 경로 참조 7개 파일 정정 (아카이브 107건은 그때 사실이라 그대로 둠)
- graphify 날짜별 산출물(`docs/wiki/graphify-out/20*/`) 제외 — `graphify update` 가 다시 만듦

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-09 18:19:07 +09:00

2.8 KiB

status, page_id, related_pages, last_updated, source
status page_id related_pages last_updated source
stable B11_Status
B10_Payment/B10_frontend
ui_templates
B04_PreProcess/B04_frontend
B05_Profile/B05_frontend
architecture/project_map
2026-08-01
docs/raw/verification/2026-07-17_verify_layout_and_payment_mockups.md
docs/raw/verification/2026-08-01_verify_B04_B05_drainage_ui_improvements.md

B11_Status — Frontend

결재 상태 페이지. 요청 - 발행 - 입금확인 - 완료의 결재 상태 flow 및 다운로드 연계 화면 골격 목업. 또한 프로젝트 전환 시 3D 지형 및 등고선 자산을 백그라운드 선적재(IndexedDB)하는 자료 준비 화면 파이프라인 연동.

파일 구조

파일 위치 역할
B11_Status_UI_Page.ts B11_Status/B11_Status_UI_Page.ts:1-150 단계별 결재 상태 표시 및 문서/DWG 다운로드 버튼 활성화 제어
B11_Status_UI_Loading.ts B11_Status/B11_Status_UI_Loading.ts [신설/2026-08-01] 프로젝트 전환 시 3D/등고선 백그라운드 선적재(IndexedDB b_asset_cache.ts) 및 자동 건너뛰기 탭 기억 로딩 화면
B11_Status_UI_Style.css B11_Status/B11_Status_UI_Style.css:1-35 결재 상태 UI 스타일시트

주요 컴포넌트 및 기능 (Mockup)

함수 위치 역할
renderB11Status(root) B11_Status/B11_Status_UI_Page.ts:20 일반업무 레이아웃 적용, 결재 진행 상태바와 결과 다운로드 구역 조립
updatePaymentFlowStatus(stage) B11_Status/B11_Status_UI_Page.ts:60 입금 전/후 상태 전이에 따른 화면 상태 갱신 목업
onB11_Download_Result_Click() B11_Status/B11_Status_UI_Page.ts:90 결재 완료 상태에서 결과 파일 다운로드 실행

결재 상태 흐름 (Payment Flow Status)

요청(REQUESTED) ➡️ 발행(ISSUED) ➡️ 입금확인(CONFIRMED) ➡️ 완료(COMPLETED)
  • 다운로드 게이팅: 입금 확인이 되지 않은 전반기(요청/발행) 상태에서는 설계 산출물 및 도면 다운로드 버튼이 disabled 비활성화 상태를 유지하며, 입금확인 및 완료(CONFIRMED/COMPLETED) 전이 시에만 다운로드가 허용되도록 게이팅 로직이 시뮬레이션되어 있습니다.

로컬라이제이션

UI 요소 로케일 키
제목 B11_Status_Title
결재 흐름 단계들 B11_Status_Step_Request, B11_Status_Step_Issue, B11_Status_Step_Confirm, B11_Status_Step_Complete
다운로드 버튼 B11_Status_Btn_Download
미입금 경고 안내 B11_Status_Warning_Pending

의존성

  • ui_templatesui_template_general_layout.ts 레이아웃 템플릿 사용
  • config_frontend.tsROUTES 관리