44 lines
1.8 KiB
Vue
44 lines
1.8 KiB
Vue
<script setup>
|
||
import Dialog from 'primevue/dialog';
|
||
import InputText from 'primevue/inputtext';
|
||
import UiButton from '../../ui/UiButton.vue';
|
||
import { ref } from 'vue';
|
||
import { useFastRequestStore } from '../../../store/FastRequest';
|
||
|
||
const visible = defineModel('visible');
|
||
const emit = defineEmits(['selected']);
|
||
const fastRequestStore = useFastRequestStore();
|
||
|
||
const caseNumber = ref(null);
|
||
|
||
const confirmCaseNumber = () => {
|
||
if (!caseNumber.value) return;
|
||
fastRequestStore.selectArchivePet(Number(caseNumber.value));
|
||
caseNumber.value = null;
|
||
visible.value = false;
|
||
emit('selected');
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<Dialog v-model:visible="visible" :modal="true" :closable="true" :dismissableMask="true" :maximizable="false" :style="{ width: '408px' , minHeight: '210px' }" class="fast-request-dialog">
|
||
<template #header>
|
||
<h3>افزودن کیس از طریق شناسه مرجع</h3>
|
||
</template>
|
||
<div class="w-full py-2 flex flex-col items-start justify-center border-t border-[#EBEBEB] text-[11px] font-[600]">
|
||
<p>لطفا شناسه کیس که از پزشک و یا سرپرست کیس دریافت کردهاید را وارد نمایید.</p>
|
||
</div>
|
||
<form class="p-4 grid grid-cols-1 w-full" @submit.prevent="confirmCaseNumber">
|
||
<InputText
|
||
v-model="caseNumber"
|
||
type="number"
|
||
placeholder="شناسه کیس"
|
||
size="large"
|
||
/>
|
||
</form>
|
||
<div class="w-full pt-3 flex items-center justify-end gap-2 border-t border-[#EBEBEB]">
|
||
<ui-button label="تایید و افزودن" severity="success" size="small" :disabled="!caseNumber" @click="confirmCaseNumber"/>
|
||
</div>
|
||
</Dialog>
|
||
</template>
|