feat(encounter): update encounter init

app/components/content/encounter/process-next.vue

@@ -11,26 +11,11 @@ import SubMenu from '~/components/pub/my-ui/menus/submenu.vue'
 import { getPositionAs } from '~/lib/roles'
 
 // Types
-import type { EncounterProps } from '~/handlers/encounter-process.handler'
-
-// Services
-import { getDetail } from '~/services/encounter.service'
+import type { EncounterProps } from '~/handlers/encounter-init.handler'
 
 // Handlers
-import { getIndexById, listItems, mapResponseToEncounter } from '~/handlers/encounter-process.handler'
-
-const StatusAsync = defineAsyncComponent(() => import('~/components/content/encounter/status.vue'))
-const AssesmentFunctionListAsync = defineAsyncComponent(() => import('~/components/content/soapi/entry.vue'))
-const EarlyMedicalAssesmentListAsync = defineAsyncComponent(() => import('~/components/content/soapi/entry.vue'))
-const EarlyMedicalRehabListAsync = defineAsyncComponent(() => import('~/components/content/soapi/entry.vue'))
-const PrescriptionAsync = defineAsyncComponent(() => import('~/components/content/prescription/main.vue'))
-// const PrescriptionListAsync = defineAsyncComponent(() => import('~/components/content/prescription/list.vue'))
-const CpLabOrderAsync = defineAsyncComponent(() => import('~/components/content/cp-lab-order/main.vue'))
-const RadiologyAsync = defineAsyncComponent(() => import('~/components/content/radiology-order/main.vue'))
-const ConsultationAsync = defineAsyncComponent(() => import('~/components/content/consultation/list.vue'))
-const ControlLetterListAsync = defineAsyncComponent(() => import('~/components/content/control-letter/list.vue'))
-const ProtocolListAsync = defineAsyncComponent(() => import('~/components/app/chemotherapy/list.protocol.vue'))
-const MedicineProtocolListAsync = defineAsyncComponent(() => import('~/components/app/chemotherapy/list.medicine.vue'))
+import { getEncounterData } from '~/handlers/encounter-process.handler'
+import { getMenuItems } from "~/handlers/encounter-init.handler"
 
 const { user, getActiveRole } = useUserStore()
 const route = useRoute()
@@ -88,196 +73,43 @@ const paginationMeta = {
   hasPrev: false,
 }
 
-async function getData() {
-  try {
-    const dataRes = await getDetail(id, {
-      includes:
-        'patient,patient-person,patient-person-addresses,unit,Appointment_Doctor,Appointment_Doctor-employee,Appointment_Doctor-employee-person,Responsible_Doctor,Responsible_Doctor-employee,Responsible_Doctor-employee-person',
-    })
-    const dataResBody = dataRes.body ?? null
-    const result = dataResBody?.data ?? null
-
-    if (result) {
-      const mappedData = mapResponseToEncounter(result)
-      if (mappedData) {
-        data.value = mappedData
-      } else {
-        data.value = null
-      }
-    } else {
-      data.value = null
-    }
-  } catch (error) {
-    console.error('Error fetching encounter data:', error)
-    data.value = null
-  }
-}
-
-function getMenus() {
-  const normalClassCode = props.classCode === 'ambulatory' ? 'outpatient' : props.classCode
-  const currentListItems = listItems[`installation|${normalClassCode}`];
-  if (!currentListItems) return []
-  const unitCode = user?.unit?.code ? `unit|${user.unit.code}` : 'all';
-  const currentUnitItems: any = currentListItems[`${unitCode}`];
-  if (!currentUnitItems) return []
-  let menus = []
-  if (currentUnitItems.roles && currentUnitItems.roles?.some((role: string) => role === activePosition.value)) {
-    menus = [...currentUnitItems.items]
-  } else {
-    menus = [...currentUnitItems]
-  }
-  const indexStatus = getIndexById('status', menus)
-  const indexEarlyMedicalAssessment = getIndexById('early-medical-assessment', menus)
-  const indexRehabMedicalAssessment = getIndexById('rehab-medical-assessment', menus)
-  const indexFunctionAssessment = getIndexById('function-assessment', menus)
-  const indexTherapyProtocol = getIndexById('therapy-protocol', menus)
-  const indexChemotherapyProtocol = getIndexById('chemotherapy-protocol', menus)
-  const indexChemotherapyMedicine = getIndexById('chemotherapy-medicine', menus)
-  const indexPrescription = getIndexById('prescription', menus)
-  const indexDevice = getIndexById('device', menus)
-  const indexMcuRadiology = getIndexById('mcu-radiology', menus)
-  const indexMcuLabPc = getIndexById('mcu-lab-pc', menus)
-  const indexMcuLabMicro = getIndexById('mcu-lab-micro', menus)
-  const indexMcuLabPa = getIndexById('mcu-lab-pa', menus)
-  const indexMedicalAction = getIndexById('medical-action', menus)
-  const indexMcuResult = getIndexById('mcu-result', menus)
-  const indexConsultation = getIndexById('consultation', menus)
-  const indexResume = getIndexById('resume', menus)
-  const indexControlLetter = getIndexById('control', menus)
-  const indexScreening = getIndexById('screening', menus)
-  const indexSupportingDocument = getIndexById('supporting-document', menus)
-  const indexPriceList = getIndexById('price-list', menus)
-
-  if (indexStatus > -1) {
-    menus.splice(indexStatus, 1, {
-      ...menus[indexStatus],
-      component: StatusAsync,
-      props: { encounter: data },
-    })
-  }
-  if (indexEarlyMedicalAssessment > -1) {
-    menus.splice(indexEarlyMedicalAssessment, 1, {
-      ...menus[indexEarlyMedicalAssessment],
-      component: EarlyMedicalAssesmentListAsync,
-      props: { encounter: data, type: 'early-medic', label: 'Pengkajian Awal Medis' },
-    })
-  }
-  if (indexRehabMedicalAssessment > -1) {
-    menus.splice(indexRehabMedicalAssessment, 1, {
-      ...menus[indexRehabMedicalAssessment],
-      component: EarlyMedicalRehabListAsync,
-      props: { encounter: data, type: 'early-rehab', label: 'Pengkajian Awal Medis Rehabilitasi Medis' },
-    })
-  }
-  if (indexFunctionAssessment > -1) {
-    menus.splice(indexFunctionAssessment, 1, {
-      ...menus[indexFunctionAssessment],
-      component: AssesmentFunctionListAsync,
-      props: { encounter: data, type: 'function', label: 'Asesmen Fungsi' },
-    })
-  }
-  if (indexTherapyProtocol > -1) {
-    menus.splice(indexTherapyProtocol, 1, {
-      ...menus[indexTherapyProtocol],
-      component: ProtocolListAsync,
-      props: { data: protocolRows, paginationMeta },
-    })
-  }
-  if (indexChemotherapyProtocol > -1) {
-    menus.splice(indexChemotherapyProtocol, 1, {
-      ...menus[indexChemotherapyProtocol],
-      component: ProtocolListAsync,
-      props: { data: protocolRows, paginationMeta },
-    })
-  }
-  if (indexChemotherapyMedicine > -1) {
-    menus.splice(indexChemotherapyMedicine, 1, {
-      ...menus[indexChemotherapyMedicine],
-      component: MedicineProtocolListAsync,
-      props: { data: protocolRows, paginationMeta },
-    })
-  }
-  if (indexPrescription > -1) {
-    menus.splice(indexPrescription, 1, {
-      ...menus[indexPrescription],
-      component: PrescriptionAsync,
-      props: { encounter_id: id }
-    })
-  }
-  if (indexDevice > -1) {
-    menus.splice(indexDevice, 1, { ...menus[indexDevice], component: null })
-  }
-  if (indexMcuRadiology > -1) {
-    menus.splice(indexMcuRadiology, 1, {
-      ...menus[indexMcuRadiology],
-      component: RadiologyAsync,
-      props: { encounter_id: id }
-    })
-  }
-  if (indexMcuLabPc > -1) {
-    menus.splice(indexMcuLabPc, 1, {
-      ...menus[indexMcuLabPc],
-      component: CpLabOrderAsync,
-      props: { encounter_id: id }
-    })
-  }
-  if (indexMcuLabMicro > -1) {
-    menus.splice(indexMcuLabMicro, 1, { ...menus[indexMcuLabMicro], component: null })
-  }
-  if (indexMcuLabPa > -1) {
-    menus.splice(indexMcuLabPa, 1, { ...menus[indexMcuLabPa], component: null })
-  }
-  if (indexMedicalAction > -1) {
-    menus.splice(indexMcuLabPa, 1, { ...menus[indexMcuLabPa], component: null })
-  }
-  if (indexConsultation > -1) {
-    menus.splice(indexConsultation, 1, {
-      ...menus[indexConsultation],
-      component: ConsultationAsync,
-      props: { encounter: data }
-    })
-  }
-  if (indexMcuResult > -1) {
-    menus.splice(indexMcuResult, 1, { ...menus[indexMcuResult], component: null })
-  }
-  if (indexResume > -1) {
-    menus.splice(indexResume, 1, { ...menus[indexResume], component: null })
-  }
-  if (indexControlLetter > -1) {
-    menus.splice(indexControlLetter, 1, {
-      ...menus[indexControlLetter],
-      component: ControlLetterListAsync,
-      props: { encounter: data }
-    })
-  }
-  if (indexScreening > -1) {
-    menus.splice(indexScreening, 1, { ...menus[indexScreening], component: null })
-  }
-  if (indexSupportingDocument > -1) {
-    menus.splice(indexSupportingDocument, 1, { ...menus[indexSupportingDocument], component: null })
-  }
-  if (indexPriceList > -1) {
-    menus.splice(indexPriceList, 1, { ...menus[indexPriceList], component: null })
-  }
-
-  return menus
-}
-
 function handleClick(type: string) {
   if (type === 'draft') {
     router.back()
   }
 }
 
+function initMenus() {
+  menus.value = getMenuItems(id, props, user, activePosition.value, {
+    status: data.value,
+    medicalAssessment: data.value,
+    medicalAssessmentRehab: data.value,
+    functionAssessment: data.value,
+    protocolTheraphy: data.value,
+    protocolChemotherapy: data.value,
+    medicineProtocolChemotherapy: data.value,
+    consultation: data.value,
+    letterOfControl: data.value,
+  }, {
+    protocolTheraphy: paginationMeta,
+    protocolChemotherapy: paginationMeta,
+    medicineProtocolChemotherapy: paginationMeta,
+  })
+}
+
+async function getData() {
+  data.value = await getEncounterData(id)
+}
+
 watch(getActiveRole, () => {
   const activeRole = getActiveRole()
   activePosition.value = getPositionAs(activeRole)
-  menus.value = getMenus()
+  initMenus()
 })
 
 onMounted(async () => {
   await getData()
-  menus.value = getMenus()
+  initMenus()
 })
 </script>