new update

resources/js/vue/views/Cycle/List.vue

@@ -30,6 +30,18 @@
                             color="black"
                         ></v-text-field>
                     </v-flex>
+                    <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3" v-if="$hasRole('Admin')">
+                      <v-icon class="fa fa-hospital-o mr-2 WM-Margin-B-8"></v-icon>
+                      <v-autocomplete
+                        class="py-3 pr-3"
+                        v-model="filter.medical_center_id"
+                        item-text="name"
+                        item-value="id"
+                        label="Hospital"
+                        color="black"
+                        :items="medicalCenters"
+                      ></v-autocomplete>
+                    </v-flex>
                     <v-flex xs12 sm2 md2 class="WM-FlexCenter pl-3">
                       <v-icon class="far fa-calendar-alt mr-2 WM-Margin-B-8"></v-icon>
           						<v-menu
@@ -55,7 +67,7 @@
           							></v-date-picker>
           						</v-menu>
           					</v-flex>
-                    <v-flex class xs12 md1 sm3>
+                    <v-flex class xs12 md12 sm12>
                         <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="load()">
                             <v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
                             <span class="white--text">Filter</span>
@@ -174,6 +186,7 @@ export default {
         packages: [],
         currentPage: 1,
         lastPage: 1,
+        medicalCenters: []
     }),
     created() {
         this.load();
@@ -196,6 +209,7 @@ export default {
                 this.currentPage = result.data.data.current_page;
                 this.lastPage = result.data.data.last_page;
             }
+            this.loadMedicalCenters();
         },
         async show(testResultId) {
             const result = await ApiService.get(
@@ -232,6 +246,12 @@ export default {
                 }
             }
         },
+        async loadMedicalCenters() {
+          const result = await ApiService.get(urls.listFilterItemsTestResult);
+          if (result && result.status == 200) {
+            this.medicalCenters = result.data.data.MedicalCenters;
+          }
+        },
     },
     computed: {
         ...mapGetters("modal", ["getModalResult"])