Polish admin pricing UI, currency inputs, and active switch confirm.

EOF

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

src/views/orders/OrderPricingView.vue

@@ -9,6 +9,7 @@ import { ApiError } from '@/services/http'
 import { formatCurrency, formatNumber } from '@/utils/format'
 import { confirm } from '@/composables/useConfirm'
 import { useToast } from '@/composables/useToast'
+import AdminCurrencyInput from '@/components/ui/AdminCurrencyInput.vue'
 import type { OrderItem } from '@/types'
 
 const route = useRoute()
@@ -50,7 +51,16 @@ async function loadOrder() {
   try {
     const data = await ordersApi.get(String(route.params.id))
     order.value = data
-    items.value = (data.items ?? []).map((i) => ({ ...i }))
+    items.value = (data.items ?? []).map((item) => ({
+      id: item.id,
+      catalogCode: item.catalogCode,
+      productName: item.productName,
+      color: item.color,
+      requestedMeterage: item.requestedMeterage,
+      confirmedMeterage: item.confirmedMeterage,
+      supplyPrice: item.supplyPrice,
+      totalAmount: item.totalAmount,
+    }))
     shippingCost.value = data.shippingCost ?? 0
   } catch (err) {
     toast.error(err instanceof ApiError ? err.message : 'بارگذاری سفارش انجام نشد.')
@@ -107,7 +117,6 @@ function submitAddProduct() {
     requestedMeterage: form.requestedMeterage,
     confirmedMeterage: form.confirmedMeterage || form.requestedMeterage,
     supplyPrice: null,
-    unitDiscount: 0,
     totalAmount: null,
   })
 
@@ -129,13 +138,21 @@ async function savePricing() {
         id: item.id,
         confirmedMeterage: item.confirmedMeterage ?? undefined,
         supplyPrice: item.supplyPrice ?? undefined,
-        unitDiscount: item.unitDiscount,
       })),
       shippingCost: shippingCost.value,
       note: customerNote.value.trim() || undefined,
     })
     order.value = updated
-    items.value = (updated.items ?? []).map((i) => ({ ...i }))
+    items.value = (updated.items ?? []).map((item) => ({
+      id: item.id,
+      catalogCode: item.catalogCode,
+      productName: item.productName,
+      color: item.color,
+      requestedMeterage: item.requestedMeterage,
+      confirmedMeterage: item.confirmedMeterage,
+      supplyPrice: item.supplyPrice,
+      totalAmount: item.totalAmount,
+    }))
     toast.success('قیمت‌گذاری ذخیره شد.')
   } catch (err) {
     toast.error(err instanceof ApiError ? err.message : 'ذخیره قیمت‌گذاری انجام نشد.')
@@ -183,12 +200,6 @@ async function savePricing() {
               {{ displayOrder.totalAmount ? formatCurrency(displayOrder.totalAmount) : '—' }}
             </p>
           </div>
-          <div class="admin-summary-item">
-            <p class="admin-summary-item__label">تخفیف کل</p>
-            <p class="admin-summary-item__value">
-              {{ formatCurrency(order?.totalDiscount ?? 0) }}
-            </p>
-          </div>
           <div class="admin-summary-item">
             <p class="admin-summary-item__label">هزینه حمل</p>
             <p class="admin-summary-item__value">
@@ -216,7 +227,6 @@ async function savePricing() {
                 <th>متراژ درخواستی</th>
                 <th>متراژ تأیید شده</th>
                 <th>قیمت تأمینی (واحد)</th>
-                <th>تخفیف (واحد)</th>
                 <th>مبلغ کل (تومان)</th>
                 <th>عملیات</th>
               </tr>
@@ -236,20 +246,12 @@ async function savePricing() {
                   />
                 </td>
                 <td>
-                  <input
-                    v-model.number="item.supplyPrice"
-                    type="number"
-                    class="admin-input admin-input--sm"
+                  <AdminCurrencyInput
+                    v-model="item.supplyPrice"
+                    input-class="admin-input admin-input--sm"
                     placeholder="—"
                   />
                 </td>
-                <td>
-                  <input
-                    v-model.number="item.unitDiscount"
-                    type="number"
-                    class="admin-input admin-input--sm"
-                  />
-                </td>
                 <td>{{ item.totalAmount ? formatCurrency(item.totalAmount) : '—' }}</td>
                 <td>
                   <button
@@ -287,9 +289,12 @@ async function savePricing() {
               <input v-model.number="item.confirmedMeterage" type="number" class="admin-input" />
             </label>
             <label>
-              تخفیف واحد
-              <input v-model.number="item.unitDiscount" type="number" class="admin-input" />
+              قیمت تأمینی
+              <AdminCurrencyInput v-model="item.supplyPrice" placeholder="—" />
             </label>
+            <p v-if="item.totalAmount" class="pricing-page__line-total">
+              مبلغ کل: {{ formatCurrency(item.totalAmount) }}
+            </p>
           </div>
           <div class="admin-card-item__actions">
             <button type="button" class="admin-btn admin-btn--outline-danger admin-btn--xs" @click="removeItem(item.id)">
@@ -304,15 +309,9 @@ async function savePricing() {
       </div>
 
       <div class="admin-form-grid">
-        <div class="admin-form-field">
-          <label>اعمال تخفیف روی فاکتور</label>
-          <select class="admin-input">
-            <option>بدون اعمال</option>
-          </select>
-        </div>
         <div class="admin-form-field">
           <label>هزینه حمل (تومان)</label>
-          <input v-model.number="shippingCost" type="number" class="admin-input" />
+          <AdminCurrencyInput v-model="shippingCost" :allow-empty="false" />
         </div>
         <div class="admin-form-field">
           <label>توضیحات برای مشتری</label>
@@ -473,4 +472,12 @@ async function savePricing() {
   font-size: 0.75rem;
   color: var(--color-text-muted);
 }
+
+.pricing-page__line-total {
+  grid-column: 1 / -1;
+  margin: 0;
+  font-size: 0.875rem;
+  font-weight: 700;
+  color: var(--color-text);
+}
 </style>

src/views/orders/components/OrderDetailContent.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import AdminIcon from '@/components/icons/AdminIcon.vue'
 import StatusBadge from '@/components/ui/StatusBadge.vue'
-import { formatMeterage } from '@/utils/format'
+import { formatCurrency, formatMeterage, formatNumber } from '@/utils/format'
 import type { Order } from '@/types'
 
 defineProps<{
@@ -68,7 +68,9 @@ defineEmits<{
         </div>
         <div class="admin-info-row">
           <span class="admin-info-row__label">مبلغ کل:</span>
-          <span class="admin-info-row__value">پس از قیمت‌گذاری</span>
+          <span class="admin-info-row__value">
+            {{ order.totalAmount != null ? formatCurrency(order.totalAmount) : 'پس از قیمت‌گذاری' }}
+          </span>
         </div>
       </div>
     </div>
@@ -93,9 +95,9 @@ defineEmits<{
               <td>{{ item.catalogCode }}</td>
               <td>{{ item.productName }}</td>
               <td>{{ item.color }}</td>
-              <td>{{ item.confirmedMeterage ?? item.requestedMeterage }}</td>
-              <td>—</td>
-              <td>—</td>
+              <td>{{ formatNumber(item.confirmedMeterage ?? item.requestedMeterage) }}</td>
+              <td>{{ item.supplyPrice != null ? formatCurrency(item.supplyPrice) : '—' }}</td>
+              <td>{{ item.totalAmount != null ? formatCurrency(item.totalAmount) : '—' }}</td>
               <td><StatusBadge status="pending_review" /></td>
             </tr>
           </tbody>
@@ -105,7 +107,9 @@ defineEmits<{
         <li v-for="item in order.items" :key="item.id" class="order-detail__item">
           <strong>{{ item.productName }}</strong>
           <span>{{ item.catalogCode }} · {{ item.color }}</span>
-          <span>{{ item.confirmedMeterage ?? item.requestedMeterage }} متر</span>
+          <span>{{ formatMeterage(item.confirmedMeterage ?? item.requestedMeterage) }}</span>
+          <span v-if="item.supplyPrice != null">قیمت: {{ formatCurrency(item.supplyPrice) }}</span>
+          <span v-if="item.totalAmount != null">مبلغ: {{ formatCurrency(item.totalAmount) }}</span>
         </li>
       </ul>
     </div>