存了好多网上民营银行的存款，为了便于统计用ai制作了个定期存款账单，是html格式的

pretty · [pretty] 发表于 2026-7-18 07:43

本帖最后由 pretty 于 2026-7-18 07:45 编辑

通过百度网盘分享的文件：定期存款本息计算…
链接:https://pan.baidu.com/s/1ioyODjRppsg6Uyxae72PWg
提取码:87z1
复制这段内容打开「百度网盘APP 即可获取」

代码太长了，复制粘贴不全，截图发一下

wykslina · [wykslina] 发表于 2026-7-18 08:36

就这东西，还值得去存个网盘？

<!DOCTYPE html>
<html lang=\"zh-CN\">
<head>
<meta charset=\"UTF-8\">
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
<title>定期存款记账工具</title>
<style>
.box{max-width:500px;margin:30px auto;padding:20px}
.item{margin:12px 0}
input{width:100%;padding:8px;box-sizing:border-box;font-size:16px;}
.btn-group{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}
button{padding:10px 12px;background:#007aff;color:#fff;border:none;border-radius:6px;font-size:15px;flex:1}
.export{background:#28a745}
.import{background:#ff9500}
#result{margin-top:20px;padding:15px;background:#f5f5f5;border-radius:8px;}
.record-item{border:1px solid #ccc;padding:10px;margin:8px 0;border-radius:6px;}
#fileInput{display:none}
</style>
</head>
<body>
<div class=\"box\">
<h3>定期存款本息计算台账</h3>
<div class=\"btn-group\">
<button onclick=\"exportData()\" class=\"export\">导出存单备份</button>
<button onclick=\"document.getElementById(\'fileInput\').click()\" class=\"import\">导入备份文件</button>
<input type=\"file\" id=\"fileInput\" accept=\".json\" onchange=\"importData(event)\">
</div>

<div class=\"item\">存款人姓名：<input type=\"text\" id=\"userName\" placeholder=\"张三\"></div>
<div class=\"item\">存款银行：<input type=\"text\" id=\"bankName\" placeholder=\"工商银行\"></div>
<div class=\"item\">存入日期：<input type=\"date\" id=\"inDate\"></div>
<div class=\"item\">本金(元)：<input type=\"number\" id=\"money\" placeholder=\"10000\"></div>
<div class=\"item\">年利率(%)：<input type=\"number\" step=\"0.01\" id=\"rate\" placeholder=\"2.1\"></div>
<div class=\"item\">存期(年)：<input type=\"number\" step=\"1\" id=\"year\" placeholder=\"3\"></div>

<button onclick=\"calc()\">计算到期信息并保存存单</button>
<div id=\"result\"></div>

<h4>全部存单记录</h4>
<div id=\"list\"></div>
</div>

<script>
// 读取本地存储存单
let list = JSON.parse(localStorage.getItem(\'depositList\') || \'[]\');
showList();

// ==========导出备份：下载json文件保存所有存单==========
function exportData(){
const blob = new Blob([JSON.stringify(list, null, 2)], {type:\"application/json\"});
const a = document.createElement(\'a\');
a.href = URL.createObjectURL(blob);
a.download = \"定期存单备份.json\";
a.click();
alert(\"备份文件已下载！把这个json文件和html文件一起发给另一台手机\");
}

// ==========导入备份：读取json恢复存单==========
function importData(e){
const file = e.target.files[0];
if(!file) return;
const reader = new FileReader();
reader.onload = function(ev){
try{
const backupList = JSON.parse(ev.target.result);
if(Array.isArray(backupList)){
list = backupList;
localStorage.setItem(\'depositList\', JSON.stringify(list));
showList();
alert(\"存单导入成功！\");
}else{
alert(\"备份文件格式错误\");
}
}catch(err){
alert(\"文件损坏，导入失败\");
}
}
reader.readAsText(file);
// 清空文件选择，避免重复选同一个无反应
e.target.value = \"\";
}

function calc(){
let userName = document.getElementById(\'userName\').value.trim();
let bankName = document.getElementById(\'bankName\').value.trim();
let inDate = document.getElementById(\'inDate\').value;
let money = Number(document.getElementById(\'money\').value);
let rate = Number(document.getElementById(\'rate\').value);
let year = Number(document.getElementById(\'year\').value);

if(!userName || !bankName || !inDate || !money || !rate || !year){
alert(\'请完整填写存款人、银行、存入日期、本金、利率、存期所有内容\');
return;
}

let d = new Date(inDate);
d.setFullYear(d.getFullYear() + year);
let endDate = d.toLocaleDateString();
let interest = money * rate / 100 * year;
let total = money + interest;

let res = `
<p>存款人：${userName}</p>
<p>存款银行：${bankName}</p>
<p>存入日期：${inDate}</p>
<p>到期日期：${endDate}</p>
<p>本金：${money} 元</p>
<p>年利率：${rate} %</p>
<p>利息：${interest.toFixed(2)} 元</p>
<p><strong>到期本息合计：${total.toFixed(2)} 元</strong></p>
`;
document.getElementById(\'result\').innerHTML = res;

let depositItem = {
userName,
bankName,
inDate,
endDate,
money,
rate,
year,
interest,
total
};
list.push(depositItem);
localStorage.setItem(\'depositList\', JSON.stringify(list));
showList();

document.getElementById(\'userName\').value = \'\';
document.getElementById(\'bankName\').value = \'\';
document.getElementById(\'inDate\').value = \'\';
document.getElementById(\'money\').value = \'\';
document.getElementById(\'rate\').value = \'\';
document.getElementById(\'year\').value = \'\';
}

function showList(){
let html = \'\';
list.forEach((item, i) => {
html += `
<div class=\"record-item\">
${i+1}. 【${item.userName}】-${item.bankName}
<br>存入：${item.inDate}｜存期${item.year}年｜年利率${item.rate}%
<br>本金${item.money}元，利息${item.interest.toFixed(2)}元
<br>到期本息${item.total.toFixed(2)}元｜到期日：${item.endDate}
<button onclick=\"del(${i})\" style=\"margin-top:4px;color:red;\">删除本条存单</button>
</div>`;
})
document.getElementById(\'list\').innerHTML = html;
}

function del(i){
list.splice(i, 1);
localStorage.setItem(\'depositList\', JSON.stringify(list));
showList();
}
</script>
</body>
</html>

帐号		自动登录	找回密码
密码			立即注册

[大家谈谈] 存了好多网上民营银行的存款，为了便于统计用ai制作了个定期存款账单，是html格式的

本帖子中包含更多资源