crator and messageResponse

resources/js/vue/views/ManageMedicalCenter.vue

@@ -38,13 +38,13 @@
               <td class="title font-weight-light">{{ item.created_at }}</td>
               <td class="title font-weight-light">{{ item.users_count }} Operator</td>
               <td class="text-xs-right">
-                <router-link :to="`/medical-center/${item.id}/edit`">
+                <router-link :to="{name : 'EditMedicalCenter', params : {id : item.id}}">
                   <v-btn color="cyan" class="mr-2 WM-ActionButton">
                     <v-icon class="white--text mr-2 caption">fas fa-pen</v-icon>
                     <span>Edit</span>
                   </v-btn>
                 </router-link>
-                <router-link :to="`/operator-list/${item.id}`">
+                <router-link :to="{name : 'OperatorList', params : {medicalCenter : item.id}}">
                   <v-btn color="orange darken-1" class="mr-2 WM-ActionButton">
                     <v-icon class="white--text mr-2 caption">fas fa-user</v-icon>
                     <span>Operator</span>
@@ -77,6 +77,7 @@
 
 <script>
 import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
 export default {
   data: () => ({
     headers: [
@@ -111,7 +112,7 @@ export default {
   },
   methods: {
     async getData(page = 1) {
-      const result = await ApiService.get("MedicalCenters?page=" + page);
+      const result = await ApiService.get(urls.listMedicalCenter(page));
       this.items = result.data.MedicalCenters.data;
       this.currentPage = result.data.MedicalCenters.current_page;
       this.lastPage = result.data.MedicalCenters.last_page;