修正

2025-12-18 15:30:39 +09:00
parent 88163423e0
commit 87fa1aaa1f
12 changed files with 742 additions and 192 deletions
--- a/frontend/trial-balance.html
+++ b/frontend/trial-balance.html
@@ -1,37 +1,56 @@
 <!DOCTYPE html>
 <html lang="ja">
-  <head>
-    <meta charset="UTF-8" />
-    <title>試算表</title>
-    <link rel="stylesheet" href="css/style.css" />
-  </head>
-  <body>
-    <h1>試算表</h1>
+<head>
+  <meta charset="UTF-8" />
+  <title>试算表</title>
+  <style>
+    table {
+      border-collapse: collapse;
+      width: 100%;
+    }
+    th, td {
+      border: 1px solid #ccc;
+      padding: 6px 10px;
+      text-align: right;
+    }
+    th {
+      background: #f5f5f5;
+    }
+    td.left {
+      text-align: left;
+    }
+    tfoot td {
+      font-weight: bold;
+      background: #fafafa;
+    }
+  </style>
+</head>
+<body>

-    <label>
-      期首：
-      <input type="date" id="from" />
-    </label>
-    <label>
-      期末：
-      <input type="date" id="to" />
-    </label>
-    <button id="load">表示</button>
+<h2>試算表</h2>

-    <table border="1">
-      <thead>
-        <tr>
-          <th>科目</th>
-          <th>期首</th>
-          <th>借方</th>
-          <th>貸方</th>
-          <th>期末</th>
-        </tr>
-      </thead>
-      <tbody id="tb-body"></tbody>
-    </table>
+<table id="trialBalanceTable">
+  <thead>
+    <tr>
+      <th>科目代码</th>
+      <th>科目名称</th>
+      <th>借方合计</th>
+      <th>贷方合计</th>
+    </tr>
+  </thead>
+  <tbody>
+    <!-- JS 动态插入 -->
+  </tbody>
+  <tfoot>
+    <tr>
+      <td colspan="2">合计</td>
+      <td id="totalDebit">0</td>
+      <td id="totalCredit">0</td>
+    </tr>
+  </tfoot>
+</table>

-    <script src="js/api.js"></script>
-    <script src="js/trial-balance.js"></script>
-  </body>
+<script src="./js/trial-balance.js"></script>
+
+</body>
 </html>