fix: change integrate material

app/components/app/equipment/entry-form.vue

@@ -14,6 +14,7 @@ import Label from '~/components/pub/custom-ui/doc-entry/label.vue'
 interface Props {
   schema: z.ZodSchema<any>
   uoms: any[]
+  values: any
 }
 
 const isLoading = ref(false)
@@ -23,7 +24,7 @@ const emit = defineEmits<{
   cancel: [resetForm: () => void]
 }>()
 
-const { handleSubmit, defineField, errors, meta } = useForm({
+const { defineField, errors, meta } = useForm({
   validationSchema: toTypedSchema(props.schema),
   initialValues: {
     code: '',
@@ -38,6 +39,14 @@ const [name, nameAttrs] = defineField('name')
 const [uom, uomAttrs] = defineField('uom_code')
 const [stock, stockAttrs] = defineField('stock')
 
+// Fill fields from props.values if provided
+if (props.values) {
+  if (props.values.code !== undefined) code.value = props.values.code
+  if (props.values.name !== undefined) name.value = props.values.name
+  if (props.values.uom_code !== undefined) uom.value = props.values.uom_code
+  if (props.values.stock !== undefined) stock.value = props.values.stock
+}
+
 const resetForm = () => {
   code.value = ''
   name.value = ''

app/components/content/equipment/list.vue

@@ -21,6 +21,7 @@ import {
   handleActionSave,
   handleActionRemove,
   handleCancelForm,
+  handleActionEdit,
 } from '~/handlers/material.handler'
 
 // Services
@@ -32,7 +33,8 @@ const uoms = ref<{ value: string; label: string }[]>([])
 const getEquipmentDetail = async (id: number | string) => {
   const result = await getSourceMaterialDetail(id)
   if (result.success) {
-    recItem.value = result.data
+    const currentMaterial = result.body?.data || {}
+    recItem.value = currentMaterial
     isFormEntryDialogOpen.value = true
   }
 }
@@ -40,7 +42,8 @@ const getEquipmentDetail = async (id: number | string) => {
 const getUomList = async () => {
   const result = await getSourceUoms()
   if (result.success) {
-    uoms.value = result.data.map((uom: Uom) => ({ value: uom.code || uom.erp_id, label: uom.name }))
+    const currentUoms = result.body?.data || []
+    uoms.value = currentUoms.map((uom: Uom) => ({ value: uom.code || uom.erp_id, label: uom.name }))
   }
 }
 
@@ -55,7 +58,7 @@ const {
 } = usePaginatedList({
   fetchFn: async ({ page }) => {
     const result = await getSourceMaterials({ page })
-    return { success: result.success || false, body: { data: result.data || [], meta: result.meta || {} } }
+    return { success: result.success || false, body: result.body || {} }
   },
   entityName: 'equipment',
 })
@@ -117,12 +120,26 @@ onMounted(async () => {
       <AppEquipmentList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
     </div>
 
-    <Dialog v-model:open="isFormEntryDialogOpen" title="Tambah Perlengkapan" size="lg" prevent-outside>
+    <Dialog
+      v-model:open="isFormEntryDialogOpen"
+      :title="!!recItem ? 'Edit Perlengkapan' : 'Tambah Perlengkapan'"
+      size="lg"
+      prevent-outside
+    >
       <AppEquipmentEntryForm
         :schema="MaterialSchema"
+        :values="recItem"
         :uoms="uoms"
         :is-loading="isProcessing"
-        @submit="(values: MaterialFormData, resetForm: any) => handleActionSave(values, getEquipmentList, resetForm)"
+        @submit="
+          (values: MaterialFormData, resetForm: any) => {
+            if (!!recId) {
+              handleActionEdit(recId, values, getEquipmentList, resetForm)
+              return 
+            }
+            handleActionSave(values, getEquipmentList, resetForm)
+          }
+        "
         @cancel="handleCancelForm"
       />
     </Dialog>