UI優化: 全系統狀態標籤 (StatusBadge) 統一化重構完成 (Phase 3 & 4)

resources/js/Pages/Sales/Import/Show.tsx

@@ -22,7 +22,7 @@ import {
     AlertDialogTitle,
     AlertDialogTrigger,
 } from "@/Components/ui/alert-dialog";
-import { Badge } from "@/Components/ui/badge";
+import { StatusBadge } from "@/Components/shared/StatusBadge";
 import { ArrowLeft, CheckCircle, Trash2, Printer } from 'lucide-react';
 import { format } from 'date-fns';
 import Pagination from "@/Components/shared/Pagination";
@@ -137,9 +137,9 @@ export default function SalesImportShow({ import: batch, items, filters = {} }:
                             <p className="text-gray-500 mt-1">批次編號：#{batch.id} | 匯入時間：{format(new Date(batch.created_at), 'yyyy/MM/dd HH:mm')}</p>
                         </div>
                         <div className="flex items-center gap-3">
-                            <Badge variant={batch.status === 'confirmed' ? 'default' : 'secondary'}>
+                            <StatusBadge variant={batch.status === 'confirmed' ? 'success' : 'neutral'}>
                                 {batch.status === 'confirmed' ? '已確認' : '待確認'}
-                            </Badge>
+                            </StatusBadge>
                             {batch.status === 'pending' && (
                                 <div className="flex gap-3">
                                     {can('sales_imports.delete') && (
@@ -304,9 +304,9 @@ export default function SalesImportShow({ import: batch, items, filters = {} }:
                                                         {item.slot || '--'}
                                                     </TableCell>
                                                     <TableCell className="text-center">
-                                                        <Badge variant="outline" className={item.original_status === '已出貨' ? "text-green-600 border-green-200 bg-green-50" : "text-gray-500"}>
+                                                        <StatusBadge variant={item.original_status === '已出貨' ? "success" : "neutral"} className={item.original_status === '已出貨' ? "" : "text-gray-500"}>
                                                             {item.original_status}
-                                                        </Badge>
+                                                        </StatusBadge>
                                                     </TableCell>
                                                     <TableCell className="text-right font-medium">{Math.floor(item.quantity)}</TableCell>
                                                     <TableCell className="text-right font-bold text-primary">