small routing changes
This commit is contained in:
@@ -525,7 +525,11 @@ export default defineComponent({
|
|||||||
axios.post(`${import.meta.env.VITE_BASE_URL}/delivery/edit/${this.deliveryOrder.id}`, payload, { withCredentials: true, headers: authHeader() })
|
axios.post(`${import.meta.env.VITE_BASE_URL}/delivery/edit/${this.deliveryOrder.id}`, payload, { withCredentials: true, headers: authHeader() })
|
||||||
.then(() => {
|
.then(() => {
|
||||||
notify({ type: 'success', title: 'Success!', text: 'Delivery updated.' });
|
notify({ type: 'success', title: 'Success!', text: 'Delivery updated.' });
|
||||||
|
if (paymentType === 1) {
|
||||||
|
this.$router.push({ name: 'PayOil', params: { id: this.deliveryOrder.id } });
|
||||||
|
} else {
|
||||||
this.$router.push({ name: 'deliveryOrder', params: { id: this.deliveryOrder.id } });
|
this.$router.push({ name: 'deliveryOrder', params: { id: this.deliveryOrder.id } });
|
||||||
|
}
|
||||||
})
|
})
|
||||||
.catch((error: any) => {
|
.catch((error: any) => {
|
||||||
console.error("Error submitting form:", error);
|
console.error("Error submitting form:", error);
|
||||||
|
|||||||
@@ -64,70 +64,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Delivery Details Card -->
|
|
||||||
<div class="bg-neutral rounded-lg p-5">
|
|
||||||
<h3 class="text-xl font-bold mb-4">Delivery Details</h3>
|
|
||||||
<div class="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
|
|
||||||
<div>
|
|
||||||
<div class="font-bold">Status</div>
|
|
||||||
<div class="opacity-80">
|
|
||||||
<span v-if="deliveryOrder.delivery_status == 0">waiting</span>
|
|
||||||
<span v-else-if="deliveryOrder.delivery_status == 1">delivered</span>
|
|
||||||
<span v-else-if="deliveryOrder.delivery_status == 2">Today</span>
|
|
||||||
<span v-else-if="deliveryOrder.delivery_status == 3">Tomorrow</span>
|
|
||||||
<span v-else-if="deliveryOrder.delivery_status == 4">Partial Delivery</span>
|
|
||||||
<span v-else-if="deliveryOrder.delivery_status == 5">misdelivery</span>
|
|
||||||
<span v-else-if="deliveryOrder.delivery_status == 6">unknown</span>
|
|
||||||
<span v-else-if="deliveryOrder.delivery_status == 10">Finalized</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="font-bold">Scheduled Date</div>
|
|
||||||
<div class="opacity-80">{{ deliveryOrder.expected_delivery_date }}</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="font-bold">When Ordered</div>
|
|
||||||
<div class="opacity-80">{{ deliveryOrder.when_ordered }}</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Transaction Summary -->
|
|
||||||
<div v-if="transaction && transaction.auth_net_transaction_id" class="bg-neutral rounded-lg p-5">
|
|
||||||
<h3 class="text-xl font-bold mb-4">Transaction Summary</h3>
|
|
||||||
<div class="space-y-3">
|
|
||||||
<div class="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
|
|
||||||
<div class="flex justify-between">
|
|
||||||
<span class="font-bold">Transaction ID:</span>
|
|
||||||
<span class="font-mono">{{ transaction.auth_net_transaction_id }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-between">
|
|
||||||
<span class="font-bold">Pre-Auth Amount:</span>
|
|
||||||
<span>${{ transaction.preauthorize_amount || '0.00' }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-between">
|
|
||||||
<span class="font-bold">Charge Amount:</span>
|
|
||||||
<span>${{ transaction.charge_amount || '0.00' }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-between">
|
|
||||||
<span class="font-bold">Type:</span>
|
|
||||||
<span :class="getTypeColor(transaction.transaction_type)">{{ transaction.transaction_type === 0 ? 'Charge' : transaction.transaction_type === 1 ? 'Auth' : 'Capture' }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-between">
|
|
||||||
<span class="font-bold">Date:</span>
|
|
||||||
<span>{{ transaction.created_at }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-between">
|
|
||||||
<span class="font-bold">Status:</span>
|
|
||||||
<span :class="transaction.status === 0 ? 'text-success' : 'text-error'">
|
|
||||||
{{ transaction.status === 0 ? 'Approved' : 'Declined' }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Financial Summary Card -->
|
<!-- Financial Summary Card -->
|
||||||
<div class="bg-neutral rounded-lg p-5">
|
<div class="bg-neutral rounded-lg p-5">
|
||||||
<h3 class="text-xl font-bold mb-4">Financial Summary</h3>
|
<h3 class="text-xl font-bold mb-4">Financial Summary</h3>
|
||||||
@@ -204,6 +140,70 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Delivery Details Card -->
|
||||||
|
<div class="bg-neutral rounded-lg p-5">
|
||||||
|
<h3 class="text-xl font-bold mb-4">Delivery Details</h3>
|
||||||
|
<div class="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
|
||||||
|
<div>
|
||||||
|
<div class="font-bold">Status</div>
|
||||||
|
<div class="opacity-80">
|
||||||
|
<span v-if="deliveryOrder.delivery_status == 0">waiting</span>
|
||||||
|
<span v-else-if="deliveryOrder.delivery_status == 1">delivered</span>
|
||||||
|
<span v-else-if="deliveryOrder.delivery_status == 2">Today</span>
|
||||||
|
<span v-else-if="deliveryOrder.delivery_status == 3">Tomorrow</span>
|
||||||
|
<span v-else-if="deliveryOrder.delivery_status == 4">Partial Delivery</span>
|
||||||
|
<span v-else-if="deliveryOrder.delivery_status == 5">misdelivery</span>
|
||||||
|
<span v-else-if="deliveryOrder.delivery_status == 6">unknown</span>
|
||||||
|
<span v-else-if="deliveryOrder.delivery_status == 10">Finalized</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="font-bold">Scheduled Date</div>
|
||||||
|
<div class="opacity-80">{{ deliveryOrder.expected_delivery_date }}</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="font-bold">When Ordered</div>
|
||||||
|
<div class="opacity-80">{{ deliveryOrder.when_ordered }}</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Transaction Summary -->
|
||||||
|
<div v-if="transaction && transaction.auth_net_transaction_id" class="bg-neutral rounded-lg p-5">
|
||||||
|
<h3 class="text-xl font-bold mb-4">Transaction Summary</h3>
|
||||||
|
<div class="space-y-3">
|
||||||
|
<div class="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<span class="font-bold">Transaction ID:</span>
|
||||||
|
<span class="font-mono">{{ transaction.auth_net_transaction_id }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<span class="font-bold">Pre-Auth Amount:</span>
|
||||||
|
<span>${{ transaction.preauthorize_amount || '0.00' }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<span class="font-bold">Charge Amount:</span>
|
||||||
|
<span>${{ transaction.charge_amount || '0.00' }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<span class="font-bold">Type:</span>
|
||||||
|
<span :class="getTypeColor(transaction.transaction_type)">{{ transaction.transaction_type === 0 ? 'Charge' : transaction.transaction_type === 1 ? 'Auth' : 'Capture' }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<span class="font-bold">Date:</span>
|
||||||
|
<span>{{ transaction.created_at }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<span class="font-bold">Status:</span>
|
||||||
|
<span :class="transaction.status === 0 ? 'text-success' : 'text-error'">
|
||||||
|
{{ transaction.status === 0 ? 'Approved' : 'Declined' }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- RIGHT COLUMN: Finalize Form -->
|
<!-- RIGHT COLUMN: Finalize Form -->
|
||||||
|
|||||||
@@ -157,7 +157,7 @@
|
|||||||
Pay Authorize.net
|
Pay Authorize.net
|
||||||
</button>
|
</button>
|
||||||
<!-- A single confirm button is cleaner -->
|
<!-- A single confirm button is cleaner -->
|
||||||
<button class="btn btn-primary" @click="checkoutOilUpdatePayment(delivery.payment_type)">
|
<button class="btn btn-primary" @click="checkoutOilUpdatePayment(1)">
|
||||||
Pay Tiger
|
Pay Tiger
|
||||||
</button>
|
</button>
|
||||||
<router-link v-if="delivery && delivery.id" :to="{ name: 'deliveryEdit', params: { id: delivery.id } }">
|
<router-link v-if="delivery && delivery.id" :to="{ name: 'deliveryEdit', params: { id: delivery.id } }">
|
||||||
@@ -528,7 +528,7 @@ export default defineComponent({
|
|||||||
type: "success",
|
type: "success",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
this.$router.push({ name: "customerProfile", params: { id: this.customer.id } });
|
this.$router.push({ name: "deliveryOrder", params: { id: this.delivery.id } });
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
|
|||||||
Reference in New Issue
Block a user