Fix: Refactor Organization CRUD {id} to {code}

app/components/content/unit/detail.vue

@@ -47,7 +47,7 @@ const title = ref('')
 
 // #region Props & Emits
 const props = defineProps<{
-  unitId: number
+  unitId: string
 }>()
 const unit = ref<Unit>({} as Unit)
 // #endregion
@@ -152,7 +152,7 @@ watch([recId, recAction], () => {
   console.log(recId, recAction)
   switch (recAction.value) {
     case ActionEvents.showEdit:
-      getDetailUnitPosition(recId.value)
+      getDetailUnitPosition(recItem.value.code)
       title.value = 'Edit Posisi'
       isReadonly.value = false
       isFormEntryDialogOpen.value = true
@@ -201,8 +201,8 @@ watch([recId, recAction], () => {
       @submit="
         (values: UnitPositionFormData | Record<string, any>, resetForm: () => void) => {
           console.log(values)
-          if (recId > 0) {
-            handleActionEdit(recId, values, getPositionList, onResetState, toast)
+          if (recItem?.code.length > 0) {
+            handleActionEdit(recItem.code, values, getPositionList, onResetState, toast)
             return
           }
           handleActionSave(values, getPositionList, onResetState, toast)
@@ -215,7 +215,7 @@ watch([recId, recAction], () => {
     v-model:open="isRecordConfirmationOpen"
     action="delete"
     :record="recItem"
-    @confirm="() => handleActionRemove(recId, getPositionList, toast)"
+    @confirm="() => handleActionRemove(recItem.code, getPositionList, toast)"
     @cancel=""
   >
     <template #default="{ record }">

app/components/content/unit/list.vue

@@ -103,26 +103,22 @@ const getCurrentUnitDetail = async (id: number | string) => {
 watch([recId, recAction], () => {
   switch (recAction.value) {
     case ActionEvents.showDetail:
-      if (Number(recId.value) > 0) {
-        const id = Number(recId.value)
-
+      if (recItem.value.code.length > 0) {  
+        navigateTo({
+          name: 'org-src-unit-id',
+          params: {
+            id: recItem.value.code,
+          },
+        })
         recAction.value = ''
         recItem.value = null
         recId.value = 0
         isFormEntryDialogOpen.value = false
         isReadonly.value = false
-
-        navigateTo({
-          name: 'org-src-unit-id',
-          params: {
-            id,
-          },
-        })
       }
-
       break
     case ActionEvents.showEdit:
-      getCurrentUnitDetail(recId.value)
+      getCurrentUnitDetail(recItem.value.code)
       title.value = 'Edit Unit'
       isReadonly.value = false
       break
@@ -133,7 +129,7 @@ watch([recId, recAction], () => {
 })
 
 onMounted(async () => {
-  installations.value = await getInstallationList()
+  installations.value = await getInstallationList({}, true)
   await getUnitList()
 })
 </script>
@@ -172,8 +168,8 @@ onMounted(async () => {
       :is-readonly="isReadonly"
       @submit="
         (values: UnitFormData | Record<string, any>, resetForm: () => void) => {
-          if (recId > 0) {
-            handleActionEdit(recId, values, getUnitList, resetForm, toast)
+          if (recItem?.code.length > 0) {
+            handleActionEdit(recItem.code, values, getUnitList, resetForm, toast)
             return
           }
           handleActionSave(values, getUnitList, resetForm, toast)
@@ -188,7 +184,7 @@ onMounted(async () => {
     v-model:open="isRecordConfirmationOpen"
     action="delete"
     :record="recItem"
-    @confirm="() => handleActionRemove(recId, getUnitList, toast)"
+    @confirm="() => handleActionRemove(recItem.code, getUnitList, toast)"
     @cancel=""
   >
     <template #default="{ record }">