From 9a0a9f68bf5f40fd972fd93a4b79354ccc090040 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Wed, 15 Oct 2025 16:01:19 +0700
Subject: [PATCH] fix(sep): fixing pagination and schema

---
 .../app/sep/table-search-patient.vue          |  7 +++---
 app/components/content/sep/entry.vue          | 23 +++++++++++++++----
 app/schemas/integration-bpjs.schema.ts        |  2 +-
 3 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/app/components/app/sep/table-search-patient.vue b/app/components/app/sep/table-search-patient.vue
index 37519e09..f1fffa92 100644
--- a/app/components/app/sep/table-search-patient.vue
+++ b/app/components/app/sep/table-search-patient.vue
@@ -24,6 +24,7 @@ import type { PaginationMeta } from '~/components/pub/my-ui/pagination/paginatio
 const props = defineProps<{
   open: boolean
   patients: Array<{
+    id: string
     identity: string
     number: string
     bpjs: string
@@ -54,7 +55,7 @@ function saveSelection() {
 }
 
 function handlePageChange(page: number) {
-  emit('fetch', { page })
+  emit('fetch', { 'page-number': page })
 }
 
 watch(debouncedSearch, (newValue) => {
@@ -108,8 +109,8 @@ watch(debouncedSearch, (newValue) => {
                   @update:model-value="emit('update:selected', $event)"
                 >
                   <RadioGroupItem
-                    :id="p.identity"
-                    :value="p.identity"
+                    :id="p.id"
+                    :value="p.id"
                   />
                 </RadioGroup>
               </td>
diff --git a/app/components/content/sep/entry.vue b/app/components/content/sep/entry.vue
index 379eda5e..463f8785 100644
--- a/app/components/content/sep/entry.vue
+++ b/app/components/content/sep/entry.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
+import { id } from "date-fns/locale"
 import { ref } from 'vue'
 
 // Types
 import type { PaginationMeta } from '~/components/pub/my-ui/pagination/pagination.type'
 
 // Services
-import { getPatients } from '~/services/patient.service'
+import { getPatientDetail, getPatients } from '~/services/patient.service'
 
 const openPatient = ref(false)
 const openLetter = ref(false)
@@ -14,7 +15,7 @@ const selectedPatient = ref('')
 const selectedLetter = ref('SK22334442')
 
 // patients used by AppSepTableSearchPatient (will be filled from API)
-const patients = ref<Array<{ identity: string; number: string; bpjs: string; name: string }>>([
+const patients = ref<Array<{ id: string; identity: string; number: string; bpjs: string; name: string }>>([
   // fallback empty list until fetched
 ])
 const isPatientsLoading = ref(false)
@@ -33,7 +34,7 @@ function mapPatientToRow(patient: any) {
   const number = patient?.number || patient?.medicalRecordNo || '-'
   const bpjs = patient?.person?.refNumber || '-'
   const name = patient.name || patient?.person?.name || '-'
-  return { identity, number, bpjs, name }
+  return { id: patient.id ? String(patient.id) : '-', identity, number, bpjs, name }
 }
 
 function mapPaginationMetaToRow(meta: any) {
@@ -53,7 +54,7 @@ function mapPaginationMetaToRow(meta: any) {
   }
 }
 
-async function fetchPatients(params: any = { 'page-size': 100 }) {
+async function fetchPatients(params: any = { 'page-size': 10 }) {
   try {
     isPatientsLoading.value = true
     patients.value = []
@@ -117,6 +118,18 @@ const histories = [
 
 function handleSavePatient() {
   console.log('Pasien dipilih:', selectedPatient.value)
+  const getPatient = async () => {
+    try {
+      const result = await getPatientDetail(Number(selectedPatient.value))
+      if (result && result.success && result.body && result.body.data) {
+        const patient = result.body.data
+        console.log('Patient:', patient)
+      }
+    } catch (err) {
+      console.error('Failed to fetch patient:', err)
+    }
+  }
+  getPatient()
 }
 
 function handleSaveLetter() {
@@ -160,7 +173,7 @@ function handleEvent(value: string) {
     v-model:selected="selectedPatient"
     :patients="patients"
     :pagination-meta="paginationMeta"
-    @fetch="(value) => fetchPatients(value)"
+    @fetch="(value) => fetchPatients({ ...value, 'page-size': 10, includes: 'person' })"
     @save="handleSavePatient"
   />
   <AppSepTableSearchLetter
diff --git a/app/schemas/integration-bpjs.schema.ts b/app/schemas/integration-bpjs.schema.ts
index e469221f..8183f1b0 100644
--- a/app/schemas/integration-bpjs.schema.ts
+++ b/app/schemas/integration-bpjs.schema.ts
@@ -3,7 +3,7 @@ import { z } from 'zod'
 const IntegrationBpjsSchema = z.object({
   tanggalSep: z.string().min(1, 'Tanggal SEP wajib diisi'),
   jalur: z.string().min(1, 'Pilih jalur'),
-  noBpjs: z.string().min(1, 'No. Kartu BPJS wajib diisi'),
+  noBpjs: z.string({ required_error: 'No. Kartu BPJS wajib diisi' }).min(1, 'No. Kartu BPJS wajib diisi'),
   noKtp: z.string().min(1, 'No. KTP wajib diisi'),
   noRm: z.string().min(1, 'No. RM wajib diisi'),
   namaPasien: z.string().min(1, 'Nama pasien wajib diisi'),