fix: [approval] 결재서명란 테이블 크기 확대 (150% 너비, 130% 글씨)
- 셀 패딩 10px→16px, min-width 64px→96px - 기본 폰트 12px→15px, 도장 32px→42px - 결재 헤더 13px→16px, 이름/날짜 비례 확대
This commit is contained in:
@@ -8,71 +8,71 @@
|
|||||||
$approverSteps = $approval->steps->whereIn('step_type', ['approval', 'agreement'])->sortBy('step_order')->values();
|
$approverSteps = $approval->steps->whereIn('step_type', ['approval', 'agreement'])->sortBy('step_order')->values();
|
||||||
@endphp
|
@endphp
|
||||||
|
|
||||||
<table style="border-collapse: collapse; border: 2px solid #4338ca; font-size: 12px; min-width: 120px;">
|
<table style="border-collapse: collapse; border: 2px solid #4338ca; font-size: 15px; min-width: 180px;">
|
||||||
<tbody>
|
<tbody>
|
||||||
{{-- 1행: 직급/역할 --}}
|
{{-- 1행: 직급/역할 --}}
|
||||||
<tr>
|
<tr>
|
||||||
<td rowspan="3" style="border: 1px solid #a5b4fc; padding: 4px 6px; text-align: center; font-weight: 700; color: #4338ca; background: #eef2ff; writing-mode: vertical-rl; letter-spacing: 6px; width: 28px; font-size: 13px;">
|
<td rowspan="3" style="border: 1px solid #a5b4fc; padding: 6px 8px; text-align: center; font-weight: 700; color: #4338ca; background: #eef2ff; writing-mode: vertical-rl; letter-spacing: 8px; width: 36px; font-size: 16px;">
|
||||||
결재
|
결재
|
||||||
</td>
|
</td>
|
||||||
<td style="border: 1px solid #c7d2fe; padding: 4px 10px; text-align: center; font-weight: 600; color: #374151; background: #f9fafb; min-width: 64px; white-space: nowrap;">
|
<td style="border: 1px solid #c7d2fe; padding: 6px 16px; text-align: center; font-weight: 600; color: #374151; background: #f9fafb; min-width: 96px; white-space: nowrap;">
|
||||||
작성자
|
작성자
|
||||||
</td>
|
</td>
|
||||||
@foreach($approverSteps as $step)
|
@foreach($approverSteps as $step)
|
||||||
<td style="border: 1px solid #c7d2fe; padding: 4px 10px; text-align: center; font-weight: 600; color: #374151; background: #f9fafb; min-width: 64px; white-space: nowrap;">
|
<td style="border: 1px solid #c7d2fe; padding: 6px 16px; text-align: center; font-weight: 600; color: #374151; background: #f9fafb; min-width: 96px; white-space: nowrap;">
|
||||||
{{ $step->approver_position ?: ($step->step_type === 'agreement' ? '합의' : '결재') }}
|
{{ $step->approver_position ?: ($step->step_type === 'agreement' ? '합의' : '결재') }}
|
||||||
</td>
|
</td>
|
||||||
@endforeach
|
@endforeach
|
||||||
</tr>
|
</tr>
|
||||||
{{-- 2행: 서명/도장 영역 --}}
|
{{-- 2행: 서명/도장 영역 --}}
|
||||||
<tr>
|
<tr>
|
||||||
<td style="border: 1px solid #c7d2fe; padding: 6px 10px; text-align: center; height: 40px; vertical-align: middle;">
|
<td style="border: 1px solid #c7d2fe; padding: 8px 16px; text-align: center; height: 56px; vertical-align: middle;">
|
||||||
@if(in_array($approval->status, ['pending', 'approved', 'rejected', 'cancelled', 'on_hold']))
|
@if(in_array($approval->status, ['pending', 'approved', 'rejected', 'cancelled', 'on_hold']))
|
||||||
<span style="color: #2563eb; font-size: 11px; font-weight: 500;">{{ $drafter?->name ?? '-' }}</span>
|
<span style="color: #2563eb; font-size: 14px; font-weight: 500;">{{ $drafter?->name ?? '-' }}</span>
|
||||||
@endif
|
@endif
|
||||||
</td>
|
</td>
|
||||||
@foreach($approverSteps as $step)
|
@foreach($approverSteps as $step)
|
||||||
<td style="border: 1px solid #c7d2fe; padding: 6px 10px; text-align: center; height: 40px; vertical-align: middle;">
|
<td style="border: 1px solid #c7d2fe; padding: 8px 16px; text-align: center; height: 56px; vertical-align: middle;">
|
||||||
@if($step->status === 'approved')
|
@if($step->status === 'approved')
|
||||||
@if(($step->approval_type ?? 'normal') === 'pre_decided')
|
@if(($step->approval_type ?? 'normal') === 'pre_decided')
|
||||||
<div style="display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 2px solid #6366f1; border-radius: 50%; color: #6366f1; font-size: 9px; font-weight: 700; line-height: 1;">
|
<div style="display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 2px solid #6366f1; border-radius: 50%; color: #6366f1; font-size: 12px; font-weight: 700; line-height: 1;">
|
||||||
전결
|
전결
|
||||||
</div>
|
</div>
|
||||||
@else
|
@else
|
||||||
<div style="display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 2px solid #dc2626; border-radius: 50%; color: #dc2626; font-size: 9px; font-weight: 700; line-height: 1;">
|
<div style="display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 2px solid #dc2626; border-radius: 50%; color: #dc2626; font-size: 12px; font-weight: 700; line-height: 1;">
|
||||||
승인
|
승인
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
@elseif($step->status === 'rejected')
|
@elseif($step->status === 'rejected')
|
||||||
<div style="display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 2px solid #dc2626; border-radius: 50%; color: #dc2626; font-size: 9px; font-weight: 700; line-height: 1;">
|
<div style="display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 2px solid #dc2626; border-radius: 50%; color: #dc2626; font-size: 12px; font-weight: 700; line-height: 1;">
|
||||||
반려
|
반려
|
||||||
</div>
|
</div>
|
||||||
@elseif($step->status === 'on_hold')
|
@elseif($step->status === 'on_hold')
|
||||||
<div style="display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 2px solid #d97706; border-radius: 50%; color: #d97706; font-size: 9px; font-weight: 700; line-height: 1;">
|
<div style="display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 2px solid #d97706; border-radius: 50%; color: #d97706; font-size: 12px; font-weight: 700; line-height: 1;">
|
||||||
보류
|
보류
|
||||||
</div>
|
</div>
|
||||||
@elseif($step->status === 'skipped')
|
@elseif($step->status === 'skipped')
|
||||||
<span style="color: #9ca3af; font-size: 10px;">-</span>
|
<span style="color: #9ca3af; font-size: 13px;">-</span>
|
||||||
@endif
|
@endif
|
||||||
</td>
|
</td>
|
||||||
@endforeach
|
@endforeach
|
||||||
</tr>
|
</tr>
|
||||||
{{-- 3행: 이름 + 처리일시 --}}
|
{{-- 3행: 이름 + 처리일시 --}}
|
||||||
<tr>
|
<tr>
|
||||||
<td style="border: 1px solid #c7d2fe; padding: 3px 10px; text-align: center; white-space: nowrap;">
|
<td style="border: 1px solid #c7d2fe; padding: 5px 16px; text-align: center; white-space: nowrap;">
|
||||||
@if(in_array($approval->status, ['pending', 'approved', 'rejected', 'cancelled', 'on_hold']))
|
@if(in_array($approval->status, ['pending', 'approved', 'rejected', 'cancelled', 'on_hold']))
|
||||||
<div style="font-size: 10px; color: #6b7280;">
|
<div style="font-size: 13px; color: #6b7280;">
|
||||||
{{ $approval->drafted_at?->format('m/d') ?? '' }}
|
{{ $approval->drafted_at?->format('m/d') ?? '' }}
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
</td>
|
</td>
|
||||||
@foreach($approverSteps as $step)
|
@foreach($approverSteps as $step)
|
||||||
<td style="border: 1px solid #c7d2fe; padding: 3px 10px; text-align: center; white-space: nowrap;">
|
<td style="border: 1px solid #c7d2fe; padding: 5px 16px; text-align: center; white-space: nowrap;">
|
||||||
<div style="font-size: 11px; color: #374151; font-weight: 500;">
|
<div style="font-size: 14px; color: #374151; font-weight: 500;">
|
||||||
{{ $step->approver_name ?? ($step->approver?->name ?? '') }}
|
{{ $step->approver_name ?? ($step->approver?->name ?? '') }}
|
||||||
</div>
|
</div>
|
||||||
@if($step->acted_at)
|
@if($step->acted_at)
|
||||||
<div style="font-size: 10px; color: #6b7280;">
|
<div style="font-size: 13px; color: #6b7280;">
|
||||||
{{ $step->acted_at->format('m/d') }}
|
{{ $step->acted_at->format('m/d') }}
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|||||||
Reference in New Issue
Block a user