feat(sep): add table history sep

app/components/content/sep/entry.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 const openPatient = ref(false)
 const openLetter = ref(false)
+const openHistory = ref(false)
 const selectedPatient = ref('3456512345678880')
 const selectedLetter = ref('SK22334442')
 
@@ -40,6 +41,25 @@ const letters = [
   },
 ]
 
+const histories = [
+  {
+    no_sep: "SP23311224",
+    tgl_sep: "12 Agustus 2025",
+    no_rujukan: "123444",
+    diagnosis: "C34.9 – Karsinoma Paru",
+    pelayanan: "Rawat Jalan",
+    kelas: "Kelas II",
+  },
+  {
+    no_sep: "SP23455667",
+    tgl_sep: "11 Agustus 2025",
+    no_rujukan: "2331221",
+    diagnosis: "K35 – Apendisitis akut",
+    pelayanan: "Rawat Jalan",
+    kelas: "Kelas II",
+  },
+]
+
 function handleSavePatient() {
   console.log('Pasien dipilih:', selectedPatient.value)
 }
@@ -57,6 +77,10 @@ function handleEvent(value: string) {
     openLetter.value = true
     return
   }
+  if (value === 'history-sep') {
+    openHistory.value = true
+    return
+  }
   if (value === 'back') {
     navigateTo('/bpjs/sep')
   }
@@ -69,16 +93,21 @@ function handleEvent(value: string) {
     <span class="font-semibold">Tambah</span> SEP
   </div>
   <AppSepEntryForm @event="handleEvent" />
-  <AppSepSearchPatient
+  <AppSepTableSearchPatient
     v-model:open="openPatient"
     v-model:selected="selectedPatient"
     :patients="patients"
     @save="handleSavePatient"
   />
-  <AppSepSearchLetter
+  <AppSepTableSearchLetter
     v-model:open="openLetter"
     v-model:selected="selectedLetter"
     :letters="letters"
     @save="handleSaveLetter"
   />
+  <AppSepTableHistorySep
+    v-model:open="openHistory"
+    :histories="histories"
+  />
+
 </template>