77 lines
1.9 KiB
HTML
77 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ja">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>资金余额</title>
|
|
</head>
|
|
<body>
|
|
<h2>💰 当前资金状况</h2>
|
|
|
|
<table border="1" cellpadding="6" style="border-collapse: collapse">
|
|
<thead>
|
|
<tr style="background: #f5f5f5">
|
|
<th>账户</th>
|
|
<th style="text-align: right">余额</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="cashBalanceBody">
|
|
<tr>
|
|
<td colspan="2">读取中...</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr style="font-weight: bold">
|
|
<td>合计</td>
|
|
<td id="cashBalanceTotal" style="text-align: right">-</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
<script>
|
|
const API_BASE = "http://127.0.0.1:8080";
|
|
|
|
function formatYen(v) {
|
|
return "¥ " + Number(v).toLocaleString("ja-JP");
|
|
}
|
|
|
|
async function loadCashBalance() {
|
|
const body = document.getElementById("cashBalanceBody");
|
|
const totalEl = document.getElementById("cashBalanceTotal");
|
|
|
|
try {
|
|
const res = await fetch("/cash/balance");
|
|
const data = await res.json();
|
|
|
|
body.innerHTML = "";
|
|
|
|
data.items.forEach((item) => {
|
|
const tr = document.createElement("tr");
|
|
|
|
tr.style.cursor = "pointer";
|
|
tr.onclick = () => {
|
|
window.location.href = `/cash-transactions.html?account_id=${item.account_id}`;
|
|
};
|
|
|
|
tr.innerHTML = `
|
|
<td style="color:#007acc; text-decoration:underline;">
|
|
${item.account_name}
|
|
</td>
|
|
<td style="text-align:right;">
|
|
${formatYen(item.balance)}
|
|
</td>
|
|
`;
|
|
|
|
tbody.appendChild(tr);
|
|
});
|
|
|
|
totalEl.innerText = formatYen(data.total_balance);
|
|
} catch (e) {
|
|
body.innerHTML = `<tr><td colspan="2">读取失败</td></tr>`;
|
|
}
|
|
}
|
|
|
|
window.addEventListener("DOMContentLoaded", loadCashBalance);
|
|
</script>
|
|
</body>
|
|
</html>
|