Files
2025-12-05 14:15:54 +07:00

32 lines
1.2 KiB
Vue

<script setup lang="ts">
import { crudQueryParamsMode } from '~/lib/system-constants';
import List from './list.vue'
import Detail from './detail.vue'
import Add from './add.vue'
import Edit from './edit.vue'
const props = defineProps<{
encounter_id: number
}>()
const { crudQueryParams, goToDetail, goToEntry } = useQueryCRUD()
</script>
<template>
<List v-if="crudQueryParams.mode === crudQueryParamsMode.list && !crudQueryParams.recordId"
:encounter_id="encounter_id"
:redirectToForm="goToEntry"
:redirectToDetail="goToDetail"/>
<Detail v-else-if="crudQueryParams.mode === crudQueryParamsMode.list && crudQueryParams.recordId"
:encounter_id="encounter_id"
:record_id="crudQueryParams.recordId"
:redirectToForm="goToEntry"/>
<Add v-else-if="crudQueryParams.mode === crudQueryParamsMode.entry && !crudQueryParams.recordId"
:encounter_id="encounter_id" />
<Edit v-else-if="crudQueryParams.mode === crudQueryParamsMode.entry && crudQueryParams.recordId"
:encounter_id="encounter_id"
:record_id="crudQueryParams.recordId" />
<List v-else :encounter_id="encounter_id" :redirectToForm="goToEntry" :redirectToDetail="goToDetail" />
</template>