diff --git a/src/views/Invitation/inviteRechargeAgency.vue b/src/views/Invitation/inviteRechargeAgency.vue index f88f8c5..1678b86 100644 --- a/src/views/Invitation/inviteRechargeAgency.vue +++ b/src/views/Invitation/inviteRechargeAgency.vue @@ -204,6 +204,7 @@ import { computed, onMounted, ref } from 'vue' import { useI18n } from 'vue-i18n' import { setDocumentDirection } from '@/locales/i18n' +import { useDebounce } from '@/utils/useDebounce' import { showError, showSuccess } from '@/utils/toast.js' import { handleAvatarImageError } from '@/utils/imageHandler.js' @@ -256,19 +257,28 @@ const handleInputChange = () => { } } -// 回车搜索 -const handleEnterPress = async () => { - console.log('搜索用户id:', searchQuery.value) - searchResults.value = [] - selectedUser.value = {} - disInvite.value = true - if (searchQuery.value.trim()) { - const resSearchUser = await searchUser(searchQuery.value) - if (resSearchUser.status && resSearchUser.body) { - let targetUserInfo = { userProfile: resSearchUser.body } - searchResults.value.push(targetUserInfo) +// 创建防抖版本的搜索函数 +const debouncedSearch = useDebounce( + async () => { + console.log('搜索用户id:', searchQuery.value) + searchResults.value = [] + selectedUser.value = {} + disInvite.value = true + if (searchQuery.value.trim()) { + const resSearchUser = await searchUser(searchQuery.value) + if (resSearchUser.status && resSearchUser.body) { + let targetUserInfo = { userProfile: resSearchUser.body } + searchResults.value.push(targetUserInfo) + } } - } + }, + 500, + true +) + +// 回车防抖搜索 +const handleEnterPress = () => { + debouncedSearch() } // 选择用户