Appearance
实现 分期 APR 测算 工具
分类:general | 标签:分期、APR、贷款 测算分期总利息与实际年化
2.1 功能说明
测算分期总利息与实际年化
2.1.1 使用指南
功能说明
输入本金、分期数、每期还款,测算总利息、实际年化利率(APR/IRR)。
使用场景
信用卡分期、消费贷成本评估。
2.2 代码实现
2.2.1 组件结构
本工具是一个基于 Vue 3 <script setup> 语法的单文件组件(SFC),统一包裹在 ToolPageShell 组件内,由它提供页面标题、工具 ID、分类与「使用指南」插槽等通用外壳;核心业务逻辑(响应式状态、计算属性、事件处理函数)全部写在 <script setup> 中,输入/输出通过 el-input、el-button 等 Element Plus 组件与用户交互,所有数据均在浏览器本地处理,不会上传服务器。
2.2.2 核心逻辑概览
<script setup> 中定义的主要函数/方法:
npvRate()run()
2.2.3 关键实现代码
以下是该工具的完整 <script setup> 实现(核心代码)。模板(<template>)与样式(<style>)已省略。
vue
import { ref } from 'vue'
import ToolPageShell from '@/components/ToolPageShell.vue'
const principal = ref(10000)
const periods = ref(12)
const payment = ref(900)
const freq = ref(12)
const error = ref('')
const res = ref(null)
function npvRate(rate, p, n, pmt) {
// NPV of outflows: -p + sum pmt/(1+rate)^t
let s = -p
for (let t = 1; t <= n; t++) s += pmt / Math.pow(1 + rate, t)
return s
}
function run() {
error.value = res.value = null
const p = Number(principal.value), n = Number(periods.value), pmt = Number(payment.value)
if (!isFinite(p) || p <= 0) { error.value = '本金必须为正数'; return }
if (!isFinite(n) || n <= 0 || !Number.isInteger(n)) { error.value = '分期数必须为正整数'; return }
if (!isFinite(pmt) || pmt <= 0) { error.value = '每期还款必须为正数'; return }
// solve IRR via bisection (rate per period)
let lo = -0.99, hi = 10, r = 0
for (let i = 0; i < 200; i++) {
r = (lo + hi) / 2
const v = npvRate(r, p, n, pmt)
if (Math.abs(v) < 1e-6) break
if (npvRate(lo, p, n, pmt) * v < 0) hi = r; else lo = r
}
const perPeriod = r
const total = pmt * n
res.value = {
total, interest: total - p,
monthlyRate: pmt * n / p - 1, // approximate total rate
apr: (Math.pow(1 + perPeriod, freq.value) - 1)
}
}2.3 效果截图
