eomsangdonandClaude Opus 5
eb30b774f8
- `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>
50 lines
2.8 KiB
Markdown
50 lines
2.8 KiB
Markdown
---
|
|
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]]
|