fix

resources/js/vue/views/Package/AddEdit.vue

@@ -26,7 +26,15 @@
 						<div class="Inner">
 							<v-icon class="fas fa-check mr-2 WM-Margin-B-8"></v-icon>
 							<v-autocomplete class="py-3 pr-3" :items="items" item-text="name" v-model="item.id"
-								item-value="id" label="Select Items For Package" color="black"></v-autocomplete>
+								item-value="id" label="Select Items For Package" color="black" :filter="customFilter">
+								<template v-slot:selection="{ item }">
+									{{ item.name }} - {{ item.udi }}
+								</template>
+
+								<template v-slot:item="{ item }">
+									{{ item.name }} - {{ item.udi }}
+								</template>
+							</v-autocomplete>
 
 							<v-btn absolute small right bottom color="cyan" @click="duplicateForm(key)">
 								<v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>ADD
@@ -113,6 +121,16 @@ export default {
 		this.loadItems();
 	},
 	methods: {
+		customFilter(item, queryText) {
+			const name = item.name.toLowerCase();
+			const udi = item.udi ? item.udi.toLowerCase() : null;
+			const searchText = queryText.toLowerCase();
+			if (udi) {
+				return name.indexOf(searchText) > -1 ||
+					udi.indexOf(searchText) > -1
+			}
+			return name.indexOf(searchText) > -1
+		},
 		async load(id) {
 			const result = await ApiService.get(urls.editPackage(id));
 			if (result.status == 200) {