terrylee/star-cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] 機台列表行動版補上硬體狀態，與桌機資料對齊

Browse Source 
1. 行動/平板卡片 Info Grid 新增「硬體狀態」欄位（原本僅桌機表格有，RWD 漏顯示）
2. 沿用桌機相同邏輯：下位機 hardware_status，啟用刷卡機時顯示 card_terminal_status，燈號配色一致
3. 欄位排於 Status 旁填滿兩欄列，標籤樣式遵循 Mobile Card Info Grid 規範

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
sky121113 2026-06-23 16:15:24 +08:00
parent 3c1d5b73ed
commit 8d951a64e6
1 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
resources/views/admin/machines/index.blade.php
View File

@ -830,6 +830,39 @@
<p class="text-[9px] font-bold text-slate-400 mt-1">{{ $machine->latest_status_log_time->diffForHumans() }}</p>
@endif
</div>
<div>
<p
class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest mb-1">
{{ __('Hardware Status') }}</p>
@php $hStatus = $machine->hardware_status; @endphp
<div class="flex flex-col gap-1.5">
{{-- 下位機 --}}
<div class="flex items-center gap-1.5">
<span class="w-1.5 h-1.5 rounded-full {{
$hStatus === 'error' ? 'bg-rose-500 animate-pulse' :
($hStatus === 'warning' ? 'bg-amber-500 animate-pulse' : 'bg-emerald-500/50')
}}"></span>
<span class="text-xs font-black {{
$hStatus === 'error' ? 'text-rose-500' :
($hStatus === 'warning' ? 'text-amber-500' : 'text-slate-400')
}} uppercase tracking-widest">{{ __('Sub-machine') }}</span>
</div>
{{-- 刷卡機 (信用卡/電子票證/手機支付共用同一台)：僅基礎版且啟用刷卡機才顯示 --}}
@if($machine->show_card_terminal)
@php $ctStatus = $machine->card_terminal_status; @endphp
<div class="flex items-center gap-1.5">
<span class="w-1.5 h-1.5 rounded-full {{
$ctStatus === 'error' ? 'bg-rose-500 animate-pulse' :
($ctStatus === 'warning' ? 'bg-amber-500 animate-pulse' : 'bg-emerald-500/50')
}}"></span>
<span class="text-xs font-black {{
$ctStatus === 'error' ? 'text-rose-500' :
($ctStatus === 'warning' ? 'text-amber-500' : 'text-slate-400')
}} uppercase tracking-widest">{{ __('Card Terminal') }}</span>
</div>
@endif
</div>
</div>
<div class="col-span-2">
<p
class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest mb-1">