fix: [approvals] 불러오기 버튼을 양식 선택 옆으로 이동

This commit is contained in:
김보곤
2026-03-05 10:46:13 +09:00
parent 8226552da5
commit 011446bab5

View File

@@ -17,11 +17,20 @@
{{-- 양식 선택 --}}
<div class="mb-4">
<label class="block text-sm font-medium text-gray-700 mb-1">양식 <span class="text-red-500">*</span></label>
<select id="form_id" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
@foreach($forms as $form)
<option value="{{ $form->id }}">{{ $form->name }}</option>
@endforeach
</select>
<div class="flex items-center gap-2">
<select id="form_id" class="flex-1 px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
@foreach($forms as $form)
<option value="{{ $form->id }}">{{ $form->name }}</option>
@endforeach
</select>
<button type="button" id="expense-load-btn" style="display: none;" onclick="openExpenseLoadModal()"
class="shrink-0 px-3 py-2 bg-amber-50 text-amber-700 hover:bg-amber-100 border border-amber-200 rounded-lg text-sm font-medium transition inline-flex items-center gap-1">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/>
</svg>
불러오기
</button>
</div>
</div>
{{-- 제목 --}}
@@ -82,16 +91,6 @@ class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-
</div>
{{-- 지출결의서 전용 --}}
<div id="expense-load-area" style="display: none;" class="mb-4 flex items-center gap-2">
<label class="text-sm font-medium text-gray-700">지출결의서</label>
<button type="button" onclick="openExpenseLoadModal()"
class="px-3 py-1.5 bg-amber-50 text-amber-700 hover:bg-amber-100 border border-amber-200 rounded-lg text-xs font-medium transition inline-flex items-center gap-1">
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/>
</svg>
불러오기
</button>
</div>
@include('approvals.partials._expense-form', [
'initialData' => [],
'cards' => $cards ?? collect(),
@@ -377,17 +376,17 @@ function switchFormMode(formId) {
const code = formCodes[formId];
const expenseContainer = document.getElementById('expense-form-container');
const bodyArea = document.getElementById('body-area');
const expenseLoadArea = document.getElementById('expense-load-area');
const expenseLoadBtn = document.getElementById('expense-load-btn');
if (code === 'expense') {
isExpenseForm = true;
expenseContainer.style.display = '';
expenseLoadArea.style.display = '';
expenseLoadBtn.style.display = '';
bodyArea.style.display = 'none';
} else {
isExpenseForm = false;
expenseContainer.style.display = 'none';
expenseLoadArea.style.display = 'none';
expenseLoadBtn.style.display = 'none';
bodyArea.style.display = '';
}
}