From dc0eb705ad66d0e8d415f16633c0c38412eff40d 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: Mon, 16 Mar 2026 15:58:23 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[finance]=20=EC=9E=90=EA=B8=88=EC=9D=BC?=
 =?UTF-8?q?=EB=B3=B4=20Blade=20JSX=20=EC=9D=B4=EC=A4=91=20=EC=A4=91?=
 =?UTF-8?q?=EA=B4=84=ED=98=B8=20=EC=97=90=EB=9F=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- style={{...}} 4곳을 스타일 변수로 분리
- Blade 엔진이 {{를 PHP echo로 해석하는 충돌 해소
---
 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 cf77c36a..7e603619 100644
--- a/resources/views/finance/daily-work-log.blade.php
+++ b/resources/views/finance/daily-work-log.blade.php
@@ -307,6 +307,10 @@ function DailyWorkLog() {
     const rateContainerStyle = { flex: '1', maxWidth: '400px', marginLeft: '20px' };
     const rateTextStyle = { color: rateColor, minWidth: '80px', textAlign: 'right' };
     const tableStyle = { width: '100%', borderCollapse: 'collapse' };
+    const fileFlexContent = { flex: 1, minWidth: 0 };
+    const fileLinkStyle = { display: 'block', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: '12px' };
+    const fileSizeStyle = { fontSize: '11px', color: '#9ca3af' };
+    const fileInputHidden = { display: 'none' };
     const fileZone = { border: '1px dashed #cbd5e0', borderRadius: '8px', padding: '12px', background: '#f9fafb', cursor: 'pointer', textAlign: 'center', color: '#9ca3af', fontSize: '13px', transition: 'border-color 0.2s' };
     const fileItem = { display: 'flex', alignItems: 'center', gap: '8px', padding: '6px 10px', background: 'white', border: '1px solid #e5e7eb', borderRadius: '6px', fontSize: '13px' };
     const fileThumb = { width: '36px', height: '36px', objectFit: 'cover', borderRadius: '4px', border: '1px solid #e5e7eb' };
@@ -329,9 +333,9 @@ function DailyWorkLog() {
                                         <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
                                     </div>
                                 )}
-                                <div style={{flex:1, minWidth:0}}>
-                                    <a href={'/finance/daily-work-log/file/' + f.id + '/download'} className="text-indigo-600 hover:underline" style={{display:'block', overflow:'hidden', textOverflow:'ellipsis', whiteSpace:'nowrap', fontSize:'12px'}} title={f.original_name}>{f.original_name}</a>
-                                    <span style={{fontSize:'11px', color:'#9ca3af'}}>{f.formatted_size}</span>
+                                <div style={fileFlexContent}>
+                                    <a href={'/finance/daily-work-log/file/' + f.id + '/download'} className="text-indigo-600 hover:underline" style={fileLinkStyle} title={f.original_name}>{f.original_name}</a>
+                                    <span style={fileSizeStyle}>{f.formatted_size}</span>
                                 </div>
                                 <button style={fileDel} onClick={() => handleFileDelete(f.id, fieldKey)} title="삭제" className="no-print">
                                     <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
@@ -345,7 +349,7 @@ function DailyWorkLog() {
                     onDragOver={e => { e.preventDefault(); e.currentTarget.style.borderColor = '#6366f1'; }}
                     onDragLeave={e => { e.currentTarget.style.borderColor = '#cbd5e0'; }}
                     onDrop={e => { e.preventDefault(); e.currentTarget.style.borderColor = '#cbd5e0'; handleFileUpload(fieldKey, e.dataTransfer.files); }}>
-                    <input type="file" id={inputId} multiple style={{display:'none'}}
+                    <input type="file" id={inputId} multiple style={fileInputHidden}
                         onChange={e => { handleFileUpload(fieldKey, e.target.files); e.target.value = ''; }} />
                     <div className="flex items-center justify-center gap-2">
                         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>