Khafid Prayoga
dfc25f0048
feat(treatment-report): add view mode for treatment reports - Introduce new View component for displaying treatment report details - Extend useQueryCRUDMode to support 'view' mode - Update List component to handle view actions - Implement navigation between list, entry and view modes refactor(treatment-report): improve navigation flow between views - Add fromView flag to track navigation origin - Implement smart back navigation (goBack) that returns to previous view - Update edit handlers to pass navigation context - Clean up unused back handlers in form component cleanup set responsive details
35 lines
660 B
Vue
35 lines
660 B
Vue
<script setup lang="ts">
|
|
import List from './list.vue'
|
|
import Form from './form.vue'
|
|
import View from './view.vue'
|
|
|
|
// Models
|
|
import type { Encounter } from '~/models/encounter'
|
|
|
|
// Props
|
|
interface Props {
|
|
encounter: Encounter
|
|
}
|
|
|
|
const props = defineProps<Props>()
|
|
|
|
const { mode, goToEntry, goToView } = useQueryCRUDMode('mode')
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<List
|
|
v-if="mode === 'list'"
|
|
:encounter="props.encounter"
|
|
@add="goToEntry"
|
|
@edit="goToEntry({ fromView: false })"
|
|
@view="goToView"
|
|
/>
|
|
<View
|
|
v-else-if="mode === 'view'"
|
|
:encounter="props.encounter"
|
|
/>
|
|
<Form v-else />
|
|
</div>
|
|
</template>
|