From aac63f7d0aaa6b9a1ccf751316471777c1f643df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=A0=E7=9A=84=E5=90=8D=E5=AD=97?= <你的邮箱>
Date: Thu, 16 Oct 2025 13:34:25 +0900
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E3=82=BF=E3=82=B0=E7=99=BA=E8=A1=8C?=
 =?UTF-8?q?=E3=82=AD=E3=83=A5=E3=83=BC=E5=87=A6=E7=90=86=E3=80=81=E5=B1=A5?=
 =?UTF-8?q?=E6=AD=B4=E8=A1=A8=E7=A4=BA=E3=80=91=E6=8F=90=E7=A4=BA=E3=83=A1?=
 =?UTF-8?q?=E3=83=83=E3=82=BB=E3=83=BC=E3=82=B8=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/admin/tag_issue/list.blade.php      | 219 ++++++++++--------
 1 file changed, 123 insertions(+), 96 deletions(-)

diff --git a/resources/views/admin/tag_issue/list.blade.php b/resources/views/admin/tag_issue/list.blade.php
index e6809f2..755a0dd 100644
--- a/resources/views/admin/tag_issue/list.blade.php
+++ b/resources/views/admin/tag_issue/list.blade.php
@@ -107,7 +107,7 @@
                 <div class="row mb-2">
                     <div class="col-md-12 font-weight-bold mb-1">タグ発送ステータス変更</div>
                     <div class="col-md-12">
-                        {{-- form 不包含表格 --}}
+                        {{-- form はテーブル外に置く（hidden だけ持つ） --}}
                         <form id="statusForm" method="POST" action="{{ route('tagissue.status') }}">
                             @csrf
                             <input type="hidden" name="action" id="statusAction" value="">
@@ -138,12 +138,13 @@
             </div>
 
             <div style="overflow-x: auto;">
-                <table class="table table-bordered dataTable text-nowrap">
+                {{-- ★ テーブルにIDを付与：JSセレクタのスコープを限定 --}}
+                <table id="user-table" class="table table-bordered dataTable text-nowrap">
                     <thead class="thead-light">
                         <tr>
                             <th style="width:40px;">
                                 <input type="checkbox"
-                                    onclick="document.querySelectorAll('input[name=\'ids[]\']').forEach(cb => cb.checked = this.checked);">
+                                    onclick="document.querySelectorAll('#user-table input[name=\'ids[]\'][type=\'checkbox\']').forEach(cb => cb.checked = this.checked);">
                             </th>
                             <th sort="que_id">キューID</th>
                             <th sort="user_tag_serial">タグシリアル</th>
@@ -166,12 +167,14 @@
                         @foreach($users as $user)
                             <tr>
                                 <td style="background-color:#faebd7;">
-                                    <input type="checkbox" name="ids[]" value="{{ $user->user_id }}">
+                                    {{-- ★ data-que-status をJOIN結果から出力（未発送=1, 発送済=3 など） --}}
+                                    <input type="checkbox"
+                                           name="ids[]"
+                                           value="{{ $user->user_id }}"
+                                           data-que-status="{{ $user->que_status ?? '' }}">
                                 </td>
-                                @php
-                                    $que = \App\Models\OperatorQue::where('user_id', $user->user_id)->first();
-                                @endphp
-                                <td>{{ $que ? $que->que_id : '' }}</td>
+                                {{-- ★ 逐行のDB取得は不要。JOIN結果をそのまま使う --}}
+                                <td>{{ $user->que_id }}</td>
                                 <td>{{ $user->user_tag_serial }}</td>
                                 <td>{{ $user->user_tag_serial_64 }}</td>
                                 <td>{{ $user->user_tag_issue }}</td>
@@ -205,15 +208,38 @@
 {{-- 印刷処理用 JS --}}
 <script>
     // タグ発送宛名印刷
+    // 仕様：
+    // ① 一覧内に「タグ未発送（que_status=1）」が存在するか確認
+    // ② 存在しなければ「発送対象がありません。」
+    // ③ 存在するが未選択なら「1件以上選択してください。」
+    // ④ それ以外は確認ダイアログ→送信
     function handlePrintLabels() {
-        var checkboxes = document.querySelectorAll('input[name="ids[]"]:checked');
-        if (checkboxes.length === 0) {
+        var table = document.getElementById('user-table');
+        var allCbs = table.querySelectorAll('input[name="ids[]"][type="checkbox"]');
+        var checkedCbs = table.querySelectorAll('input[name="ids[]"][type="checkbox"]:checked');
+
+        // 一覧内に未発送(que_status=1)が1件でもあるか？
+        var hasUnissued = Array.from(allCbs).some(function (cb) {
+            var v = cb.dataset && cb.dataset.queStatus;
+            return v != null && String(v).trim() === '1';
+        });
+
+        if (!hasUnissued) {
+            $.alert({
+                title: '選択エラー',
+                content: '発送対象がありません。'
+            });
+            return;
+        }
+
+        if (checkedCbs.length === 0) {
             $.alert({
                 title: '選択エラー',
                 content: '1件以上選択してください。'
             });
             return;
         }
+
         $.confirm({
             title: '確認',
             content: 'タグ発送用宛名を印刷してよろしいですか？',
@@ -225,18 +251,21 @@
                         form.method = 'POST';
                         form.action = '/tagissue/print-unissued-labels';
                         form.target = '_blank';
+
                         var csrf = document.createElement('input');
                         csrf.type = 'hidden';
                         csrf.name = '_token';
                         csrf.value = '{{ csrf_token() }}';
                         form.appendChild(csrf);
-                        checkboxes.forEach(function (cb) {
+
+                        checkedCbs.forEach(function (cb) {
                             var input = document.createElement('input');
                             input.type = 'hidden';
                             input.name = 'ids[]';
                             input.value = cb.value;
                             form.appendChild(input);
                         });
+
                         document.body.appendChild(form);
                         form.submit();
                         document.body.removeChild(form);
@@ -247,99 +276,97 @@
         });
     }
 
-        // ステータス変更処理
-        function handleStatusChange(actionType) {
-            var checkboxes = document.querySelectorAll('input[name="ids[]"]:checked');
-            if (checkboxes.length === 0) {
+    // ステータス変更処理
+    function handleStatusChange(actionType) {
+        var checkboxes = document.querySelectorAll('input[name="ids[]"]:checked');
+        if (checkboxes.length === 0) {
+            $.alert({
+                title: '選択エラー',
+                content: '1件以上選択してください。'
+            });
+            return;
+        }
+
+        var ids = Array.from(checkboxes).map(cb => cb.value);
+        var ajaxType = (actionType === 'to_issued') ? 'issued' : 'unissued';
+
+        fetch('/tagissue/check-status', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRF-TOKEN': '{{ csrf_token() }}'
+            },
+            body: JSON.stringify({ ids: ids, type: ajaxType })
+        })
+        .then(response => response.json())
+        .then(data => {
+            if (ajaxType === 'issued' && data.alreadyIssued.length > 0) {
                 $.alert({
-                    title: '選択エラー',
-                    content: '1件以上選択してください。'
+                    title: '確認エラー',
+                    content: '以下のユーザーはすでにタグ発送済みです:<br>' + data.alreadyIssued.join('<br>')
+                });
+                return;
+            }
+            if (ajaxType === 'unissued' && data.alreadyUnissued && data.alreadyUnissued.length > 0) {
+                $.alert({
+                    title: '確認エラー',
+                    content: '以下のユーザーはすでにタグ未発送です:<br>' + data.alreadyUnissued.join('<br>')
                 });
                 return;
             }
 
-            var ids = Array.from(checkboxes).map(cb => cb.value);
-            var ajaxType = (actionType === 'to_issued') ? 'issued' : 'unissued';
+            var confirmMsg = (ajaxType === 'issued')
+                ? 'ステータスをタグ発送済に変更してよろしいですか？'
+                : 'ステータスをタグ未発送に変更してよろしいですか？';
 
-            fetch('/tagissue/check-status', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
-                },
-                body: JSON.stringify({ ids: ids, type: ajaxType })
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (ajaxType === 'issued' && data.alreadyIssued.length > 0) {
-                    $.alert({
-                        title: '確認エラー',
-                        content: '以下のユーザーはすでにタグ発送済みです:<br>' + data.alreadyIssued.join('<br>')
-                    });
-                    return;
+            $.confirm({
+                title: '確認ダイアログ',
+                content: confirmMsg,
+                buttons: {
+                    はい: {
+                        text: 'はい',
+                        btnClass: 'btn-primary',
+                        keys: ['enter'],
+                        action: function () {
+                            var form = document.getElementById('statusForm');
+                            form.querySelectorAll('input[name="ids[]"]').forEach(e => e.remove());
+                            ids.forEach(id => {
+                                var input = document.createElement('input');
+                                input.type = 'hidden';
+                                input.name = 'ids[]';
+                                input.value = id;
+                                form.appendChild(input);
+                            });
+                            document.getElementById('statusAction').value = actionType;
+                            form.submit();
+                        }
+                    },
+                    いいえ: function () { }
                 }
-                if (ajaxType === 'unissued' && data.alreadyUnissued && data.alreadyUnissued.length > 0) {
-                    $.alert({
-                        title: '確認エラー',
-                        content: '以下のユーザーはすでにタグ未発送です:<br>' + data.alreadyUnissued.join('<br>')
-                    });
-                    return;
-                }
-
-                var confirmMsg = (ajaxType === 'issued')
-                    ? 'ステータスをタグ発送済に変更してよろしいですか？'
-                    : 'ステータスをタグ未発送に変更してよろしいですか？';
-
-                $.confirm({
-                    title: '確認ダイアログ',
-                    content: confirmMsg,
-                    buttons: {
-                        はい: {
-                            text: 'はい',
-                            btnClass: 'btn-primary',
-                            keys: ['enter'],
-                            action: function () {
-                                var form = document.getElementById('statusForm');
-                                // 古い input 清除
-                                form.querySelectorAll('input[name="ids[]"]').forEach(e => e.remove());
-                                // 动态附加选中 ID
-                                ids.forEach(id => {
-                                    var input = document.createElement('input');
-                                    input.type = 'hidden';
-                                    input.name = 'ids[]';
-                                    input.value = id;
-                                    form.appendChild(input);
-                                });
-                                document.getElementById('statusAction').value = actionType;
-                                form.submit();
-                            }
-                        },
-                        いいえ: function () { }
-                    }
-                });
-            })
-            .catch(() => {
-                $.alert({
-                    title: '通信エラー',
-                    content: 'ステータス確認に失敗しました。'
-                });
             });
-        }
-
-        // ソート挙動
-        document.addEventListener('DOMContentLoaded', function () {
-            document.querySelectorAll('th[sort]').forEach(function (th) {
-                th.addEventListener('click', function () {
-                    var sort = th.getAttribute('sort');
-                    var params = new URLSearchParams(window.location.search);
-                    var currentSort = params.get('sort');
-                    var currentType = params.get('sort_type');
-                    var nextType = (currentSort === sort && currentType === 'asc') ? 'desc' : 'asc';
-                    params.set('sort', sort);
-                    params.set('sort_type', nextType);
-                    window.location.search = params.toString();
-                });
+        })
+        .catch(() => {
+            $.alert({
+                title: '通信エラー',
+                content: 'ステータス確認に失敗しました。'
             });
         });
-    </script>
+    }
+
+    // ソート挙動
+    document.addEventListener('DOMContentLoaded', function () {
+        document.querySelectorAll('th[sort]').forEach(function (th) {
+            th.addEventListener('click', function () {
+                var sort = th.getAttribute('sort');
+                var params = new URLSearchParams(window.location.search);
+                var currentSort = params.get('sort');
+                var currentType = params.get('sort_type');
+                var nextType = (currentSort === sort && currentType === 'asc') ? 'desc' : 'asc';
+                params.set('sort', sort);
+                params.set('sort_type', nextType);
+                window.location.search = params.toString();
+            });
+        });
+    });
+</script>
 @endsection