102 lines
2.2 KiB
Vue
102 lines
2.2 KiB
Vue
<script setup lang="ts">
|
|
import { z } from 'zod'
|
|
import Entry from '~/components/app/soapi/entry.vue'
|
|
import Action from '~/components/pub/my-ui/nav-footer/ba-dr-su.vue'
|
|
import Dialog from '~/components/pub/my-ui/modal/dialog.vue'
|
|
import { EarlySchema } from '~/schemas/soapi.schema'
|
|
import { toast } from '~/components/pub/ui/toast'
|
|
import { handleActionSave, handleActionEdit } from '~/handlers/soapi-early.handler'
|
|
|
|
const route = useRoute()
|
|
const isOpen = ref(false)
|
|
const data = ref([])
|
|
const schema = EarlySchema
|
|
const payload = ref({
|
|
encounter_id: 0,
|
|
time: '',
|
|
typeCode: 'early',
|
|
value: '',
|
|
})
|
|
|
|
const model = ref({
|
|
'prim-compl': '',
|
|
'cur-disea-hist': '',
|
|
'syst-bp': '',
|
|
'diast-bp': '',
|
|
pulse: '',
|
|
'resp-rate': '',
|
|
temp: '',
|
|
weight: '',
|
|
height: '',
|
|
'reflect-fisio': '',
|
|
'reflect-pato': '',
|
|
'autonom-neuron': '',
|
|
'medical-act': '',
|
|
therapy: '',
|
|
})
|
|
const isLoading = reactive<DataTableLoader>({
|
|
isTableLoading: false,
|
|
})
|
|
|
|
async function getPatientList() {
|
|
isLoading.isTableLoading = true
|
|
const resp = await xfetch('/api/v1/patient')
|
|
if (resp.success) {
|
|
data.value = (resp.body as Record<string, any>).data
|
|
}
|
|
isLoading.isTableLoading = false
|
|
}
|
|
|
|
onMounted(() => {
|
|
getPatientList()
|
|
})
|
|
|
|
function handleOpen(type: string) {
|
|
console.log(type)
|
|
isOpen.value = true
|
|
}
|
|
|
|
const entryRef = ref()
|
|
async function actionHandler(type: string) {
|
|
console.log(type)
|
|
const result = await entryRef.value?.validate()
|
|
if (result?.valid) {
|
|
console.log('data', result.data)
|
|
handleActionSave(
|
|
{
|
|
...payload.value,
|
|
value: JSON.stringify(result.data),
|
|
encounter_id: +route.params.id,
|
|
time: new Date().toISOString(),
|
|
},
|
|
{},
|
|
toast,
|
|
)
|
|
} else {
|
|
console.log('Ada error di form', result)
|
|
}
|
|
}
|
|
|
|
provide('table_data_loader', isLoading)
|
|
</script>
|
|
<template>
|
|
<Entry
|
|
ref="entryRef"
|
|
v-model="model"
|
|
:schema="schema"
|
|
type="early"
|
|
@modal="handleOpen"
|
|
/>
|
|
<div class="my-2 flex justify-end py-2">
|
|
<Action @click="actionHandler" />
|
|
</div>
|
|
<Dialog
|
|
v-model:open="isOpen"
|
|
title="Pilih Prosedur"
|
|
size="xl"
|
|
prevent-outside
|
|
>
|
|
<AppIcdMultiselectPicker :data="data" />
|
|
</Dialog>
|
|
</template>
|