new update

resources/js/vue/views/Item/List.vue

@@ -21,6 +21,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 md3 sm3 class="WM-FlexCenter pl-3">
                         <v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
                         <v-text-field
@@ -147,11 +159,13 @@ export default {
         filter: {
             name: '',
             size: '',
-            item_id : ''
+            item_id : '',
+            medical_center_id : ''
         },
         items: [],
         currentPage: 1,
         lastPage: 1,
+        medicalCenters: []
 
     }),
     created() {
@@ -175,6 +189,7 @@ export default {
                 this.currentPage = result.data.data.current_page;
                 this.lastPage = result.data.data.last_page;
             }
+            this.loadMedicalCenters();
         },
         async generateBarcode(code, type = null) {
             const result = await ApiService.post(urls.Barcode(code, type));
@@ -210,7 +225,13 @@ export default {
                     }
                 }
             }
-        }
+        },
+        async loadMedicalCenters() {
+    			const result = await ApiService.get(urls.listFilterItemsTestResult);
+    			if (result && result.status == 200) {
+    				this.medicalCenters = result.data.data.MedicalCenters;
+    			}
+    		},
     },
     watch: {
         currentPage(page) {