Files

38 lines
1.6 KiB
Vue

<script setup>
import Select from 'primevue/select';
import Textarea from 'primevue/textarea';
import FileUploadBox from './FileUploadBox.vue';
import { useFastRequestStore } from '../../../store/FastRequest';
import { priorities, modalityTitle } from '../../../data/fastRequestOptions';
const fastRequestStore = useFastRequestStore();
</script>
<template>
<div class="w-full">
<p class="text-[11px] font-[400] text-[#3E4C63] py-3">جزئیات درخواست و اطلاعات مورد نیاز را با دقت و حوصله وارد نمایید.</p>
<div class="w-full grid grid-cols-1 sm:grid-cols-2 gap-2 items-center justify-between">
<Select
v-model="fastRequestStore.requestDetails.priority"
:options="priorities"
optionLabel="name"
optionValue="code"
placeholder="اولویت درخواست"
/>
<span class="text-[11px] font-[400] text-[#7188AD]">زمان تخمینی ثبت گزارش: ۷۲ ساعت</span>
</div>
<div class="w-full h-[118px] mt-3">
<Textarea
v-model="fastRequestStore.requestDetails.note"
size="small"
placeholder="شرح درخواست و توضیحات"
rows="3"
class="w-full h-full" />
</div>
<div class="w-full grid grid-cols-1 sm:grid-cols-2 gap-2 items-start justify-between my-4">
<FileUploadBox v-model="fastRequestStore.historyFiles" title="سوابق پزشکی قبلی (اختیاری)" />
<FileUploadBox v-model="fastRequestStore.scanFiles" :title="`فایل «${modalityTitle(fastRequestStore.requestType)}»`" />
</div>
</div>
</template>