贷款月供计算

flowchart TD
    A["切换到「贷款计算」Tab"] --> B{"从购房参考跳转？"}
    B -->|是| C["数据自动预填<br/>房价/首付/最大贷款额"]
    B -->|否| D["手动输入房价与贷款参数"]
    C --> E["选择贷款类型"]
    D --> E
    E --> F{"贷款类型？"}
    F -->|商业贷款| G["设置商贷金额/期限/利率"]
    F -->|公积金贷款| H["设置公积金金额/期限/利率"]
    F -->|组合贷款| I["分别设置公积金和商贷参数"]
    G --> J["选择还款方式"]
    H --> J
    I --> J
    J --> K{"还款方式？"}
    K -->|等额本息| L["查看固定月供"]
    K -->|等额本金| M["查看首月月供及每月递减"]
    L --> N["查看逐月还款明细"]
    M --> N
    N --> O["导出或截图保存"]

    style A fill:#0d9488,color:#fff
    style N fill:#f59e0b,color:#fff

sequenceDiagram
    participant U as 用户
    participant E as 购房参考
    participant C as HouseDataContext
    participant L as 贷款计算器
    participant Calc as 计算引擎

    U->>E: 填写房屋信息+交易信息
    U->>E: 点击「开始评估」
    E->>Calc: calculateTaxes() + evaluateBuyerResult()
    Calc-->>E: 返回税费+首付+评估结果
    E->>C: updateSharedData(房价, 首付比例, 最大贷款额, ...)
    E-->>U: 展示评估结果

    U->>L: 切换到「贷款计算」Tab
    L->>C: useHouseData() 读取共享数据
    C-->>L: 返回房价/首付/最大贷款额
    L-->>U: 自动预填贷款参数

    U->>L: 选择贷款类型+还款方式
    U->>L: 确认贷款金额/期限/利率
    L->>Calc: calculateLoanDetails(loanInfo)
    Calc-->>L: 返回月供/总利息/总还款
    L-->>U: 展示月供金额

    U->>L: 翻页查看还款明细
    L->>Calc: generateMonthlyDetailsForPage(page)
    Calc-->>L: 返回当页36期的本金/利息/余额
    L-->>U: 展示逐月还款表

    opt 提前还款测算
        U->>L: 输入年额外还款额
        L->>Calc: calculateEarlyPayoffYears()
        Calc-->>L: 返回可节省利息+缩短年数
        L-->>U: 展示提前还款结果
    end