Добавил Откуда доставлен и поступил от начала заболевания (дата и время)
This commit is contained in:
@@ -1,11 +1,12 @@
|
||||
<script setup>
|
||||
import {NModal, NSteps, NStep, NTabs, NTabPane, NFlex, NGrid, NGi, NButton, NRadioGroup, NSelect, NInput, NFormItemGi, NDatePicker} from 'naive-ui'
|
||||
import {NModal, NSteps, NStep, NTabs, NTabPane, NFlex, NGrid, NGi, NButton, NRadioGroup, NSelect, NInput, NFormItemGi, NDatePicker, NCheckbox} from 'naive-ui'
|
||||
import {computed, ref, watch} from "vue";
|
||||
import AppRadio from "../../../Components/AppRadio.vue";
|
||||
import {useDebounceFn} from "@vueuse/core";
|
||||
import {format} from "date-fns";
|
||||
import {router, usePage} from "@inertiajs/vue3";
|
||||
import AppPanel from "../../../Components/AppPanel.vue"
|
||||
import AppSearchAddress from '../../../Components/AppSearchAddress.vue';
|
||||
const show = defineModel('show', { default: false })
|
||||
|
||||
const currentStep = ref(1)
|
||||
@@ -24,6 +25,8 @@ const form = ref({
|
||||
recipient_date: format(new Date(), 'yyyy-MM-dd HH:mm:ss'),
|
||||
death_date: null,
|
||||
extract_date: null,
|
||||
deliveriFromAddress: null,
|
||||
deliveryFromObjectId: null,
|
||||
mis_id: null
|
||||
})
|
||||
|
||||
@@ -39,6 +42,8 @@ const resetForm = () => {
|
||||
recipient_date: format(new Date(), 'yyyy-MM-dd HH:mm:ss'),
|
||||
death_date: null,
|
||||
extract_date: null,
|
||||
deliveriFromAddress: null,
|
||||
deliveryFromObjectId: null,
|
||||
mis_id: null
|
||||
}
|
||||
}
|
||||
@@ -187,6 +192,21 @@ watch(() => currentStep.value, (val) => {
|
||||
if (val === 1) resetForm()
|
||||
})
|
||||
|
||||
const canShowExtractDateField = ref(false)
|
||||
const canShowDeathDateField = ref(false)
|
||||
watch(() => form.value.visit_result_id, (newVisitResultId, oldVisitResultId) => {
|
||||
if ([1, 2, 3, 4, 7, 8, 9, 10].includes(newVisitResultId)) {
|
||||
canShowDeathDateField.value = false
|
||||
canShowExtractDateField.value = true
|
||||
} else if ([5, 6].includes(newVisitResultId)) {
|
||||
canShowDeathDateField.value = true
|
||||
canShowExtractDateField.value = false
|
||||
} else {
|
||||
canShowDeathDateField.value = false
|
||||
canShowExtractDateField.value = false
|
||||
}
|
||||
})
|
||||
|
||||
const onAfterLeave = () => {
|
||||
resetForm()
|
||||
currentStep.value = 1
|
||||
@@ -249,12 +269,27 @@ const onAfterLeave = () => {
|
||||
<NFormItemGi span="1" label="Дата и время госпитализации">
|
||||
<NDatePicker v-model:formatted-value="form.recipient_date" type="datetime" class="w-full" format="dd.MM.yyyy HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" clearable />
|
||||
</NFormItemGi>
|
||||
<NFormItemGi span="1" label="Дата и время выписки">
|
||||
<NFormItemGi v-if="canShowExtractDateField" span="1" label="Дата и время выписки">
|
||||
<NDatePicker v-model:formatted-value="form.extract_date" type="datetime" class="w-full" format="dd.MM.yyyy HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" clearable />
|
||||
</NFormItemGi>
|
||||
<NFormItemGi span="1" label="Дата и время смерти">
|
||||
<NFormItemGi v-if="canShowDeathDateField" span="1" label="Дата и время смерти">
|
||||
<NDatePicker v-model:formatted-value="form.death_date" type="datetime" class="w-full" format="dd.MM.yyyy HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" clearable />
|
||||
</NFormItemGi>
|
||||
<NFormItemGi span="2" label="Поступил от начала заболевания">
|
||||
<NGrid cols="2" x-gap="8">
|
||||
<NGi>
|
||||
<NDatePicker v-model:formatted-value="form.death_date" type="datetime" class="w-full" format="dd.MM.yyyy HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" clearable />
|
||||
</NGi>
|
||||
<NGi class="flex items-center">
|
||||
<NCheckbox class="text-nowrap">
|
||||
Неизвестно
|
||||
</NCheckbox>
|
||||
</NGi>
|
||||
</NGrid>
|
||||
</NFormItemGi>
|
||||
<NFormItemGi span="2" label="Откуда доставлен">
|
||||
<AppSearchAddress v-model:value="form.deliveriFromAddress" v-model:objectid="form.deliveryObjectId" />
|
||||
</NFormItemGi>
|
||||
</NGrid>
|
||||
</AppPanel>
|
||||
</NTabPane>
|
||||
|
||||
Reference in New Issue
Block a user