57 lines
3.1 KiB
Vue
57 lines
3.1 KiB
Vue
<script setup>
|
||
import { computed } from 'vue';
|
||
import Dialog from 'primevue/dialog';
|
||
import UiButton from '../../ui/UiButton.vue';
|
||
import { modalityTitle } from '../../../data/fastRequestOptions';
|
||
|
||
const visible = defineModel('visible');
|
||
|
||
const props = defineProps({
|
||
document: {
|
||
type: Object,
|
||
default: null
|
||
}
|
||
});
|
||
|
||
const formattedAmount = computed(() => {
|
||
return Number(props.document?.invoice?.amount || 0).toLocaleString('fa-IR');
|
||
});
|
||
|
||
const handlePay = () => {
|
||
visible.value = false;
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<Dialog v-model:visible="visible" :modal="true" :closable="true" :dismissableMask="false" :maximizable="false" :style="{ width: '1032px' }">
|
||
<template #header>
|
||
<h2 class="text-[14px] font-[700] text-[#576989]">فاکتور پرداخت «{{ document?.invoice?.number }}»</h2>
|
||
</template>
|
||
<div v-if="document" class="w-full flex flex-col gap-4 border-t border-[#EBEBEB] pt-4">
|
||
<div class="w-full flex items-center gap-3 bg-[#EEF2F8] border border-[#DEE3EB] rounded-[12px] px-4 py-4">
|
||
<i class="fi-rr-info text-[20px] text-[#576989]"></i>
|
||
<p class="text-[13px] font-[400] text-[#3E4C63]">
|
||
یک فاکتور به مبلغ « <span class="font-[700]">{{ formattedAmount }} تومان</span> » برای شما ایجاد شد. لطفا جهت ادامه مراحل درخواست نسبت به پرداخت اقدام نمایید.
|
||
</p>
|
||
</div>
|
||
<p class="text-[13px] font-[400] text-[#3E4C63] leading-7">
|
||
این فاکتور جهت پردازش درخواست
|
||
<span class="font-[600] text-[#7A1419]">(({{ modalityTitle(document.modality) }}))</span>
|
||
به شناسه
|
||
<span class="font-[600] text-[#7A1419]">(({{ document.code }}))</span>
|
||
برای شما ایجاد شده است. پس از پرداخت ادامه مراحل درخواست شما پردازش و انجام خواهد شد.
|
||
</p>
|
||
<p class="text-[13px] font-[400] text-[#3E4C63] leading-7">
|
||
درخواست شما پس از پرداخت توسط کارشناسان بررسی می‌گردد و در صورت نیاز به مدارک و یا توضیحات بیشتر با شما در ارتباط خواهند بود. پس از تایید اولیه کارشناسان ما مبلغ نهایی برای شما فاکتور می‌گردد. تمامی مراحل با
|
||
<span class="font-[600] text-[#7A1419]">((پیامک))</span>
|
||
به اطلاع شما خواهد رسید.
|
||
<br>
|
||
بدیهیست که در صورت عدم تایید کارشناسان مبلغ مربوطه به کیف پول شما بازگردانده خواهد شد.
|
||
</p>
|
||
</div>
|
||
<div class="w-full pt-3 flex items-center justify-start border-t border-[#EBEBEB]">
|
||
<ui-button label="تایید و پرداخت" severity="success" size="small" @click="handlePay" />
|
||
</div>
|
||
</Dialog>
|
||
</template>
|