2012c5a321
1. 實作一鍵補貨智慧重新計算邏輯：切換倉庫或機台時自動更新預覽。 2. 新增多語系支援：補齊繁中、日文、英文語系檔中的庫存/上限、重新計算等關鍵字。 3. 優化 RWD 響應式佈局：在手機版自動切換為卡片式 (Card) 佈局，提升行動裝置操作體驗。 4. 新增刪除功能：預覽清單中每一行貨道皆可獨立移除，並配合唯一辨識碼 (slot_no) 修正 state 殘留 bug。 5. 完善一鍵補貨 Modal 腳底控制項：新增手動「重新計算」按鈕與樣式優化。 6. 完成補貨單管理功能：包含新增、取消、分配人員等後台邏輯與多租戶隔離。 7. 優化庫存轉移 (Transfers) 介面與詳情面板 RWD 表現。
27 lines
2.2 KiB
PHP
27 lines
2.2 KiB
PHP
{{-- 指派人員 Modal --}}
|
|
<div x-show="showAssignModal" class="fixed inset-0 z-[200] overflow-y-auto" x-cloak>
|
|
<div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
|
|
<div x-show="showAssignModal" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" class="fixed inset-0 bg-slate-900/60 backdrop-blur-sm"></div>
|
|
<span class="hidden sm:inline-block sm:align-middle sm:h-screen">​</span>
|
|
<div x-show="showAssignModal" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="ease-in duration-200" class="inline-block px-4 pt-5 pb-4 overflow-hidden text-left align-bottom transition-all transform bg-white dark:bg-slate-900 rounded-3xl shadow-2xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-8 border border-slate-100 dark:border-white/10">
|
|
<div class="mb-8">
|
|
<h3 class="text-2xl font-black text-slate-800 dark:text-white font-display tracking-tight uppercase">{{ __('Assign Personnel') }}</h3>
|
|
<p class="text-sm font-bold text-slate-500 mt-2">{{ __('Select a team member to handle this replenishment order') }}</p>
|
|
</div>
|
|
<div class="space-y-3 mb-8">
|
|
<label class="block text-xs font-black text-slate-500 uppercase tracking-[0.15em] pl-1">{{ __('Select Personnel') }}</label>
|
|
<select x-model="assignUserId" class="luxury-input w-full px-6 py-3">
|
|
<option value="">{{ __('Select Personnel') }}</option>
|
|
@foreach($users as $u)
|
|
<option value="{{ $u->id }}">{{ $u->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
<div class="flex justify-end gap-3">
|
|
<button type="button" @click="showAssignModal = false" class="btn-luxury-ghost px-6">{{ __('Cancel') }}</button>
|
|
<button type="button" @click="executeAssign()" :disabled="loading || !assignUserId" class="btn-luxury-primary px-8">{{ __('Confirm') }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|