riefive
65 lines
1.4 KiB
Vue
65 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
const isLoading = ref(false)
|
|
const open = ref(false)
|
|
const selected = ref('3456512345678880')
|
|
|
|
const patients = [
|
|
{
|
|
ktp: '3456512345678880',
|
|
rm: 'RM23311224',
|
|
bpjs: '334423213214',
|
|
nama: 'Ahmad Baidowi',
|
|
},
|
|
{
|
|
ktp: '345678804565123',
|
|
rm: 'RM23455667',
|
|
bpjs: '33442367656',
|
|
nama: 'Bian Maulana',
|
|
},
|
|
]
|
|
|
|
const letters = [
|
|
{
|
|
noSurat: "SK22334442",
|
|
tglRencana: "12 Agustus 2025",
|
|
noSep: "SEP3232332",
|
|
namaPasien: "Ahmad Baidowi",
|
|
noBpjs: "33442331214",
|
|
klinik: "Penyakit Dalam",
|
|
dokter: "dr. Andi Prasetyo, Sp.PD-KHOM",
|
|
},
|
|
{
|
|
noSurat: "SK99120039",
|
|
tglRencana: "12 Agustus 2025",
|
|
noSep: "SEP4443232",
|
|
namaPasien: "Bian Maulana",
|
|
noBpjs: "33442367656",
|
|
klinik: "Gigi",
|
|
dokter: "dr. Achmad Suparjo",
|
|
},
|
|
]
|
|
|
|
|
|
function handleSave() {
|
|
console.log('Pasien dipilih:', selected.value)
|
|
}
|
|
|
|
function handleEvent(value: string) {
|
|
if (value === 'search-patient') {
|
|
open.value = true
|
|
return
|
|
} else if (value === 'back') {
|
|
navigateTo('/bpjs/sep')
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
|
|
<Icon name="i-lucide-panel-bottom" class="me-2" />
|
|
<span class="font-semibold">Tambah</span> SEP
|
|
</div>
|
|
<AppSepEntryForm @event="handleEvent" />
|
|
<AppSepSearchPatient v-model:open="open" v-model:selected="selected" :patients="patients" @save="handleSave" />
|
|
</template>
|