Fix checkout order submit payload and cash settlement UX.

Drop non-whitelisted fields that caused 400 on POST /orders, prevent double submit on checks, and only show cash success after create succeeds.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/checkout/CashSettlementView.vue

@@ -105,8 +105,8 @@ async function registerReceipt() {
     <div class="cash-page__scroll page__scroll">
       <FormErrorBanner :message="formError" />
 
-      <div class="cash-page__success">
-        <IconSuccessCircle :size="56" />
+      <div class="cash-page__success" :class="{ 'cash-page__success--done': createdOrder }">
+        <IconSuccessCircle v-if="createdOrder" :size="56" />
         <p class="cash-page__success-title">
           {{ createdOrder ? 'فاکتور شما ثبت شد.' : 'آماده ثبت فاکتور نقدی' }}
         </p>
@@ -154,8 +154,8 @@ async function registerReceipt() {
       <p class="desktop-page__subtitle">{{ expiryMessage }}</p>
     </header>
 
-    <div class="cash-page__success">
-      <IconSuccessCircle :size="56" />
+    <div class="cash-page__success" :class="{ 'cash-page__success--done': createdOrder }">
+      <IconSuccessCircle v-if="createdOrder" :size="56" />
       <p class="cash-page__success-title">
         {{ createdOrder ? 'فاکتور شما ثبت شد.' : 'آماده ثبت فاکتور نقدی' }}
       </p>
@@ -228,6 +228,10 @@ async function registerReceipt() {
   margin: 0;
   font-size: 1rem;
   font-weight: 700;
+  color: var(--color-text);
+}
+
+.cash-page__success--done .cash-page__success-title {
   color: var(--color-success);
 }
 

src/views/checkout/CheckListView.vue

@@ -19,6 +19,7 @@ const cartStore = useCartStore()
 const orderStore = useOrderStore()
 const authStore = useAuthStore()
 const formError = ref('')
+const submitting = ref(false)
 
 const isCheckout = computed(() => route.name === 'check-list')
 
@@ -90,7 +91,9 @@ function toggleMenu(id: string) {
 
 async function submitOrder() {
   if (!authStore.user || !cartStore.activeCart || checks.value.length === 0) return
+  if (submitting.value) return
   formError.value = ''
+  submitting.value = true
 
   try {
     const order = await orderStore.submitOrder(
@@ -104,6 +107,8 @@ async function submitOrder() {
     router.replace(`/orders/${order.id}/success`)
   } catch (e) {
     formError.value = e instanceof Error ? e.message : 'ثبت سفارش ناموفق بود.'
+  } finally {
+    submitting.value = false
   }
 }
 </script>
@@ -194,7 +199,12 @@ async function submitOrder() {
       </div>
 
       <div v-if="isCheckout && orderStore.draftChecks.length > 0" class="check-list-page__footer">
-        <BaseButton block :disabled="checks.length === 0" @click="submitOrder">
+        <BaseButton
+          block
+          :disabled="checks.length === 0"
+          :loading="submitting"
+          @click="submitOrder"
+        >
           ارسال برای بررسی
         </BaseButton>
       </div>
@@ -269,7 +279,12 @@ async function submitOrder() {
           <strong>{{ toPersianDigits(String(rass.rassDays)) }} روز</strong>
         </div>
         <div v-if="isCheckout && orderStore.draftChecks.length > 0" class="desktop-summary-panel__action">
-          <BaseButton block :disabled="checks.length === 0" @click="submitOrder">
+          <BaseButton
+            block
+            :disabled="checks.length === 0"
+            :loading="submitting"
+            @click="submitOrder"
+          >
             ارسال برای بررسی
           </BaseButton>
         </div>