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>

apps/web/src/views/treasury/TreasuryRecurringView.vue

@@ -16,21 +16,33 @@ import {
   Row as ARow,
   Select as ASelect,
   Typography,
+  message,
 } from 'ant-design-vue';
 import { api } from '@/lib/api';
-import TreasuryNav from '@/components/treasury/TreasuryNav.vue';
+import MoneyInput from '@/components/MoneyInput.vue';
+import JalaliDateInput from '@/components/JalaliDateInput.vue';
 import { toman } from './treasury-format';
 import { formatJalaliNumeric } from '@/lib/jalali';
+import { parseMoneyNumber } from '@/lib/money';
 
-const { Title: ATypographyTitle, Text: ATypographyText } = Typography;
+const { Text: ATypographyText } = Typography;
 const AListItem = AList.Item;
 const AListItemMeta = AList.Item.Meta;
 const ASelectOption = ASelect.Option;
 
-type Row = { id: string; title: string; kind: string; amount: string; interval: string; nextDue: string; isActive: boolean };
+type Row = {
+  id: string;
+  title: string;
+  kind: string;
+  amount: string;
+  interval: string;
+  nextDue: string;
+  isActive: boolean;
+};
 const rows = ref<Row[]>([]);
 const error = ref('');
 const ok = ref('');
+const saving = ref(false);
 const form = ref({ title: '', kind: 'expense', amount: '', interval: 'monthly', startDate: '' });
 
 async function load() {
@@ -38,16 +50,34 @@ async function load() {
   rows.value = data;
 }
 
+function onFinishFailed() {
+  message.warning('لطفاً فیلدهای الزامی را کامل کنید.');
+}
+
 async function createItem() {
   error.value = '';
+  ok.value = '';
+  saving.value = true;
   try {
-    await api.post('/treasury/recurring', form.value);
+    const amount = parseMoneyNumber(String(form.value.amount ?? ''), 0);
+    if (amount == null || amount <= 0) {
+      error.value = 'مبلغ معتبر نیست.';
+      return;
+    }
+    await api.post('/treasury/recurring', {
+      ...form.value,
+      amount,
+      startDate: form.value.startDate || undefined,
+    });
+    form.value = { title: '', kind: 'expense', amount: '', interval: 'monthly', startDate: '' };
     ok.value = 'الگو ثبت شد. در سررسید فقط سند باز ساخته می‌شود.';
     await load();
   } catch (e) {
     error.value = axios.isAxiosError(e)
       ? String((e.response?.data as { message?: string })?.message ?? 'ثبت ناموفق بود.')
       : 'ثبت ناموفق بود.';
+  } finally {
+    saving.value = false;
   }
 }
 
@@ -57,31 +87,30 @@ onMounted(() => {
 </script>
 
 <template>
-  <div>
-    <a-flex vertical :gap="16">
-      <div>
-        <a-typography-title :level="3" :style="{ margin: 0 }">درآمد و هزینه تکرارشونده</a-typography-title>
-        <a-typography-text type="secondary">
-          تا تأیید دریافت یا پرداخت، موجودی حساب عوض نمی‌شود.
-        </a-typography-text>
-      </div>
-
-      <TreasuryNav />
-
+  <a-flex vertical :gap="16">
       <a-alert v-if="error" type="error" show-icon :message="error" />
       <a-alert v-if="ok" type="success" show-icon :message="ok" />
 
       <a-card :bordered="false">
         <a-divider orientation="right">الگوی جدید</a-divider>
-        <a-form layout="vertical" @finish="createItem">
+        <a-form
+          layout="vertical"
+          :model="form"
+          @finish="createItem"
+          @finishFailed="onFinishFailed"
+        >
           <a-row :gutter="[16, 0]">
             <a-col :xs="24" :md="12">
-              <a-form-item label="عنوان" name="title">
+              <a-form-item
+                label="عنوان"
+                name="title"
+                :rules="[{ required: true, message: 'عنوان الزامی است' }]"
+              >
                 <a-input v-model:value="form.title" />
               </a-form-item>
             </a-col>
             <a-col :xs="24" :md="8">
-              <a-form-item label="نوع" name="kind">
+              <a-form-item label="نوع" name="kind" :rules="[{ required: true }]">
                 <a-select v-model:value="form.kind" style="width: 100%">
                   <a-select-option value="expense">هزینه</a-select-option>
                   <a-select-option value="income">درآمد</a-select-option>
@@ -89,12 +118,16 @@ onMounted(() => {
               </a-form-item>
             </a-col>
             <a-col :xs="24" :md="8">
-              <a-form-item label="مبلغ" name="amount">
-                <a-input v-model:value="form.amount" />
+              <a-form-item
+                label="مبلغ"
+                name="amount"
+                :rules="[{ required: true, message: 'مبلغ الزامی است' }]"
+              >
+                <MoneyInput v-model="form.amount" :decimals="0" />
               </a-form-item>
             </a-col>
             <a-col :xs="24" :md="8">
-              <a-form-item label="دوره" name="interval">
+              <a-form-item label="دوره" name="interval" :rules="[{ required: true }]">
                 <a-select v-model:value="form.interval" style="width: 100%">
                   <a-select-option value="monthly">ماهانه</a-select-option>
                   <a-select-option value="weekly">هفتگی</a-select-option>
@@ -104,11 +137,11 @@ onMounted(() => {
             </a-col>
             <a-col :xs="24" :md="8">
               <a-form-item label="شروع" name="startDate">
-                <a-input v-model:value="form.startDate" type="date" style="width: 100%" />
+                <JalaliDateInput v-model="form.startDate" />
               </a-form-item>
             </a-col>
           </a-row>
-          <a-button type="primary" html-type="submit">ثبت الگو</a-button>
+          <a-button type="primary" html-type="submit" :loading="saving">ثبت الگو</a-button>
         </a-form>
 
         <a-divider orientation="right">فهرست الگوها</a-divider>
@@ -131,6 +164,5 @@ onMounted(() => {
           </template>
         </a-list>
       </a-card>
-    </a-flex>
-  </div>
+  </a-flex>
 </template>