Gate order actions by status, add final-approve after checks, and select customers in new orders.

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

src/views/orders/components/OrderAddModal.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, watch } from 'vue'
 import BaseModal from '@/components/ui/BaseModal.vue'
 import AdminSelect from '@/components/ui/AdminSelect.vue'
 import { useOrdersPageContext } from '@/composables/useOrdersPage'
@@ -10,6 +10,8 @@ const {
   form,
   isFormValid,
   companies,
+  activeCustomers,
+  applyCustomer,
   closeAddModal,
   submitAddOrder,
 } = useOrdersPageContext()
@@ -18,10 +20,31 @@ const companyOptions = computed(() =>
   companies.value.map((company) => ({ value: company.id, label: company.name })),
 )
 
+const customerOptions = computed(() =>
+  activeCustomers.value.map((customer) => ({
+    value: customer.id,
+    label: customer.phone
+      ? `${customer.name} — ${customer.phone}`
+      : customer.name,
+  })),
+)
+
 const settlementOptions = [
   { value: 'check', label: 'چکی' },
   { value: 'cash', label: 'نقدی' },
 ]
+
+watch(
+  () => form.customerId,
+  (id) => {
+    if (!id) {
+      form.customerName = ''
+      form.customerPhone = ''
+      return
+    }
+    applyCustomer(id)
+  },
+)
 </script>
 
 <template>
@@ -30,14 +53,17 @@ const settlementOptions = [
       <p v-if="formError" class="admin-form__error" role="alert">{{ formError }}</p>
 
       <div class="admin-form__field">
-        <label for="order-customer">نام مشتری <span class="admin-form__required">*</span></label>
-        <input
-          id="order-customer"
-          v-model="form.customerName"
-          type="text"
-          class="admin-input"
-          placeholder="مثال: پارچه‌سرای نیکو"
+        <label>نام مشتری <span class="admin-form__required">*</span></label>
+        <AdminSelect
+          v-model="form.customerId"
+          block
+          aria-label="انتخاب مشتری"
+          placeholder="انتخاب مشتری از لیست"
+          :options="customerOptions"
         />
+        <p v-if="!customerOptions.length" class="admin-form__hint">
+          مشتری فعالی یافت نشد. ابتدا از بخش مشتریان ثبت کنید.
+        </p>
       </div>
 
       <div class="admin-form__row">
@@ -80,7 +106,10 @@ const settlementOptions = [
             v-model="form.customerPhone"
             type="tel"
             class="admin-input"
-            placeholder="۰۹۱۲۱۲۳۴۵۶۷"
+            placeholder="پس از انتخاب مشتری پر می‌شود"
+            inputmode="tel"
+            dir="ltr"
+            readonly
           />
         </div>
       </div>
@@ -101,3 +130,11 @@ const settlementOptions = [
     </template>
   </BaseModal>
 </template>
+
+<style scoped>
+.admin-form__hint {
+  margin: 6px 0 0;
+  font-size: 0.75rem;
+  color: var(--color-text-muted);
+}
+</style>