Working API CHARGING!

src/pages/delivery/viewstatus/todaysdeliveries.vue

@@ -44,7 +44,7 @@
               <tr v-for="oil in deliveries" :key="oil.id" class="hover:bg-blue-600 hover:text-white">
                 <td>{{ oil.id }}</td>
                 <td>
-                  <router-link :to="{ name: 'customerProfile', params: { id: oil.customer_id } }" class="link link-hover">
+                  <router-link :to="{ name: 'customerProfile', params: { id: oil.customer_id } }" class="link link-hover hover:text-green-500">
                     {{ oil.customer_name }}
                   </router-link>
                 </td>
@@ -230,16 +230,19 @@ export default defineComponent({
     },
 
 
-    get_oil_orders(page: any) {
-      let path = import.meta.env.VITE_BASE_URL + '/delivery/outfordelivery/' + page;
-      axios({
-        method: 'get',
-        url: path,
-        headers: authHeader(),
-      }).then((response: any) => {
-        this.deliveries = response.data
-      })
-    },
+      mod: (date: any) => new Date (date).getTime(),
+      get_oil_orders(page: any) {
+        let path = import.meta.env.VITE_BASE_URL + '/delivery/outfordelivery/' + page;
+        axios({
+          method: 'get',
+          url: path,
+          headers: authHeader(),
+        }).then((response: any) => {
+          this.deliveries = response.data
+          // Sort deliveries by Delivery # (id) in descending order
+          this.deliveries.sort((a, b) => b.id - a.id);
+        })
+      },
 
     deleteCall(delivery_id: any) {
       let path = import.meta.env.VITE_BASE_URL + '/delivery/delete/' + delivery_id;
@@ -315,4 +318,4 @@ export default defineComponent({
 })
 </script>
 
-<style scoped></style>
+<style scoped></style>