221 lines
12 KiB
PHP
221 lines
12 KiB
PHP
@extends('layouts.app')
|
||
@section('title', '常時表示インフォメーション')
|
||
|
||
@section('content')
|
||
<div class="container-fluid">
|
||
<div class="d-flex justify-content-between align-items-center mb-2">
|
||
<div class="col-lg-6">
|
||
<h3 class="m-0 text-dark">{{__('常時表示インフォメーション')}}</h3>
|
||
</div>
|
||
<nav aria-label="breadcrumb" class="mb-0" style="background: transparent;">
|
||
<ol class="breadcrumb px-2 py-2 mb-0" style="background: transparent;">
|
||
<li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
|
||
<li class="breadcrumb-item active" aria-current="page">常時表示インフォメーション</li>
|
||
</ol>
|
||
</nav>
|
||
</div>
|
||
|
||
<!-- 絞り込み -->
|
||
<div class="card mb-3">
|
||
<div class="card-body">
|
||
<h5 class="mb-3">絞り込み</h5>
|
||
<!-- 表示期間 -->
|
||
<div class="row mb-2">
|
||
<div class="col-md-12 font-weight-bold mb-1">表示期間フィルター</div>
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-md-3 mb-2">
|
||
<a href="{{ request()->fullUrlWithQuery(['period'=>'month']) }}"
|
||
class="btn btn-sm {{ (request('period',$period)=='month')?'btn-warning':'btn-outline-secondary' }}"
|
||
style="width:120px;height:32px;">最新1ヵ月</a>
|
||
</div>
|
||
<div class="col-md-3 mb-2"></div>
|
||
<div class="col-md-3 mb-2"></div>
|
||
<div class="col-md-3 mb-2">
|
||
<a href="{{ request()->fullUrlWithQuery(['period'=>'all']) }}"
|
||
class="btn btn-sm {{ (request('period',$period)=='all')?'btn-warning':'btn-outline-secondary' }}"
|
||
style="width:120px;height:32px;">全期間表示</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 種別 -->
|
||
<div class="row mb-2">
|
||
<div class="col-md-12 font-weight-bold mb-1">種別フィルター</div>
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-md-3 mb-2">
|
||
<a href="{{ request()->fullUrlWithQuery(['type'=>'task']) }}"
|
||
class="btn btn-sm {{ (request('type',$type)=='task')?'btn-warning':'btn-outline-secondary' }}"
|
||
style="width:120px;height:32px;">タスク</a>
|
||
</div>
|
||
<div class="col-md-3 mb-2">
|
||
<a href="{{ request()->fullUrlWithQuery(['type'=>'hard']) }}"
|
||
class="btn btn-sm {{ (request('type',$type)=='hard')?'btn-warning':'btn-outline-secondary' }}"
|
||
style="width:120px;height:32px;">ハード異常</a>
|
||
</div>
|
||
<div class="col-md-3 mb-2"></div>
|
||
<div class="col-md-3 mb-2">
|
||
<a href="{{ request()->fullUrlWithQuery(['type'=>'all']) }}"
|
||
class="btn btn-sm {{ (request('type',$type)=='all')?'btn-warning':'btn-outline-secondary' }}"
|
||
style="width:120px;height:32px;">全種別表示</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ステータス -->
|
||
<div class="row mb-2">
|
||
<div class="col-md-12 font-weight-bold mb-1">ステータスフィルター</div>
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-md-3 mb-2">
|
||
<a href="{{ request()->fullUrlWithQuery(['status'=>'untreated']) }}"
|
||
class="btn btn-sm {{ (request('status',$status)=='untreated')?'btn-warning':'btn-outline-secondary' }}"
|
||
style="width:120px;height:32px;">未対応表示</a>
|
||
</div>
|
||
<div class="col-md-3 mb-2">
|
||
<a href="{{ request()->fullUrlWithQuery(['status'=>'inprogress']) }}"
|
||
class="btn btn-sm {{ (request('status',$status)=='inprogress')?'btn-warning':'btn-outline-secondary' }}"
|
||
style="width:120px;height:32px;">着手を表示</a>
|
||
</div>
|
||
<div class="col-md-3 mb-2">
|
||
<a href="{{ request()->fullUrlWithQuery(['status'=>'done']) }}"
|
||
class="btn btn-sm {{ (request('status',$status)=='done')?'btn-warning':'btn-outline-secondary' }}"
|
||
style="width:120px;height:32px;">対応完了を表示</a>
|
||
</div>
|
||
<div class="col-md-3 mb-2">
|
||
<a href="{{ request()->fullUrlWithQuery(['status'=>'all']) }}"
|
||
class="btn btn-sm {{ (request('status',$status)=='all')?'btn-warning':'btn-outline-secondary' }}"
|
||
style="width:120px;height:32px;">全ステータス表示</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ステータス変更（POST） -->
|
||
<div class="row mb-2">
|
||
<div class="col-md-12 font-weight-bold mb-1">ステータス変更</div>
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-md-3 mb-2">
|
||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||
style="width:120px;height:32px;"
|
||
onclick="submitStatus('inprogress')">着手</button>
|
||
</div>
|
||
<div class="col-md-3 mb-2">
|
||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||
style="width:120px;height:32px;"
|
||
onclick="submitStatus('done')">対応完了</button>
|
||
</div>
|
||
<div class="col-md-3 mb-2"></div>
|
||
<div class="col-md-3 mb-2"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- データテーブル（チェック付き） -->
|
||
<form id="status-form" action="{{ route('information.status') }}" method="POST">
|
||
@csrf
|
||
<input type="hidden" name="action" id="status-action" value="">
|
||
<div class="table-responsive">
|
||
@php
|
||
// キュー種別/ステータスの表示名マップ
|
||
$queueTypeMap = [
|
||
1=>'本人確認（社会人）', 2=>'本人確認（学生）', 3=>'タグ発送',
|
||
4=>'予約告知通知', 5=>'定期更新通知', 6=>'返金処理',
|
||
7=>'再発行リミット超過', 8=>'支払い催促', 9=>'シール発行催促',
|
||
101=>'サーバーエラー', 102=>'プリンタエラー', 103=>'スキャナーエラー', 104=>'プリンタ用紙残少警告',
|
||
];
|
||
$statusMap = [1=>'キュー発生', 2=>'キュー作業中', 3=>'キュー作業済', 4=>'返金済'];
|
||
// 対応画面への遷移リンク（存在する画面のみ）
|
||
$queueLinkMap = [
|
||
1 => route('personal'), // 本人確認（社会人）
|
||
2 => route('personal'), // 本人確認（学生）
|
||
3 => route('tagissue'), // タグ発送
|
||
4 => route('reservation'), // 予約告知通知
|
||
5 => route('update_candidate'), // 定期更新通知
|
||
6 => route('settlement_transactions'),// 返金処理（関連一覧に遷移）
|
||
7 => route('tagissue'), // 再発行関連
|
||
8 => route('settlement_transactions'),// 支払い催促（関連一覧）
|
||
9 => route('seals'), // シール発行催促（履歴）
|
||
];
|
||
@endphp
|
||
<table class="table table-bordered table-hover table-sm">
|
||
<thead class="thead-light">
|
||
<tr>
|
||
<th style="width:30px;"><input type="checkbox" id="select-all"></th>
|
||
<th>キューID</th>
|
||
<th>キュー種別</th>
|
||
<th>利用者</th>
|
||
<th>定期契約ID</th>
|
||
<th>駐輪場</th>
|
||
<th>キューコメント</th>
|
||
<th>キューステータス</th>
|
||
<th>コメント</th>
|
||
<th>登録日時</th>
|
||
<th>更新日時</th>
|
||
<th>更新オペレータ</th>
|
||
<th>リンク</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
@foreach($jobs as $job)
|
||
<tr>
|
||
<td style="background-color:#faebd7;">
|
||
<input type="checkbox" name="ids[]" value="{{ $job->que_id }}">
|
||
</td>
|
||
<td>{{ $job->que_id }}</td>
|
||
<td>{{ $queueTypeMap[$job->que_class] ?? $job->que_class }}</td>
|
||
<td>{{ $job->user_name ?? $job->user_id }}</td>
|
||
<td>{{ $job->contract_id }}</td>
|
||
<td>{{ $job->park_name ?? $job->park_id }}</td>
|
||
<td>{{ $job->que_comment }}</td>
|
||
<td>{{ $statusMap[$job->que_status] ?? $job->que_status }}</td>
|
||
<td>
|
||
{{ $job->que_status_comment }}
|
||
@if(!empty($job->work_instructions))
|
||
<br><small class="text-muted">{{ $job->work_instructions }}</small>
|
||
@endif
|
||
</td>
|
||
<td>{{ $job->created_at }}</td>
|
||
<td>{{ $job->updated_at }}</td>
|
||
<td>{{ $job->operator_name ?? $job->operator_id ?? '-' }}</td>
|
||
<td>
|
||
@if(isset($queueLinkMap[$job->que_class]))
|
||
<a href="{{ $queueLinkMap[$job->que_class] }}">対応画面へ</a>
|
||
@else
|
||
-
|
||
@endif
|
||
</td>
|
||
</tr>
|
||
@endforeach
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- ページネーション -->
|
||
<div class="mt-2">
|
||
{{ $jobs->links() }}
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
@push('scripts')
|
||
<script>
|
||
function submitStatus(action){
|
||
const checked = document.querySelectorAll('input[name="ids[]"]:checked');
|
||
if(checked.length === 0){ alert('対象を選択してください。'); return; }
|
||
document.getElementById('status-action').value = action;
|
||
document.getElementById('status-form').submit();
|
||
}
|
||
// 全選択
|
||
document.getElementById('select-all')?.addEventListener('change', function(){
|
||
document.querySelectorAll('input[name="ids[]"]').forEach(cb => cb.checked = this.checked);
|
||
});
|
||
</script>
|
||
@endpush
|
||
@endsection |