From 549e78ba61ff540c9b539fd52de547b1eb82bb5f Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Mon, 30 Mar 2026 09:27:53 +0900
Subject: [PATCH] =?UTF-8?q?fix(tkfb):=20=EC=97=B0=EC=B0=A8=20=EC=86=8C?=
 =?UTF-8?q?=EC=88=98=EC=A0=90=20=ED=91=9C=EC=8B=9C=20=EA=B0=9C=EC=84=A0=20?=
 =?UTF-8?q?=E2=80=94=20=EC=A0=95=EC=88=98=EB=A9=B4=2017,=20=EC=86=8C?=
 =?UTF-8?q?=EC=88=98=EB=A9=B4=200.75?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- DB: vacation_balance_details DECIMAL(4,1) → DECIMAL(5,2)로 변경 (0.25 단위 지원)
- 표시: fmtNum() — 정수면 소수점 없이 (17), 소수면 2자리 (0.75)
- onblur 포맷팅도 동일 규칙 적용

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../web/pages/attendance/annual-overview.html | 34 +++++++++++--------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/system1-factory/web/pages/attendance/annual-overview.html b/system1-factory/web/pages/attendance/annual-overview.html
index c82a08a..2bb428c 100644
--- a/system1-factory/web/pages/attendance/annual-overview.html
+++ b/system1-factory/web/pages/attendance/annual-overview.html
@@ -354,6 +354,12 @@
       }, 50);
     })();
 
+    // 숫자 포맷: 정수면 소수점 없이, 소수면 2자리
+    function fmtNum(v) {
+      const n = parseFloat(v) || 0;
+      return n % 1 === 0 ? n.toString() : n.toFixed(2);
+    }
+
     // 전역 변수
     let workers = [];
     let currentYear = new Date().getFullYear();
@@ -488,24 +494,24 @@
             <td class="worker-name">${w.worker_name}</td>
             <td>
               <input type="number" class="num-input ${carryover < 0 ? 'negative' : ''}"
-                     value="${carryover.toFixed(2)}" step="0.25"
+                     value="${fmtNum(carryover)}" step="0.25"
                      data-field="carryover"
                      onchange="updateField(${w.user_id}, 'carryover', this.value)"
-                     onblur="this.value=parseFloat(this.value||0).toFixed(2)">
+                     onblur="var n=parseFloat(this.value||0);this.value=n%1===0?n.toString():n.toFixed(2)">
             </td>
             <td>
               <input type="number" class="num-input"
-                     value="${annual.toFixed(2)}" step="0.25"
+                     value="${fmtNum(annual)}" step="0.25"
                      data-field="annual"
                      onchange="updateField(${w.user_id}, 'annual', this.value)"
-                     onblur="this.value=parseFloat(this.value||0).toFixed(2)">
+                     onblur="var n=parseFloat(this.value||0);this.value=n%1===0?n.toString():n.toFixed(2)">
             </td>
             <td>
               <input type="number" class="num-input"
-                     value="${longService.toFixed(2)}" step="0.25"
+                     value="${fmtNum(longService)}" step="0.25"
                      data-field="longService"
                      onchange="updateField(${w.user_id}, 'longService', this.value)"
-                     onblur="this.value=parseFloat(this.value||0).toFixed(2)">
+                     onblur="var n=parseFloat(this.value||0);this.value=n%1===0?n.toString():n.toFixed(2)">
             </td>
             <td>
               <button class="special-btn" onclick="openSpecialModal(${w.user_id}, '${w.worker_name}')">
@@ -513,9 +519,9 @@
                 ${(d.specials || []).length > 0 ? `<span class="special-count">${d.specials.length}</span>` : ''}
               </button>
             </td>
-            <td style="font-weight:600;color:#059669;">${totalGenerated.toFixed(2)}</td>
-            <td style="color:#6b7280;">${totalUsed.toFixed(2)}</td>
-            <td class="remaining ${remainingClass}">${remaining.toFixed(2)}</td>
+            <td style="font-weight:600;color:#059669;">${fmtNum(totalGenerated)}</td>
+            <td style="color:#6b7280;">${fmtNum(totalUsed)}</td>
+            <td class="remaining ${remainingClass}">${fmtNum(remaining)}</td>
           </tr>
         `;
       }).join('');
@@ -555,9 +561,9 @@
       const remaining = totalGenerated - totalUsed;
 
       const cells = row.querySelectorAll('td');
-      cells[6].textContent = totalGenerated.toFixed(2);
-      cells[7].textContent = totalUsed.toFixed(2);
-      cells[8].textContent = remaining.toFixed(2);
+      cells[6].textContent = fmtNum(totalGenerated);
+      cells[7].textContent = fmtNum(totalUsed);
+      cells[8].textContent = fmtNum(remaining);
       cells[8].className = `remaining ${remaining > 0 ? 'positive' : remaining < 0 ? 'negative' : 'zero'}`;
     }
 
@@ -595,9 +601,9 @@
               <option value="${st.code}" ${s.type === st.code ? 'selected' : ''}>${st.name}</option>
             `).join('')}
           </select>
-          <input type="number" value="${parseFloat(s.days).toFixed(2)}" step="0.25" min="0"
+          <input type="number" value="${fmtNum(s.days)}" step="0.25" min="0"
                  onchange="updateSpecialDays(${idx}, this.value)"
-                 onblur="this.value=parseFloat(this.value||0).toFixed(2)">
+                 onblur="var n=parseFloat(this.value||0);this.value=n%1===0?n.toString():n.toFixed(2)">
           <span>일</span>
           <button class="delete-btn" onclick="deleteSpecialItem(${idx})">삭제</button>
         </div>