star-cloud/resources/views/components/tab-nav-item.blade.php
sky121113 023f639fb4 [STYLE] 銷售中心 UI 優化與出貨紀錄邏輯校正
1. 優化「出貨紀錄」介面,重新排列欄位優先級並移除冗餘的機台流水號。
2. 統一出貨紀錄中的商品與貨道樣式,與取貨碼模組視覺語言同步。
3. 修正出貨紀錄搜尋邏輯,支援商品名稱與貨道編號模糊搜尋。
4. 修正「訂單詳情」側滑面板中的金額顯示(修正 price/subtotal 映射)。
5. 補強訂單詳情的出貨狀態 (dispense_status) 標籤顯示邏輯。
6. 將出貨紀錄中的「數量」表頭修正為「金額」,確保與 MQTT 協議回傳資料語意一致。
7. 更新多語系檔,新增搜尋欄位 placeholder 與相關 UI 標籤翻譯。
8. 新增發票資料表 machine_time 欄位遷移檔,以完整記錄機台開立時間。
2026-05-04 17:20:43 +08:00

32 lines
1.0 KiB
PHP

{{--
Tab 導覽按鈕 (x-tab-nav-item)
搭配 x-tab-nav 使用的單一 Tab 按鈕。
Props:
- $value (string) 必填 Tab 的值(對應 Alpine activeTab 狀態)
- $label (string) 必填 Tab 顯示文字
- $model (string) 選填 綁定的 Alpine 狀態變數名,預設 "activeTab"
用法:
<x-tab-nav-item value="products" :label="__('Product List')" />
<x-tab-nav-item value="categories" :label="__('Category Management')" model="currentTab" />
--}}
@props([
'value' => '',
'label' => '',
'model' => 'activeTab',
])
<button
type="button"
{{ $attributes }}
@click="{{ $model }} = '{{ $value }}'"
:class="{{ $model }} === '{{ $value }}'
? 'bg-white dark:bg-slate-800 text-cyan-600 dark:text-cyan-400 shadow-sm shadow-cyan-500/10'
: 'text-slate-400 hover:text-slate-600 dark:hover:text-slate-200'"
class="px-6 py-3 rounded-xl text-sm font-black uppercase tracking-widest transition-all duration-300 flex-1 sm:flex-none"
>
{{ $label }}
</button>