fix: solve edit + add pages

app/components/content/encounter/entry.vue

@@ -9,9 +9,15 @@ import AppViewHistory from '~/components/app/sep/view-history.vue'
 import { refDebounced } from '@vueuse/core'
 
 // Handlers
+import { getDetail as getDoctorDetail  } from '~/services/doctor.service'
 import { useEncounterEntry } from '~/handlers/encounter-entry.handler'
+<<<<<<< HEAD
 import { useIntegrationSepEntry } from '~/handlers/integration-sep-entry.handler'
+=======
+import { genDoctor, type Doctor } from '~/models/doctor'
+>>>>>>> 9a8ee9d90f669a5395b14107d86d9f788118fa92
 
+// Props
 const props = defineProps<{
   id: number
   classCode?: 'ambulatory' | 'emergency' | 'inpatient' | 'outpatient'
@@ -58,7 +64,33 @@ const {
 const { recSepId, openHistory, histories, getMonitoringHistoryMappers } = useIntegrationSepEntry()
 
 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(() => {
@@ -120,6 +152,7 @@ async function handleEvent(menu: string, value?: any) {
   }
 }
 
+<<<<<<< HEAD
 provide('rec_select_id', recSelectId)
 provide('rec_sep_id', recSepId)
 provide('table_data_loader', isLoading)
@@ -151,8 +184,15 @@ onMounted(async () => {
   await handleInit()
   if (props.formType === 'edit' && props.id > 0) {
     await getFetchEncounterDetail()
+=======
+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)
+>>>>>>> 9a8ee9d90f669a5395b14107d86d9f788118fa92
   }
-})
+}
 </script>
 
 <template>
@@ -176,9 +216,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"
   />