fix: reload object encounter

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

@@ -92,6 +92,7 @@ const mode = props.mode !== undefined ? props.mode : 'add'
 const isSepValid = computed(() => props.isSepValid || false)
 const isCheckingSep = computed(() => props.isCheckingSep || false)
 const isInsurancePayment = computed(() => ['insurance', 'jkn'].includes(paymentMethodCode.value))
+const isDateLoading = ref(false)
 const debouncedSepNumber = refDebounced(sepNumber, 500)
 const debouncedCardNumber = refDebounced(cardNumber, 500)
 const unitFullName = ref('') // Unit, specialist, subspecialist
@@ -126,12 +127,16 @@ watch(
       medicalRecordNumber.value = objects?.medicalRecordNumber || ''
       doctorCode.value = objects?.doctorCode || ''
       // subSpecialistCode.value = objects?.subSpecialistCode || ''
-      registerDate.value = objects?.registerDate || ''
       paymentMethodCode.value = objects?.paymentMethodCode || ''
       patientCategory.value = objects?.patientCategory || ''
       cardNumber.value = objects?.cardNumber || ''
       sepType.value = objects?.sepType || ''
       sepNumber.value = objects?.sepNumber || ''
+      isDateLoading.value = true
+      setTimeout(() => {
+        registerDate.value = objects?.registerDate || ''
+        isDateLoading.value = false
+      }, 100)
     }
   },
   { deep: true, immediate: true },
@@ -352,6 +357,7 @@ defineExpose({
           </DE.Label>
           <DE.Field :errMessage="errors.registerDate">
             <DatepickerSingle
+              v-if="!isDateLoading"
               id="registerDate"
               v-model="registerDate"
               v-bind="registerDateAttrs"

app/components/content/encounter/entry.vue

@@ -163,7 +163,6 @@ onMounted(async () => {
   await handleInit()
   if (props.formType === 'edit' && props.id > 0) {
     await getFetchEncounterDetail()
-    console.log(formObjects.value)
   }
 })
 </script>