diff --git a/src/dispatch/static/dispatch/src/components/ParticipantSelect.vue b/src/dispatch/static/dispatch/src/components/ParticipantSelect.vue
index 707e0dbd0216..85205a33f724 100644
--- a/src/dispatch/static/dispatch/src/components/ParticipantSelect.vue
+++ b/src/dispatch/static/dispatch/src/components/ParticipantSelect.vue
@@ -9,8 +9,9 @@
item-title="individual.name"
no-filter
return-object
+ chips
v-model="participant"
- @update:model-value="handleClear"
+ @update:modelValue="handleClear"
>
@@ -29,14 +30,12 @@
Load More
-
-
+
+
-
- {{ initials(data.item.raw.individual.name) }}
-
+ {{ initials(data.item.title) }}
- {{ data.item.raw.individual.name }}
+ {{ data.item.title }}
@@ -96,10 +95,10 @@ export default {
onMounted(() => {
debouncedGetIndividualData = debounce(getIndividualData, 300)
- if (this.initialValue && this.initialValue.id) {
- this.participant = { ...this.initialValue }
+ if (props.initialValue && props.initialValue.id) {
+ participant = { ...props.initialValue }
+ search = props.initialValue.name
}
- debouncedGetIndividualData()
})
const loadMore = async () => {
@@ -109,7 +108,6 @@ export default {
}
const handleClear = (newValue) => {
- console.log("handleClear", newValue)
if (!newValue) {
items.value = []
search.value = null
@@ -120,7 +118,6 @@ export default {
}
watch(search, async (newVal, oldVal) => {
- console.log("watch search", newVal, oldVal)
if (oldVal !== newVal) {
numItems.value = 10
await debouncedGetIndividualData(newVal)
@@ -132,7 +129,6 @@ export default {
handleClear,
initials,
items,
- labelProp,
loading,
loadMore,
participant,