feat: add withdraw request functionality and UI components

2026-08-27 02:39:57 +03:30
parent aeef95339d
commit 4ce663c669
115 changed files with 4064 additions and 315 deletions
@@ -0,0 +1,55 @@
+<script setup>
+import { ref } from 'vue';
+import ClientLayout from '../../../layouts/ClientLayout.vue';
+import TableGeneric from '../../../components/ui/TableGeneric.vue';
+import UiCard from '../../../components/ui/UiCard.vue';
+import UiButton from '../../../components/ui/UiButton.vue';
+import InvoiceModal from '../../../components/dashboard/fastRequest/InvoiceModal.vue';
+import { invoiceColumns } from '../../../data/invoicesTableColumns';
+
+defineProps({
+    invoices: {
+        type: Object,
+        required: true
+    }
+});
+
+const selectedInvoice = ref(null);
+const invoiceModalVisible = ref(false);
+
+const openInvoice = (invoice) => {
+    selectedInvoice.value = invoice;
+    invoiceModalVisible.value = true;
+};
+</script>
+
+<template>
+    <ClientLayout>
+        <UiCard title="لیست فاکتورها" variant="default">
+            <TableGeneric
+                class="bg-white !rounded-2xl"
+                :data="invoices.data"
+                customStyle="!text-[11px] !font-normal"
+                :searchable="false"
+                :columns="invoiceColumns"
+                :selectable="false"
+                :pagination="invoices.meta"
+                :model-value="[]"
+            >
+                <template #column-actions="{ data }">
+                    <div class="flex items-center justify-end">
+                        <UiButton
+                            v-if="data.status === 'در انتظار پرداخت'"
+                            label="پرداخت"
+                            severity="success"
+                            size="small"
+                            @click="openInvoice(data)"
+                        />
+                    </div>
+                </template>
+            </TableGeneric>
+        </UiCard>
+
+        <InvoiceModal v-model:visible="invoiceModalVisible" :invoice="selectedInvoice" />
+    </ClientLayout>
+</template>