From 05cbf72ff5dd98d15e208ebfcdebdbfea4d673a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Fri, 13 Mar 2026 18:14:50 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[finance]=20=EC=9D=BC=EC=9D=BC=EC=97=85?=
 =?UTF-8?q?=EB=AC=B4=EC=9D=BC=EC=A7=80=20Blade+React=20=EC=9D=B4=EC=A4=91?=
 =?UTF-8?q?=EC=A4=91=EA=B4=84=ED=98=B8=20=EC=B6=A9=EB=8F=8C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- style={{ }} → JS 변수 분리 (Blade가 PHP echo로 해석하는 문제)
- 중첩 삼항연산자 괄호 추가 (PHP 8.4 호환)
---
 resources/views/finance/daily-work-log.blade.php | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/resources/views/finance/daily-work-log.blade.php b/resources/views/finance/daily-work-log.blade.php
index d22731fe..70ec1071 100644
--- a/resources/views/finance/daily-work-log.blade.php
+++ b/resources/views/finance/daily-work-log.blade.php
@@ -226,7 +226,8 @@ function DailyWorkLog() {
     const tdCenter = { ...tdStyle, textAlign: 'center' };
     const sectionHeader = { background: '#edf2f7', padding: '8px 12px', fontWeight: '600', fontSize: '14px', textAlign: 'center', borderTop: '2px solid #4a5568', borderBottom: '1px solid #cbd5e0' };
     const rateBar = { height: '8px', borderRadius: '4px', background: '#e2e8f0', overflow: 'hidden' };
-    const rateFill = { height: '100%', borderRadius: '4px', background: rate >= 80 ? '#48bb78' : rate >= 50 ? '#ecc94b' : '#f56565', width: rate + '%', transition: 'width 0.3s' };
+    const rateColor = rate >= 80 ? '#48bb78' : (rate >= 50 ? '#ecc94b' : '#f56565');
+    const rateFill = { height: '100%', borderRadius: '4px', background: rateColor, width: rate + '%', transition: 'width 0.3s' };
     const inputBase = { width: '100%', padding: '4px 6px', fontSize: '13px', border: '1px solid #e2e8f0', borderRadius: '4px', outline: 'none' };
     const btnNav = { padding: '6px 12px', background: 'white', border: '1px solid #d1d5db', borderRadius: '6px', cursor: 'pointer', fontSize: '16px', lineHeight: '1' };
     const btnPrimary = { padding: '8px 20px', background: '#4f46e5', color: 'white', border: 'none', borderRadius: '6px', cursor: 'pointer', fontWeight: '600', fontSize: '14px' };
@@ -244,6 +245,9 @@ function DailyWorkLog() {
     const doneCol = { width: '50px' };
     const noteCol = { width: '160px' };
     const actCol = { width: '80px' };
+    const colorSelectStyle = { padding: '2px', fontSize: '11px', width: '32px' };
+    const rateContainerStyle = { flex: '1', maxWidth: '400px', marginLeft: '20px' };
+    const rateTextStyle = { color: rateColor, minWidth: '80px', textAlign: 'right' };
     const tableStyle = { width: '100%', borderCollapse: 'collapse' };
 
     return (
@@ -354,7 +358,7 @@ className="text-lg font-bold text-gray-800 border border-gray-300 rounded-lg px-
                                                     <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M6 9l6 6 6-6"/></svg>
                                                 </button>
                                                 <select value={item.highlight || ''} onChange={e => updateItem(idx, 'highlight', e.target.value)}
-                                                    className="text-xs border border-gray-200 rounded" style={{ padding: '2px', fontSize: '11px', width: '32px' }} title="행 색상">
+                                                    className="text-xs border border-gray-200 rounded" style={colorSelectStyle} title="행 색상">
                                                     {HIGHLIGHTS.map(h => <option key={h.value} value={h.value}>{h.value ? '\u25CF' : '-'}</option>)}
                                                 </select>
                                                 <button onClick={() => removeItem(idx)} className="text-red-400 hover:text-red-600" title="삭제">
@@ -401,11 +405,11 @@ className="text-xs border border-gray-200 rounded" style={{ padding: '2px', font
                     <div className="border-t-2 border-gray-700">
                         <div className="flex items-center justify-between p-4">
                             <span className="font-bold text-gray-700 text-lg">달성률</span>
-                            <div className="flex items-center gap-4" style={{ flex: '1', maxWidth: '400px', marginLeft: '20px' }}>
+                            <div className="flex items-center gap-4" style={rateContainerStyle}>
                                 <div style={rateBar} className="flex-1">
                                     <div style={rateFill}></div>
                                 </div>
-                                <span className="text-xl font-bold" style={{ color: rate >= 80 ? '#48bb78' : rate >= 50 ? '#ecc94b' : '#f56565', minWidth: '80px', textAlign: 'right' }}>
+                                <span className="text-xl font-bold" style={rateTextStyle}>
                                     {rate}%
                                 </span>
                             </div>