Office driver api get data works

src/pages/delivery/edit.vue

@@ -221,6 +221,18 @@
                    type="checkbox"/>
           </div>
 
+            <div class="flex-1 mb-4">
+            <label class="block text-white text-sm font-bold mb-2">Delivery Driver </label>
+            <select class="select select-bordered w-full max-w-xs" aria-label="Default select example" id="customer_state"
+              v-model="CreateOilOrderForm.basicInfo.driver_driver">
+              <option class="text-white" v-for="(driver, index) in truckDriversList" :key="index" :value="driver['id']">
+                {{ driver['employee_first_name'] }}  {{ driver['employee_last_name'] }}
+              </option>
+            </select>
+
+          </div>
+
+
           <div class="col-span-12 md:col-span-12 flex mt-5 mb-5">
             <button
                 class="btn">
@@ -260,6 +272,7 @@ export default defineComponent({
       v$: useValidate(),
       user: null,
       deliveryStatus: [],
+      truckDriversList: [],
       userCards: [],
       userCard: {
         date_added: '',
@@ -329,6 +342,7 @@ export default defineComponent({
           credit_card_id: 0,
           cash: false,
           card: false,
+          driver_driver: '',
         },
       },
     }
@@ -346,6 +360,7 @@ export default defineComponent({
   },
   created() {
     this.userStatus()
+    this.getDriversList()
   },
   watch: {
     $route() {
@@ -394,6 +409,9 @@ export default defineComponent({
               this.CreateOilOrderForm.basicInfo.prime = response.data.delivery.delivery_prime;
               this.CreateOilOrderForm.basicInfo.same_day = response.data.delivery.delivery_same_day;
               this.CreateOilOrderForm.basicInfo.delivery_status = response.data.delivery.delivery_status;
+
+              this.CreateOilOrderForm.basicInfo.driver_driver = response.data.delivery.driver_employee_id;
+
               if (response.data.delivery.payment_type == 1) {
                 this.CreateOilOrderForm.basicInfo.userCards = response.data.delivery.payment_card_id;
               }
@@ -498,6 +516,7 @@ export default defineComponent({
       cash: boolean;
       credit: boolean;
       credit_card_id: any;
+      driver_employee_id: string,
     }) {
       let path = import.meta.env.VITE_BASE_URL + "/delivery/edit/" + this.deliveryOrder.id;
       axios({
@@ -540,13 +559,31 @@ export default defineComponent({
         prime: this.CreateOilOrderForm.basicInfo.prime,
         same_day: this.CreateOilOrderForm.basicInfo.same_day,
         delivery_status: this.CreateOilOrderForm.basicInfo.delivery_status,
-
+        driver_employee_id: this.CreateOilOrderForm.basicInfo.driver_driver,
         cash: this.CreateOilOrderForm.basicInfo.cash,
         credit: this.CreateOilOrderForm.basicInfo.card,
         credit_card_id: this.CreateOilOrderForm.basicInfo.userCards,
       };
       this.editOilOrder(payload);
     },
+
+
+    getDriversList() {
+      let path = import.meta.env.VITE_BASE_URL + "/employee/drivers";
+      axios({
+        method: "get",
+        url: path,
+        withCredentials: true,
+         headers: authHeader(),
+      })
+          .then((response: any) => {
+            this.truckDriversList = response.data;
+
+          })
+          .catch(() => {
+          });
+    },
+
   },
 })
 </script>