fix(finance): shared treasury layout so tab switches stop jumping

Keep title and nav mounted in TreasuryLayout with stable header height, and finish Ant form chrome (MoneyInput, Jalali) on finance pages. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-10-21 21:47:00 +03:30
parent 23ae273232
commit cb5944e767
15 changed files with 907 additions and 476 deletions
@@ -241,69 +241,124 @@ export const router = createRouter({
        },
        {
          path: 'finance',
-          name: 'finance',
-          component: () => import('@/views/treasury/TreasuryHomeView.vue'),
-          meta: { roles: ['owner', 'admin'] as UserRole[] },
-        },
-        {
-          path: 'finance/accounts',
-          name: 'finance-accounts',
-          component: () => import('@/views/treasury/TreasuryAccountsView.vue'),
-          meta: { roles: ['owner', 'admin'] as UserRole[] },
-        },
-        {
-          path: 'finance/accounts/:id',
-          name: 'finance-account',
-          component: () => import('@/views/treasury/TreasuryAccountView.vue'),
-          meta: { roles: ['owner', 'admin'] as UserRole[] },
-        },
-        {
-          path: 'finance/incomes',
-          name: 'finance-incomes',
-          component: () => import('@/views/treasury/TreasuryIncomesView.vue'),
-          meta: { roles: ['owner', 'admin'] as UserRole[] },
-        },
-        {
-          path: 'finance/expenses',
-          name: 'finance-expenses',
-          component: () => import('@/views/treasury/TreasuryExpensesView.vue'),
-          meta: { roles: ['owner', 'admin'] as UserRole[] },
-        },
-        {
-          path: 'finance/receivables',
-          name: 'finance-receivables',
-          component: () => import('@/views/treasury/TreasuryReceivablesView.vue'),
-          meta: { roles: ['owner', 'admin'] as UserRole[] },
-        },
-        {
-          path: 'finance/payroll',
-          name: 'finance-payroll',
-          component: () => import('@/views/treasury/TreasuryPayrollView.vue'),
-          meta: { roles: ['owner', 'admin'] as UserRole[] },
-        },
-        {
-          path: 'finance/recurring',
-          name: 'finance-recurring',
-          component: () => import('@/views/treasury/TreasuryRecurringView.vue'),
-          meta: { roles: ['owner', 'admin'] as UserRole[] },
-        },
-        {
-          path: 'finance/reports',
-          name: 'finance-reports',
-          component: () => import('@/views/treasury/TreasuryReportsView.vue'),
-          meta: { roles: ['owner', 'admin'] as UserRole[] },
-        },
-        {
-          path: 'finance/audit',
-          name: 'finance-audit',
-          component: () => import('@/views/treasury/TreasuryAuditView.vue'),
-          meta: { roles: ['owner', 'admin'] as UserRole[] },
-        },
-        {
-          path: 'finance/categories',
-          name: 'finance-categories',
-          component: () => import('@/views/treasury/TreasuryCategoriesView.vue'),
+          component: () => import('@/views/treasury/TreasuryLayout.vue'),
          meta: { roles: ['owner', 'admin'] as UserRole[] },
+          children: [
+            {
+              path: '',
+              name: 'finance',
+              component: () => import('@/views/treasury/TreasuryHomeView.vue'),
+              meta: {
+                roles: ['owner', 'admin'] as UserRole[],
+                treasuryTitle: 'مدیریت مالی',
+                treasuryDescription:
+                  'دفتر داخلی درآمد، هزینه و موجودی حساب. این بخش جایگزین فاکتور فروش یا حسابداری رسمی نیست.',
+              },
+            },
+            {
+              path: 'accounts',
+              name: 'finance-accounts',
+              component: () => import('@/views/treasury/TreasuryAccountsView.vue'),
+              meta: {
+                roles: ['owner', 'admin'] as UserRole[],
+                treasuryTitle: 'صندوق و حساب‌ها',
+                treasuryDescription: 'موجودی هر حساب از مانده افتتاحیه و گردش قطعی محاسبه می‌شود.',
+              },
+            },
+            {
+              path: 'accounts/:id',
+              name: 'finance-account',
+              component: () => import('@/views/treasury/TreasuryAccountView.vue'),
+              meta: {
+                roles: ['owner', 'admin'] as UserRole[],
+                treasuryTitle: 'جزئیات حساب',
+                treasuryDescription: 'گردش قطعی این حساب',
+              },
+            },
+            {
+              path: 'incomes',
+              name: 'finance-incomes',
+              component: () => import('@/views/treasury/TreasuryIncomesView.vue'),
+              meta: {
+                roles: ['owner', 'admin'] as UserRole[],
+                treasuryTitle: 'دریافت‌ها و درآمدها',
+                treasuryDescription:
+                  'ثبت سند، موجودی را عوض نمی‌کند مگر مبلغ دریافت یا پرداخت واقعی وارد شود.',
+              },
+            },
+            {
+              path: 'expenses',
+              name: 'finance-expenses',
+              component: () => import('@/views/treasury/TreasuryExpensesView.vue'),
+              meta: {
+                roles: ['owner', 'admin'] as UserRole[],
+                treasuryTitle: 'پرداخت‌ها و هزینه‌ها',
+                treasuryDescription:
+                  'ثبت سند، موجودی را عوض نمی‌کند مگر مبلغ دریافت یا پرداخت واقعی وارد شود.',
+              },
+            },
+            {
+              path: 'receivables',
+              name: 'finance-receivables',
+              component: () => import('@/views/treasury/TreasuryReceivablesView.vue'),
+              meta: {
+                roles: ['owner', 'admin'] as UserRole[],
+                treasuryTitle: 'اقساط و مطالبات',
+                treasuryDescription:
+                  'دریافت هر قسط فقط یک بار وارد حساب می‌شود و مانده همان قسط را کم می‌کند.',
+              },
+            },
+            {
+              path: 'payroll',
+              name: 'finance-payroll',
+              component: () => import('@/views/treasury/TreasuryPayrollView.vue'),
+              meta: {
+                roles: ['owner', 'admin'] as UserRole[],
+                treasuryTitle: 'حقوق و دستمزد',
+                treasuryDescription: 'فقط مالک و مدیر این صفحه را می‌بینند.',
+              },
+            },
+            {
+              path: 'recurring',
+              name: 'finance-recurring',
+              component: () => import('@/views/treasury/TreasuryRecurringView.vue'),
+              meta: {
+                roles: ['owner', 'admin'] as UserRole[],
+                treasuryTitle: 'درآمد و هزینه تکرارشونده',
+                treasuryDescription: 'تا تأیید دریافت یا پرداخت، موجودی حساب عوض نمی‌شود.',
+              },
+            },
+            {
+              path: 'reports',
+              name: 'finance-reports',
+              component: () => import('@/views/treasury/TreasuryReportsView.vue'),
+              meta: {
+                roles: ['owner', 'admin'] as UserRole[],
+                treasuryTitle: 'گزارش مالی',
+                treasuryDescription: 'سود عملیاتی از درآمد و هزینه ثبت‌شده است، نه از خالص وجه.',
+              },
+            },
+            {
+              path: 'audit',
+              name: 'finance-audit',
+              component: () => import('@/views/treasury/TreasuryAuditView.vue'),
+              meta: {
+                roles: ['owner', 'admin'] as UserRole[],
+                treasuryTitle: 'سوابق تغییرات مالی',
+                treasuryDescription: 'تسویه سند و نشستن وجه در صندوق، با مقدار ثبت‌شده.',
+              },
+            },
+            {
+              path: 'categories',
+              name: 'finance-categories',
+              component: () => import('@/views/treasury/TreasuryCategoriesView.vue'),
+              meta: {
+                roles: ['owner', 'admin'] as UserRole[],
+                treasuryTitle: 'دسته‌بندی‌های مالی',
+                treasuryDescription: 'دسته‌های پیش‌فرض با اولین بازدید ساخته می‌شوند.',
+              },
+            },
+          ],
        },
        {
          path: 'reservations',