有效日期: {selectedInv.expiry_date || '無'} | 庫存: {selectedInv.quantity}
diff --git a/resources/js/Pages/Production/Recipe/Create.tsx b/resources/js/Pages/Production/Recipe/Create.tsx
index 7674b1e..8f3d22c 100644
--- a/resources/js/Pages/Production/Recipe/Create.tsx
+++ b/resources/js/Pages/Production/Recipe/Create.tsx
@@ -2,12 +2,11 @@
* 新增配方頁面
*/
-import { useState, useEffect } from "react";
+import { useEffect } from "react";
import { BookOpen, Plus, Trash2, ArrowLeft, Save } from 'lucide-react';
import { Button } from "@/Components/ui/button";
import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
-import { Head, router, useForm, Link } from "@inertiajs/react";
-import { toast } from "sonner";
+import { Head, useForm, Link } from "@inertiajs/react";
import { getBreadcrumbs } from "@/utils/breadcrumb";
import { SearchableSelect } from "@/Components/ui/searchable-select";
import { Input } from "@/Components/ui/input";
@@ -36,6 +35,7 @@ interface RecipeItem {
// UI Helpers
ui_product_name?: string;
ui_product_code?: string;
+ ui_unit_name?: string;
}
interface Props {
@@ -91,9 +91,11 @@ export default function RecipeCreate({ products, units }: Props) {
if (product) {
newItems[index].ui_product_name = product.name;
newItems[index].ui_product_code = product.code;
- // Default to base unit
+ // Default to base unit and fix it
if (product.base_unit_id) {
newItems[index].unit_id = String(product.base_unit_id);
+ const unit = units.find(u => u.id === product.base_unit_id);
+ newItems[index].ui_unit_name = unit?.name;
}
}
}
@@ -103,14 +105,7 @@ export default function RecipeCreate({ products, units }: Props) {
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
- post(route('recipes.store'), {
- onSuccess: () => {
- toast.success("配方已建立");
- },
- onError: (errors) => {
- toast.error("儲存失敗，請檢查欄位");
- }
- });
+ post(route('recipes.store'));
};
return (
@@ -275,17 +270,10 @@ export default function RecipeCreate({ products, units }: Props) {
placeholder="數量"
/>
-
- updateItem(index, 'unit_id', v)}
- options={units.map(u => ({
- label: u.name,
- value: String(u.id)
- }))}
- placeholder="單位"
- className="w-full"
- />
+
+
+ {item.ui_unit_name || (units.find(u => String(u.id) === item.unit_id)?.name) || '-'}
+
u.id === product.base_unit_id);
+ newItems[index].ui_unit_name = unit?.name;
}
}
}
@@ -127,14 +130,7 @@ export default function RecipeEdit({ recipe, products, units }: Props) {
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
- put(route('recipes.update', recipe.id), {
- onSuccess: () => {
- toast.success("配方已更新");
- },
- onError: (errors) => {
- toast.error("儲存失敗，請檢查欄位");
- }
- });
+ put(route('recipes.update', recipe.id));
};
return (
@@ -299,17 +295,10 @@ export default function RecipeEdit({ recipe, products, units }: Props) {
placeholder="數量"
/>
-
- updateItem(index, 'unit_id', v)}
- options={units.map(u => ({
- label: u.name,
- value: String(u.id)
- }))}
- placeholder="單位"
- className="w-full"
- />
+
+
+ {item.ui_unit_name || (units.find(u => String(u.id) === item.unit_id)?.name) || '-'}
+