fix:수당정산 필터 3열 그리드 레이아웃으로 변경

필터 항목이 행으로 나열되던 문제 수정.
grid-cols-2 md:grid-cols-3 레이아웃으로 변경하여 컴팩트하게 표시.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
김보곤
2026-02-19 11:27:54 +09:00
parent 73737e637a
commit ead41d1270

View File

@@ -2,11 +2,11 @@
<div class="bg-white rounded-lg shadow-sm p-4 mb-6">
<form id="filter-form" method="GET" action="{{ route('finance.settlement') }}">
<input type="hidden" name="tab" value="commission">
<div class="grid grid-cols-1 md:grid-cols-7 gap-4">
<div class="grid grid-cols-2 md:grid-cols-3 gap-3">
{{-- 년도 --}}
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">년도</label>
<select name="year" class="w-full rounded-lg border-gray-300 focus:border-emerald-500 focus:ring-emerald-500">
<label class="block text-xs font-medium text-gray-500 mb-1">년도</label>
<select name="year" class="w-full rounded-lg border-gray-300 text-sm focus:border-emerald-500 focus:ring-emerald-500">
@for ($y = now()->year - 2; $y <= now()->year + 1; $y++)
<option value="{{ $y }}" {{ $year == $y ? 'selected' : '' }}>{{ $y }}</option>
@endfor
@@ -15,8 +15,8 @@
{{-- --}}
<div>
<label class="block text-sm font-medium text-gray-700 mb-1"></label>
<select name="month" class="w-full rounded-lg border-gray-300 focus:border-emerald-500 focus:ring-emerald-500">
<label class="block text-xs font-medium text-gray-500 mb-1"></label>
<select name="month" class="w-full rounded-lg border-gray-300 text-sm focus:border-emerald-500 focus:ring-emerald-500">
@for ($m = 1; $m <= 12; $m++)
<option value="{{ $m }}" {{ $month == $m ? 'selected' : '' }}>{{ $m }}</option>
@endfor
@@ -25,8 +25,8 @@
{{-- 상태 --}}
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">상태</label>
<select name="status" class="w-full rounded-lg border-gray-300 focus:border-emerald-500 focus:ring-emerald-500">
<label class="block text-xs font-medium text-gray-500 mb-1">상태</label>
<select name="status" class="w-full rounded-lg border-gray-300 text-sm focus:border-emerald-500 focus:ring-emerald-500">
<option value="">전체</option>
<option value="pending" {{ ($filters['status'] ?? '') == 'pending' ? 'selected' : '' }}>대기</option>
<option value="approved" {{ ($filters['status'] ?? '') == 'approved' ? 'selected' : '' }}>승인</option>
@@ -37,8 +37,8 @@
{{-- 입금구분 --}}
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">입금구분</label>
<select name="payment_type" class="w-full rounded-lg border-gray-300 focus:border-emerald-500 focus:ring-emerald-500">
<label class="block text-xs font-medium text-gray-500 mb-1">입금구분</label>
<select name="payment_type" class="w-full rounded-lg border-gray-300 text-sm focus:border-emerald-500 focus:ring-emerald-500">
<option value="">전체</option>
<option value="deposit" {{ ($filters['payment_type'] ?? '') == 'deposit' ? 'selected' : '' }}>계약금</option>
<option value="balance" {{ ($filters['payment_type'] ?? '') == 'balance' ? 'selected' : '' }}>잔금</option>
@@ -47,8 +47,8 @@
{{-- 영업파트너 --}}
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">영업파트너</label>
<select name="partner_id" class="w-full rounded-lg border-gray-300 focus:border-emerald-500 focus:ring-emerald-500">
<label class="block text-xs font-medium text-gray-500 mb-1">영업파트너</label>
<select name="partner_id" class="w-full rounded-lg border-gray-300 text-sm focus:border-emerald-500 focus:ring-emerald-500">
<option value="">전체</option>
@foreach ($partners as $partner)
<option value="{{ $partner->id }}" {{ ($filters['partner_id'] ?? '') == $partner->id ? 'selected' : '' }}>
@@ -58,28 +58,27 @@
</select>
</div>
{{-- 수당유형 (NEW) --}}
{{-- 수당유형 --}}
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">수당유형</label>
<select name="commission_type" class="w-full rounded-lg border-gray-300 focus:border-emerald-500 focus:ring-emerald-500">
<label class="block text-xs font-medium text-gray-500 mb-1">수당유형</label>
<select name="commission_type" class="w-full rounded-lg border-gray-300 text-sm focus:border-emerald-500 focus:ring-emerald-500">
<option value="">전체</option>
<option value="partner" {{ ($filters['commission_type'] ?? '') == 'partner' ? 'selected' : '' }}>파트너수당</option>
<option value="manager" {{ ($filters['commission_type'] ?? '') == 'manager' ? 'selected' : '' }}>매니저수당</option>
<option value="referrer" {{ ($filters['commission_type'] ?? '') == 'referrer' ? 'selected' : '' }}>유치수당</option>
</select>
</div>
{{-- 버튼 --}}
<div class="flex items-end gap-2">
<button type="submit"
class="flex-1 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg transition-colors">
조회
</button>
<a href="{{ route('finance.settlement') }}"
class="px-4 py-2 bg-gray-200 hover:bg-gray-300 text-gray-700 rounded-lg transition-colors">
초기화
</a>
</div>
</div>
{{-- 버튼 --}}
<div class="flex items-center gap-2 mt-3">
<button type="submit"
class="flex-1 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white text-sm rounded-lg transition-colors">
조회
</button>
<a href="{{ route('finance.settlement') }}"
class="px-4 py-2 bg-gray-200 hover:bg-gray-300 text-gray-700 text-sm rounded-lg transition-colors">
초기화
</a>
</div>
</form>
</div>