fix

resources/js/pages/reports/providers-report.vue

@@ -134,22 +134,7 @@ const closeDelete = () => {
 }
 
 const save = async () => {
-  const { valid } = await refVForm.value.validate()
-  console.log(valid)
-  if (valid) {
-    if (editedIndex.value > -1){
-      await store.dispatch('providerUpdate',{
-        id: editedItem.value.id,
-        first_name: editedItem.value.first_name,
-        last_name: editedItem.value.last_name,
-        email: editedItem.value.email,
-      })
-      Object.assign(providersList.value[editedIndex.value], editedItem.value)
-    }else{
-      providersList.value.push(editedItem.value)
-    }
-  close()
-  }
+  await getProviderFilter()
  
   
 }
@@ -247,23 +232,18 @@ const deleteItemConfirm = async() => {
   providersList.value.splice(editedIndex.value, 1)
   closeDelete()
 }
-const getprovidersList = computed(async () => {
-  providersList.value = [];
-  console.log('getprovidersFilterList',store.getters.getProvidersList)
-    let list = store.getters.getProvidersList
-    store.dispatch('updateIsLoading', false)
-    providersList.value = list
-    return providersList.value
-});
+
 
 const getProviderFilter = async() => {
   store.dispatch('updateIsLoading', true)
-  await store.dispatch('providersReport',{
+  await store.dispatch('providersReportsFilterList',{
     gender: filter.value.gender.toLowerCase(),
-    state: filter.value.state.toLowerCase(),
+    state: filter.value.state,
     availabilityFrom: filter.value.availabilityFrom.toLowerCase(),
-    availabilityTo:filter.value.availabilityTo.toLowerCase(),
-
+    availabilityTo: filter.value.availabilityTo.toLowerCase(),
+    specialty: filter.value.specialty,
+    provider_list: filter.value.provider_list,
+     practics_state:filter.value.practics_state,
   })
 
    store.dispatch('updateIsLoading', false)
@@ -299,45 +279,45 @@ const onSpecialty = async(newvalue)=> {
     console.log("onSpecialty",filter.value.specialty);
   }
   
-  // await getPatientFilter();
+//await getProviderFilter();
 
 }
 
 const onGenderChange = async(newvalue)=> {
   filter.value.gender = newvalue;
   console.log("gender",filter.value.gender);
-  await getProviderFilter();
+  //await getProviderFilter();
 
 }
 
 const onStateChange = async(newvalue)=> {
   filter.value.state = newvalue;
   console.log("state",filter.value.state);
-   await getProviderFilter();
+   //await getProviderFilter();
 
 }
 const onAvailabilityFromChange = async(newvalue)=> {
   filter.value.availabilityFrom = newvalue;
   console.log("frmo",filter.value.availabilityFrom);
-  await getProviderFilter();
+  //await getProviderFilter();
 
 }
 const onAvailabilityToChange = async(newvalue)=> {
   filter.value.availabilityTo = newvalue;
   console.log("to",filter.value.availabilityTo);
-  await getProviderFilter();
+  //await getProviderFilter();
 
 }
 const onProviderListChange = async(newvalue)=> {
   filter.value.provider_list = newvalue;
   console.log("provider_list",filter.value.provider_list);
- // await getProviderFilter();
+ //await getProviderFilter();
 
 }
 const onPracticsStateChange = async(newvalue)=> {
   filter.value.practics_state = newvalue;
   console.log("state",filter.value.practics_state);
-  //await getProviderFilter();
+ //await getProviderFilter();
 
 }
 const onDateRangeChange = async(newvalue)=> {
@@ -369,7 +349,7 @@ const timeOptions = computed(() => {
 
 <template>
   <v-row>
-    <v-col cols="12" md="12" v-if="getprovidersList">
+    <v-col cols="12" md="12" >
     <VCard title="Providers">
       <VCardText >
           <VRow>
@@ -531,6 +511,21 @@ const timeOptions = computed(() => {
               </VCol>
               
           </VRow>
+          <VCardActions>
+        <VSpacer />
+
+       
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="getProviderFilter"
+        >
+        <VIcon class="ri-file-download-line" ></VIcon>
+          Download
+        </VBtn>
+        
+      </VCardActions>
         </VCardText>
       <VDataTable
         :headers="headers"