TCBS · MARKETS · PROJECT

Loan Cost Details — Wireframes v1.3

Hệ thống tính toán chi phí vay vốn offshore cho Markets desk — single source of truth phục vụ negotiation, NHNN reporting, FTP và dashboard quản trị.

15 frames · Phase 1 MVP · Q3/2026 · Owner: anh Long (longnh21@tcbs.com.vn) · Updated 19/05/2026 — Applied Feedback R3

Total Frames

+ Frame 7 cũ gộp F6, F8 cũ → Phase 2

Phase 1 P0

Frame 1-11, 13 must-have MVP

Phase 1 P1

Frame 12, 14, 15 nice-to-have

Status

v1.3

Feedback R3 applied

📐 Wireframes — 15 Frames

FRAMES 1–6

Core flow — Facility & Drawdown v1.3

6 frames đầu của hệ thống: Dashboard với time filter và bilingual KPIs; Facility List có cột Onshore/Offshore; Add Facility với 3 lines layout + auto-gen name; Facility Detail Overview với FINANCIAL BREAKDOWN + Total Utilization (FUR); Drawdowns Tab; Drawdown + Payment Schedule (gộp F7 cũ).

01 · Dashboard (Time filter + Quick Action bilingual + Alert row SBV ngày 5)
02 · Facility List (Onshore/Offshore + FA Date/Maturity Date)
03 · Add Facility (3 lines: O/O - FA Structure - Tenor - Revolving - Lender - Name)
04 · Facility Detail Overview (Interest Rate Type + FUR + Timeline fix)
05 · Drawdowns Tab (Actual Interest Rate USD/VND)
06 · Drawdown + Payment Schedule (Period/Start/End/Days/Payment Date/Rate/Amount USD/VND)

Mở wireframes →

FRAMES 7–15

Fees, Events, Reports & Admin v1.3

9 frames sau: Add New Fee gộp; Prepayment với 3 types + Interest Prepayment; Calculation spot-only; Pending Approvals; FX Rate Management với Import Excel; Cost Comparison với Select Baseline; NHNN Report USD-only; Audit Log; User Management.

07 · Add New Fee / Thêm Phí Mới (FEE DETAIL gộp + DOCUMENTS + PREVIEW ALL-IN COST)
08 · Prepayment Event (3 types + Interest Prepayment + FX Rate suggestion)
09 · Calculation Tab (spot-only Phase 1)
10 · Pending Approvals (Checker queue + Diff view)
11 · FX Rate Mgmt + Import Excel (template + ko override data đã nhập)
12 · Cost Comparison + Select Baseline
13 · NHNN Monthly Report (USD only, 3 sheets)
14 · Audit Log
15 · User Management (multi-role, ≥2 admin)

Mở wireframes →

📋 Tài liệu dự án

BRD v1.1

Business Request Document

Đã được anh Long approved 09/05/2026. 10 TBD points đã closed.

PRD v1.1

Product Requirement Document

15 frames spec đầy đủ cho Design + Dev. Bilingual UI · 3 lines facility form · Payment Schedule mixed Period column · Spot-only AIC VND.

🆕 Feedback R3 — Đã apply (v1.3)

v1.2 → v1.3 changes (19/05/2026) — Feedback R3 của anh Long đã được áp dụng:

Global rule: Tất cả các trường FX Rate / Hedging chỉ xuất hiện đối với hợp đồng Offshore — ẩn cho Onshore (hợp đồng VND không cần FX)
Frame 3 (Add Facility): Căn lại 6 cột Line 2 — FA No kéo dài bằng FA Structure · FA Date thẳng Tenor Class · Effective Date thẳng Revolving · Last Drawdown thẳng Lender/Agent · Maturity Date thẳng Facility Name · BDC kết thúc bằng kết thúc Facility Name. Ô Margin ẩn khi Rate Type = "Other (Negotiated)"
Frame 4 (Facility Detail Overview): Bỏ chữ "Currency" trong label "Currency Facility Limit" → "Facility Limit" (data bên phải vẫn hiện currency). Bổ sung rõ dòng Interest Repayment. Fix data tràn khỏi khung FA Details
Frame 8 (Prepayment): Đổi "Drawdown Ref" → InstanceID · Căn 4-column grid (4-2-3-3 fields thẳng cột như kẻ bảng) · Bỏ required ở 2 trường Interest Prepayment USD/VND
Frame 13 (NHNN Report): Bổ sung cột Lender/Agent cho Sheet 2, Sheet 3 · Sheet 3 bổ sung cột Period (lấy từ Lịch Thanh Toán của Frame 6)
Frames 1, 2, 5, 6, 7, 9, 10, 11, 12, 14, 15: anh Long xác nhận OK ở R3 — không thay đổi

📚 Lịch sử feedback đã apply trước đó:

v1.1 → v1.2 (Feedback 1905): Frame 1 Time filter + bilingual Quick Action · Frame 2 Onshore/Offshore + FA Date + Maturity Date · Frame 3 3-lines layout · Frame 4 FINANCIAL BREAKDOWN + FUR · Frame 6 PAYMENT SCHEDULE · Frame 7 FEE DETAIL gộp · Frame 8 3 Prepayment Types · Frame 11 Import Excel · Frame 12 Select baseline · Frame 13 USD only.

🚀 Roadmap

W0 (now): PRD v1.1 approved · Wireframes v1.3 published lên funding.tcbs.dev
W1–W2: Port wireframes lên Figma (khi quota Figma về)
W3–W4: Tech design + DAB review (ITD + Eng Lead)
W5–W12: Dev sprints (4 sprints × 2 tuần) — build 15 frames
W13: UAT internal Markets team
W14: UAT cross-team (Accounting/Finance/Risk)
W15: Bug fix + ORRA + ANTT review
W16: Golive MVP (Q3/2026)