feat: enhance SEP entry form and handling with new readonly mode and improved data fetching

app/components/content/sep/entry.vue

@@ -83,6 +83,7 @@ onMounted(async () => {
     :mode="props.mode"
     :is-save-loading="isSaveLoading"
     :is-service="isServiceHidden"
+    :is-readonly="['detail', 'link'].includes(props.mode)"
     :doctors="doctors"
     :diagnoses="diagnoses"
     :facilities-from="facilitiesFrom"

app/components/content/sep/list.vue

@@ -14,7 +14,7 @@ import RangeCalendar from '~/components/pub/ui/range-calendar/RangeCalendar.vue'
 import { X, Check } from 'lucide-vue-next'
 
 // Libraries
-import useIntegrationSepList from '~/handlers/integration-sep-list.handler'
+import { useIntegrationSepList } from '~/handlers/integration-sep-list.handler'
 
 // use handler to provide state and functions
 const {
@@ -54,6 +54,9 @@ watch(
     if (recAction.value === 'showConfirmDel') {
       open.value = true
     }
+    if (recAction.value === 'showDetail') {
+      navigateTo(`/integration/bpjs-vclaim/sep/${recItem.value?.letterNumber}/detail`)
+    }
   },
 )
 
@@ -62,6 +65,7 @@ watch(
   (val) => {
     if (!val) return
     setDateRange()
+    getSepList()
   },
   { deep: true },
 )