feat/page-cleaning: adjust add encounter

app/components/content/encounter/entry.vue

@@ -8,8 +8,11 @@ import AppViewPatient from '~/components/app/patient/view-patient.vue'
 import { refDebounced } from '@vueuse/core'
 
 // Handlers
+import { getDetail as getDoctorDetail  } from '~/services/doctor.service'
 import { useEncounterEntry } from '~/handlers/encounter-entry.handler'
+import { genDoctor, type Doctor } from '~/models/doctor'
 
+// Props
 const props = defineProps<{
   id: number
   classCode?: 'ambulatory' | 'emergency' | 'inpatient' | 'outpatient'
@@ -54,7 +57,33 @@ const {
 } = useEncounterEntry(props)
 
 const debouncedSepNumber = refDebounced(sepNumber, 500)
+const selectedDoctor = ref<Doctor>(genDoctor())
 
+provide('rec_select_id', recSelectId)
+provide('table_data_loader', isLoading)
+
+watch(debouncedSepNumber, async (newValue) => {
+  await getValidateSepNumber(newValue)
+})
+
+watch(
+  () => formObjects.value?.paymentType,
+  (newValue) => {
+    isSepValid.value = false
+    if (newValue !== 'jkn') {
+      sepNumber.value = ''
+    }
+  },
+)
+
+onMounted(async () => {
+  await handleInit()
+  if (props.id > 0) {
+    await loadEncounterDetail()
+  }
+})
+
+///// Functions
 function handleSavePatient() {
   selectedPatientObject.value = null
   setTimeout(() => {
@@ -100,29 +129,13 @@ async function handleEvent(menu: string, value?: any) {
   }
 }
 
-provide('rec_select_id', recSelectId)
-provide('table_data_loader', isLoading)
-
-watch(debouncedSepNumber, async (newValue) => {
-  await getValidateSepNumber(newValue)
-})
-
-watch(
-  () => formObjects.value?.paymentType,
-  (newValue) => {
-    isSepValid.value = false
-    if (newValue !== 'jkn') {
-      sepNumber.value = ''
-    }
-  },
-)
-
-onMounted(async () => {
-  await handleInit()
-  if (props.id > 0) {
-    await loadEncounterDetail()
+async function getDoctorInfo(value: string) {
+  const resp = await getDoctorDetail(value, { includes: 'unit,specialist,subspecialist'})
+  if (resp.success) {
+    selectedDoctor.value = resp.body.data
+    // console.log(selectedDoctor.value)
   }
-})
+}
 </script>
 
 <template>
@@ -144,9 +157,11 @@ onMounted(async () => {
     :seps="sepsList"
     :participant-groups="participantGroupsList"
     :specialists="specialistsTree"
-    :doctor="doctorsList"
+    :doctorItems="doctorsList"
+    :selectedDoctor="selectedDoctor"
     :patient="selectedPatientObject"
     :objects="formObjects"
+    @on-select-doctor="getDoctorInfo"
     @event="handleEvent"
     @fetch="handleFetch"
   />