給与管理システム新規作成

2026-01-20 11:15:49 +09:00
parent 9dc7cbcb07
commit 8a00de8f03
45 changed files with 8925 additions and 5 deletions
--- a/backend/app/static/payroll.html
+++ b/backend/app/static/payroll.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>給与管理システム</title>
+    <link rel="stylesheet" href="/css/style.css">
+    <style>
+        .menu-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 20px;
+            margin-top: 30px;
+        }
+        .menu-card {
+            padding: 30px;
+            border: 2px solid #007bff;
+            border-radius: 10px;
+            text-align: center;
+            cursor: pointer;
+            transition: all 0.3s;
+        }
+        .menu-card:hover {
+            background: #007bff;
+            color: white;
+            transform: translateY(-5px);
+            box-shadow: 0 5px 15px rgba(0,123,255,0.3);
+        }
+        .menu-card h2 {
+            margin: 0 0 15px 0;
+            font-size: 1.5em;
+        }
+        .menu-card p {
+            margin: 0;
+            opacity: 0.8;
+        }
+        .menu-card:hover p {
+            opacity: 1;
+        }
+        .icon {
+            font-size: 3em;
+            margin-bottom: 15px;
+        }
+        .back-link {
+            display: inline-block;
+            margin-bottom: 20px;
+            color: #007bff;
+            text-decoration: none;
+        }
+        .back-link:hover {
+            text-decoration: underline;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <a href="../index.html" class="back-link">← メインメニューに戻る</a>
+        
+        <h1>給与管理システム</h1>
+        <p>従業員の給与計算、扶養管理、保険料・税金の管理を行います</p>
+
+        <div class="menu-grid">
+            <div class="menu-card" onclick="location.href='payroll-employees.html'">
+                <div class="icon">👥</div>
+                <h2>従業員管理</h2>
+                <p>従業員の基本情報、扶養家族情報を管理します</p>
+            </div>
+
+            <div class="menu-card" onclick="location.href='payroll-salary-settings.html'">
+                <div class="icon">💰</div>
+                <h2>給与設定</h2>
+                <p>各従業員の給与設定、基本給、手当などを管理します</p>
+            </div>
+
+            <div class="menu-card" onclick="location.href='payroll-calculation.html'">
+                <div class="icon">🧮</div>
+                <h2>月次給与計算</h2>
+                <p>毎月の給与計算、給与明細の作成・承認を行います</p>
+            </div>
+
+            <div class="menu-card" onclick="location.href='payroll-settings.html'">
+                <div class="icon">⚙️</div>
+                <h2>税率・保険料設定</h2>
+                <p>社会保険料率、所得税率表の管理を行います</p>
+            </div>
+        </div>
+
+        <div style="margin-top: 50px; padding: 20px; background: #f0f8ff; border-radius: 5px;">
+            <h3>📋 給与システムの使い方</h3>
+            <ol>
+                <li><strong>従業員管理</strong>で従業員を登録し、扶養家族情報を入力します</li>
+                <li><strong>給与設定</strong>で各従業員の基本給や手当を設定します</li>
+                <li><strong>税率・保険料設定</strong>で社会保険料率や所得税率表を確認・更新します</li>
+                <li><strong>月次給与計算</strong>で勤怠情報を入力し、給与を計算・承認します</li>
+            </ol>
+        </div>
+    </div>
+</body>
+</html>