request list + structure

2025-10-20 12:28:48 +03:30
commit dbe37e371e
89 changed files with 9547 additions and 0 deletions
@@ -0,0 +1,104 @@
+import Tabs from '@/components/Tabs'
+import { useState, type FC } from 'react'
+import { ProformaInvoiceStatusEnum } from './enum/InvoiceEnum'
+import Filters from '@/components/Filters'
+import Table from '@/components/Table'
+
+const ProformaInvoice: FC = () => {
+
+    const [activeTab, setactiveTab] = useState<ProformaInvoiceStatusEnum>(ProformaInvoiceStatusEnum.ALL)
+
+    return (
+        <div className='mt-5'>
+            <h1>
+                پیش فاکتورها
+            </h1>
+            <div className='mt-8'>
+                <Tabs
+                    items={[
+                        { label: 'همه', value: 'all' },
+                        { label: 'تایید نشده', value: 'not_confirmed' },
+                        { label: 'تایید شده', value: 'confirmed' },
+                    ]}
+                    activeTab={activeTab}
+                    onTabChange={(tab) => setactiveTab(tab as ProformaInvoiceStatusEnum)}
+                />
+            </div>
+
+            <div className='mt-8'>
+                <Filters
+                    fields={[
+                        {
+                            type: 'input',
+                            name: 'search',
+                            placeholder: 'جستجو',
+                        },
+                        {
+                            type: 'date',
+                            name: 'date',
+                            placeholder: 'تاریخ',
+                        },
+                    ]}
+                    onChange={() => { }}
+                />
+            </div>
+
+            <div className='mt-8'>
+                <Table
+                    columns={[
+                        {
+                            key: 'id',
+                            title: 'شماره',
+                        },
+                        {
+                            key: 'service',
+                            title: 'خدمت',
+                        },
+                        {
+                            key: 'issueDate',
+                            title: 'تاریخ صدور',
+                        },
+                        {
+                            key: 'lastConfirmDate',
+                            title: 'آخرین مهلت تایید',
+                        },
+                        {
+                            key: 'total',
+                            title: 'مجموع',
+                        },
+                        {
+                            key: 'confirmStatus',
+                            title: 'وضعیت تایید',
+                        },
+                        {
+                            key: 'paymentStatus',
+                            title: 'وضعیت پرداخت',
+                        }
+                    ]}
+                    data={[
+                        {
+                            id: 1,
+                            service: 'خدمت 1',
+                            issueDate: '2021-01-01',
+                            lastConfirmDate: '2021-01-01',
+                            total: 100000,
+                            confirmStatus: 'تایید شده',
+                            paymentStatus: 'پرداخت شده',
+                        },
+                        {
+                            id: 2,
+                            service: 'خدمت 2',
+                            issueDate: '2021-01-01',
+                            lastConfirmDate: '2021-01-01',
+                            total: 100000,
+                            confirmStatus: 'تایید شده',
+                            paymentStatus: 'پرداخت شده',
+                        },
+                    ]}
+                />
+            </div>
+        </div>
+    )
+}
+
+export default ProformaInvoice
@@ -0,0 +1,5 @@
+export const enum ProformaInvoiceStatusEnum {
+    ALL = 'all',
+    NOT_CONFIRMED = 'not_confirmed',
+    CONFIRMED = 'confirmed',
+}