.flex
.col
base-select.search(
width="100%",
size="M",
placeholder="Найти пациента",
icon-left,
hide-dropdown-icon,
use-input
:input-debounce="500"
:items="candidates",
custom-option,
:filter-fn="filterFn",
:popup-content-style="{height: candidates?.length > 3 ? '216px' : ''}"
v-model="value"
ref="selectRef"
@blur="pasteFullName"
)
template(v-slot:iconLeft)
q-icon.search-icon(name="app:search", size="20px")
template(v-slot:customOption="{props, data}")
.w-full.item.px-4.py-2.flex.gap-x-3.cursor-pointer(
v-bind="props"
)
.flex.flex-col.gap-y-1
.text-dark.text-sm.font-medium {{ data.last_name + ' ' + data.first_name + ' ' + data.patronymic }}
template(v-slot:beforeOptions)
.h-10.w-full.px-4.pt-3.pb-2.flex.items-center
span.text-m.grey-color {{message}}
span.text-m.primary-color.cursor-pointer.pl-1(@click="createPerson") Создать
template(v-slot:noOption)
.h-10.w-full.px-4.pt-3.pb-2.flex.items-center
span.text-m.grey-color {{message}}
span.text-m.primary-color.cursor-pointer.pl-1(@click="createPerson") Создать