Abizrh
54 lines
1.1 KiB
Vue
54 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import type { HeaderPrep, RefSearchNav } from '~/components/pub/nav/types'
|
|
import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
|
|
|
|
const data = ref([])
|
|
|
|
const refSearchNav: RefSearchNav = {
|
|
onClick: () => {
|
|
// open filter modal
|
|
},
|
|
onInput: (_val: string) => {
|
|
// filter patient list
|
|
},
|
|
onClear: () => {
|
|
// clear url param
|
|
},
|
|
}
|
|
|
|
const recId = ref<number>(0)
|
|
const recAction = ref<string>('')
|
|
const recItem = ref<any>(null)
|
|
|
|
const headerPrep: HeaderPrep = {
|
|
title: 'Dokter',
|
|
icon: 'i-lucide-network',
|
|
addNav: {
|
|
label: 'Tambah',
|
|
onClick: () => navigateTo('/doctor/add'),
|
|
},
|
|
}
|
|
|
|
useAsyncData('getDoctor', () => xfetch('/api/v1/doctor'), { server: false, immediate: true })
|
|
|
|
async function getDoctorList() {
|
|
const resp = await xfetch('/api/v1/doctor')
|
|
if (resp.success) {
|
|
data.value = (resp.body as Record<string, any>).data
|
|
}
|
|
}
|
|
|
|
onMounted(() => {
|
|
getDoctorList()
|
|
})
|
|
|
|
provide('rec_id', recId)
|
|
provide('rec_action', recAction)
|
|
provide('rec_item', recItem)
|
|
</script>
|
|
|
|
<template>
|
|
<Header :prep="{ ...headerPrep }" :ref-search-nav="refSearchNav" />
|
|
<AppDoctorList :data="data" />
|
|
</template>
|