---
status: stable
page_id: B11_Status
related_pages: ["[[B10_Payment/B10_frontend]]", "[[ui_templates]]", "[[B04_PreProcess/B04_frontend]]", "[[B05_Profile/B05_frontend]]", "[[architecture/project_map]]"]
last_updated: 2026-08-01
source: ["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_templates]] — `ui_template_general_layout.ts` 레이아웃 템플릿 사용
*   `config_frontend.ts` — `ROUTES` 관리


- 하위 컴포넌트: [[B11_Status/frontend/B11_Status_UI_Page|B11_Status_UI_Page]]