Andrian Roshandy
135 lines
3.2 KiB
Vue
135 lines
3.2 KiB
Vue
<script setup lang="ts">
|
|
import Header from '~/components/pub/my-ui/nav-header/prep.vue'
|
|
|
|
import { usePaginatedList } from '~/composables/usePaginatedList'
|
|
import { toast } from '~/components/pub/ui/toast'
|
|
|
|
import { ActionEvents, type HeaderPrep } from '~/components/pub/my-ui/data/types'
|
|
|
|
// Handlers
|
|
import {
|
|
recId,
|
|
recAction,
|
|
recItem,
|
|
isReadonly,
|
|
isFormEntryDialogOpen,
|
|
isRecordConfirmationOpen,
|
|
handleActionSave,
|
|
} from '~/handlers/prescription.handler'
|
|
|
|
// Services
|
|
import { getList, getDetail } from '~/services/prescription.service'
|
|
import List from '~/components/app/prescription/list.vue'
|
|
import type { Prescription } from '~/models/prescription'
|
|
// import { getList as getUnitList } from '~/services/unit.service' // previously uses getList
|
|
// import { getValueLabelList } from '~/services/unit.service'
|
|
|
|
const props = defineProps<{
|
|
encounter_id: number
|
|
}>()
|
|
|
|
const route = useRoute()
|
|
|
|
const title = ref('')
|
|
|
|
const plainEid = route.params.id
|
|
const encounter_id = (plainEid && typeof plainEid == 'string') ? parseInt(plainEid) : 0
|
|
|
|
const {
|
|
data,
|
|
isLoading,
|
|
paginationMeta,
|
|
searchInput,
|
|
handlePageChange,
|
|
handleSearch,
|
|
fetchData: getMyList,
|
|
} = usePaginatedList<Prescription>({
|
|
fetchFn: async ({ page, search }) => {
|
|
const result = await getList({
|
|
search,
|
|
page,
|
|
'encounter-id': encounter_id
|
|
})
|
|
return { success: result.success || false, body: result.body || {} }
|
|
},
|
|
entityName: 'prescription'
|
|
})
|
|
|
|
const headerPrep: HeaderPrep = {
|
|
title: 'Order Obat',
|
|
icon: 'i-lucide-box',
|
|
refSearchNav: {
|
|
placeholder: 'Cari (min. 3 karakter)...',
|
|
minLength: 3,
|
|
debounceMs: 500,
|
|
showValidationFeedback: true,
|
|
onInput: (value: string) => {
|
|
searchInput.value = value
|
|
},
|
|
onClick: () => {},
|
|
onClear: () => {},
|
|
},
|
|
addNav: {
|
|
label: 'Tambah',
|
|
icon: 'i-lucide-plus',
|
|
onClick: () => {
|
|
recItem.value = null
|
|
recId.value = 0
|
|
isFormEntryDialogOpen.value = true
|
|
isReadonly.value = false
|
|
},
|
|
},
|
|
}
|
|
|
|
provide('rec_id', recId)
|
|
provide('rec_action', recAction)
|
|
provide('rec_item', recItem)
|
|
provide('table_data_loader', isLoading)
|
|
|
|
const getMyDetail = async (id: number | string) => {
|
|
const result = await getDetail(id)
|
|
if (result.success) {
|
|
const currentValue = result.body?.data || {}
|
|
recItem.value = currentValue
|
|
isFormEntryDialogOpen.value = true
|
|
}
|
|
}
|
|
|
|
// Watch for row actions when recId or recAction changes
|
|
watch([recId, recAction], () => {
|
|
switch (recAction.value) {
|
|
case ActionEvents.showDetail:
|
|
getMyDetail(recId.value)
|
|
title.value = 'Detail Konsultasi'
|
|
isReadonly.value = true
|
|
break
|
|
case ActionEvents.showEdit:
|
|
getMyDetail(recId.value)
|
|
title.value = 'Edit Konsultasi'
|
|
isReadonly.value = false
|
|
break
|
|
case ActionEvents.showConfirmDelete:
|
|
isRecordConfirmationOpen.value = true
|
|
break
|
|
}
|
|
})
|
|
|
|
watch([isFormEntryDialogOpen], () => {
|
|
if (isFormEntryDialogOpen.value) {
|
|
isFormEntryDialogOpen.value = false;
|
|
handleActionSave({
|
|
encounter_id,
|
|
}, getMyList, () =>{}, toast)
|
|
}
|
|
})
|
|
|
|
onMounted(async () => {
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<Header :prep="{ ...headerPrep }" />
|
|
|
|
<List v-if="!isLoading.dataListLoading" :data="data" :pagination-meta="paginationMeta" />
|
|
</template>
|