feat: 優化商品管理規格顯示與修復重複通知問題

resources/js/Components/Product/ProductTable.tsx

@@ -9,6 +9,12 @@ import {
 import { Button } from "@/Components/ui/button";
 import { Badge } from "@/Components/ui/badge";
 import { Pencil, Trash2, ArrowUpDown, ArrowUp, ArrowDown } from "lucide-react";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/Components/ui/tooltip";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -90,6 +96,7 @@ export default function ProductTable({
                   基本單位 <SortIcon field="base_unit_id" />
                 </button>
               </TableHead>
+              <TableHead className="w-[200px]">規格</TableHead>
               <TableHead>換算率</TableHead>
               <TableHead className="text-center">操作</TableHead>
             </TableRow>
@@ -125,6 +132,22 @@ export default function ProductTable({
                     </Badge>
                   </TableCell>
                   <TableCell>{product.baseUnit?.name || '-'}</TableCell>
+                  <TableCell className="max-w-[200px]">
+                    <TooltipProvider delayDuration={300}>
+                      <Tooltip>
+                        <TooltipTrigger asChild>
+                          <div className="truncate text-gray-600 cursor-help">
+                            {product.specification || '-'}
+                          </div>
+                        </TooltipTrigger>
+                        {product.specification && (
+                          <TooltipContent className="max-w-xs break-all">
+                            <p>{product.specification}</p>
+                          </TooltipContent>
+                        )}
+                      </Tooltip>
+                    </TooltipProvider>
+                  </TableCell>
                   <TableCell>
                     {product.largeUnit ? (
                       <span className="text-sm text-gray-500">