feat: enhance encounter entry forms with mode handling and default date setup

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

@@ -27,6 +27,7 @@ const props = defineProps<{
   isReadonly?: boolean
   isSepValid?: boolean
   isCheckingSep?: boolean
+  mode?: string
   doctor?: any[]
   subSpecialist?: any[]
   specialists?: TreeItem[]
@@ -63,11 +64,10 @@ const patientId = ref('')
 
 const isLoading = props.isLoading !== undefined ? props.isLoading : false
 const isReadonly = props.isReadonly !== undefined ? props.isReadonly : false
-
+const mode = props.mode !== undefined ? props.mode : 'add'
 // SEP validation state from props
 const isSepValid = computed(() => props.isSepValid || false)
 const isCheckingSep = computed(() => props.isCheckingSep || false)
-
 const doctorOpts = computed(() => {
   // Add default option
   const defaultOption = [{ label: 'Pilih', value: '' }]
@@ -75,9 +75,17 @@ const doctorOpts = computed(() => {
   const doctors = props.doctor || []
   return [...defaultOption, ...doctors]
 })
-
 const isJKNPayment = computed(() => paymentType.value === 'jkn')
 
+if (mode === 'add') {
+  // Set default sepDate to current date in YYYY-MM-DD format
+  const today = new Date()
+  const year = today.getFullYear()
+  const month = String(today.getMonth() + 1).padStart(2, '0')
+  const day = String(today.getDate()).padStart(2, '0')
+  registerDate.value = `${year}-${month}-${day}`
+}
+
 async function onFetchChildren(parentId: string): Promise<void> {
   console.log('onFetchChildren', parentId)
 }
@@ -141,7 +149,7 @@ function onAddSep() {
     registerDate: registerDate.value,
     cardNumber: cardNumber.value,
     paymentType: paymentType.value,
-    sepType: sepType.value
+    sepType: sepType.value,
   }
   emit('event', 'add-sep', formValues)
 }
@@ -165,7 +173,7 @@ function submitForm() {
   })
   console.log('🔵 Form errors:', errors.value)
   console.log('🔵 Form meta:', meta.value)
-  
+
   // Trigger form submit using native form submit
   // This will trigger validation and onSubmit handler
   if (formRef.value) {
@@ -179,7 +187,7 @@ function submitForm() {
       preventDefault: () => {},
       target: formRef.value || {},
     } as SubmitEvent
-    
+
     // Call onSubmit directly
     console.log('🔵 Calling onSubmit with mock event')
     onSubmit(mockEvent)
@@ -285,6 +293,22 @@ defineExpose({
         :colCount="3"
         :cellFlex="false"
       >
+        <Cell>
+          <Label height="compact">
+            Spesialis / Subspesialis
+            <span class="text-red-500">*</span>
+          </Label>
+          <Field :errMessage="errors.subSpecialistId">
+            <TreeSelect
+              id="subSpecialistId"
+              v-model="subSpecialistId"
+              v-bind="subSpecialistIdAttrs"
+              :data="specialists || []"
+              :on-fetch-children="onFetchChildren"
+            />
+          </Field>
+        </Cell>
+
         <Cell>
           <Label height="compact">
             Dokter
@@ -304,29 +328,6 @@ defineExpose({
           </Field>
         </Cell>
 
-        <Cell>
-          <Label height="compact">
-            Spesialis / Subspesialis
-            <span class="text-red-500">*</span>
-          </Label>
-          <Field :errMessage="errors.subSpecialistId">
-            <TreeSelect
-              id="subSpecialistId"
-              v-model="subSpecialistId"
-              v-bind="subSpecialistIdAttrs"
-              :data="specialists || []"
-              :on-fetch-children="onFetchChildren"
-            />
-          </Field>
-        </Cell>
-      </Block>
-
-      <Block
-        labelSize="thin"
-        class="!pt-0"
-        :colCount="3"
-        :cellFlex="false"
-      >
         <Cell>
           <Label height="compact">
             Tanggal Daftar
@@ -341,7 +342,14 @@ defineExpose({
             />
           </Field>
         </Cell>
+      </Block>
 
+      <Block
+        labelSize="thin"
+        class="!pt-0"
+        :colCount="3"
+        :cellFlex="false"
+      >
         <Cell>
           <Label height="compact">
             Jenis Pembayaran
@@ -454,7 +462,7 @@ defineExpose({
                     name="i-lucide-loader-2"
                     class="h-4 w-4 animate-spin"
                   />
-                   <Icon
+                  <Icon
                     v-else
                     name="i-lucide-plus"
                     class="h-4 w-4"

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

@@ -24,11 +24,11 @@ import { useForm } from 'vee-validate'
 import { refDebounced } from '@vueuse/core'
 
 const props = defineProps<{
+  mode?: string
   isLoading?: boolean
   isReadonly?: boolean
   isService?: boolean
   isShowPatient?: boolean;
-  mode?: string
   doctors: any[]
   diagnoses: any[]
   facilitiesFrom: any[]

app/components/content/encounter/entry.vue

@@ -43,7 +43,7 @@ const {
   toNavigateSep,
   getListPath,
   handleInit,
-  loadEncounterDetail,
+  getFetchEncounterDetail,
   handleSaveEncounter,
   getPatientsList,
   getPatientCurrent,
@@ -120,7 +120,7 @@ watch(
 onMounted(async () => {
   await handleInit()
   if (props.id > 0) {
-    await loadEncounterDetail()
+    await getFetchEncounterDetail()
   }
 })
 </script>
@@ -131,12 +131,13 @@ onMounted(async () => {
       name="i-lucide-user"
       class="me-2"
     />
-    <span class="font-semibold">{{ props.formType }}</span>
+    <span class="font-semibold">{{ props.formType === 'add' ? 'Tambah' : 'Ubah' }}</span>
     Kunjungan
   </div>
 
   <AppEncounterEntryForm
     ref="formRef"
+    :mode="props.formType"
     :is-loading="isLoadingDetail"
     :is-sep-valid="isSepValid"
     :is-checking-sep="isCheckingSep"