feat: add shift management functionality

2026-08-26 18:53:15 +03:30
parent 2d96978c38
commit aeef95339d
34 changed files with 1953 additions and 15 deletions
@@ -0,0 +1,56 @@
+<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>