updated

src/pages/delivery/viewstatus/cancelled.vue

@@ -39,7 +39,9 @@
           <tbody>
           <!-- row 1 -->
           <tr v-for="oil in deliveries" :key="oil['id']">    <router-link :to="{ name: 'customerProfile', params: { id: oil['customer_id'] } }">
-            <td>{{ oil['customer_name'] }} </td>
+            <td> 
+              <div class="hover:text-accent">{{ oil['customer_name'] }} </div>
+            </td>
               </router-link>
             <td>
               <div v-if="oil['delivery_status'] == 0">Waiting</div>

src/pages/delivery/viewstatus/delivered.vue

@@ -39,7 +39,9 @@
           <!-- row 1 -->
           <tr v-for="oil in deliveries" :key="oil['id']"> 
                <router-link :to="{ name: 'customerProfile', params: { id: oil['customer_id'] } }">
-            <td>{{ oil['customer_name'] }} </td>
+            <td>
+               <div class="hover:text-accent">{{ oil['customer_name'] }} </div>
+              </td>
               </router-link>
             <td>
               <div v-if="oil['delivery_status'] == 0">Waiting</div>

src/pages/delivery/viewstatus/finalized.vue

@@ -41,7 +41,9 @@
             <tr v-for="oil in deliveries" :key="oil['id']"> 
               <td>{{ oil['id'] }} </td>
               <router-link :to="{ name: 'customerProfile', params: { id: oil['customer_id'] } }">
-                <td>{{ oil['customer_name'] }} </td>
+                <td> 
+                  <div class="hover:text-accent">{{ oil['customer_name'] }} </div> 
+                </td>
               </router-link>
               <td>
                 <div v-if="oil['delivery_status'] == 0">Waiting</div>

src/pages/delivery/viewstatus/issue.vue

@@ -40,7 +40,9 @@
           <tr v-for="oil in deliveries" :key="oil['id']">
             <td>{{ oil['id'] }} </td>
               <router-link :to="{ name: 'customerProfile', params: { id: oil['customer_id'] } }">
-                <td>{{ oil['customer_name'] }} </td>
+                <td>
+                   <div class="hover:text-accent">{{ oil['customer_name'] }} </div> 
+                  </td>
               </router-link>
             <td>
               <div v-if="oil['delivery_status'] == 0">Waiting</div>

src/pages/delivery/viewstatus/out_for_delivery.vue

@@ -46,7 +46,9 @@
 
               <td>{{ oil['id'] }} </td>
               <router-link :to="{ name: 'customerProfile', params: { id: oil['customer_id'] } }">
-                <td>{{ oil['customer_name'] }} </td>
+                <td>
+                  <div class="hover:text-accent">{{ oil['customer_name'] }} </div>
+                </td>
               </router-link>
               <td>
                 <div v-if="oil['delivery_status'] == 0">Waiting</div>
@@ -86,12 +88,13 @@
                 <router-link :to="{ name: 'deliveryEdit', params: { id: oil['id'] } }">
                   <button class="btn btn-accent btn-sm">Edit</button>
                 </router-link>
-                <button @click.prevent="deleteCall(oil['id'])" class="btn btn-accent btn-sm">
-                  Delete
-                </button>
+              
                 <button @click.prevent="printTicket(oil['id'])" class="btn btn-accent btn-sm">
                   Print
                 </button>
+                <button @click.prevent="deleteCall(oil['id'])" class="btn btn-error btn-sm">
+                  Delete
+                </button>
               </td>
             </tr>
           </tbody>
@@ -227,7 +230,7 @@ export default defineComponent({
     printtTicketAll() {
       let path = import.meta.env.VITE_PRINT_URL + '/command/printticket/print_today';
       axios({
-        method: 'delete',
+        method: 'get',
         url: path,
         headers: authHeader(),
       }).then((response: any) => {
@@ -250,7 +253,7 @@ export default defineComponent({
     printTicket(delivery_id: number) {
       let path = import.meta.env.VITE_PRINT_URL + '/command/printticket/' + delivery_id;
       axios({
-        method: 'delete',
+        method: 'options',
         url: path,
         headers: authHeader(),
       }).then((response: any) => {

src/pages/delivery/viewstatus/tommorrow.vue

@@ -46,7 +46,9 @@
               <td>{{ oil['id'] }} </td>
               <router-link :to="{ name: 'customerProfile', params: { id: oil['customer_id'] } }">
 
-                <td>{{ oil['customer_name'] }} </td>
+                <td> 
+                  <div class="hover:text-accent">{{ oil['customer_name'] }} </div>
+                 </td>
               </router-link>
               <td>
                 <div v-if="oil['delivery_status'] == 0">Waiting</div>
@@ -86,12 +88,13 @@
                 <router-link :to="{ name: 'deliveryEdit', params: { id: oil['id'] } }">
                   <button class="btn btn-accent btn-sm">Edit</button>
                 </router-link>
-                <button @click.prevent="deleteCall(oil['id'])" class="btn btn-accent btn-sm">
-                  Delete
-                </button>
+       
                 <button @click.prevent="printTicket(oil['id'])" class="btn btn-accent btn-sm">
                   Print
                 </button>
+                <button @click.prevent="deleteCall(oil['id'])" class="btn btn-error btn-sm">
+                  Delete
+                </button>
               </td>
             </tr>
           </tbody>

src/pages/delivery/viewstatus/waiting.vue

@@ -44,7 +44,9 @@
             <tr v-for="oil in deliveries" :key="oil['id']">
               <td>{{ oil['id'] }} </td>
               <router-link :to="{ name: 'customerProfile', params: { id: oil['customer_id'] } }">
-                <td>{{ oil['customer_name'] }} </td>
+                <td> 
+                  <div class="hover:text-accent">{{ oil['customer_name'] }} </div> 
+                </td>
               </router-link>
               <td>
                 <div v-if="oil['delivery_status'] == 0">Waiting</div>
@@ -84,8 +86,9 @@
                 <router-link :to="{ name: 'deliveryEdit', params: { id: oil['id'] } }">
                   <button class="btn btn-accent btn-sm">Edit</button>
                 </router-link>
-                <button @click.prevent="deleteCall(oil['id'])" class="btn btn-accent btn-sm">Delete</button>
+                
                 <button @click.prevent="printTicket(oil['id'])" class="btn btn-accent btn-sm">Print</button>
+                <button @click.prevent="deleteCall(oil['id'])" class="btn btn-error btn-sm">Delete</button>
               </td>
             </tr>
           </tbody>