From 39cf73458193b4351b3fdf118e349adad912b17f Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Thu, 8 Aug 2024 08:34:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=9F=E6=88=B7=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/components/TenantToggle/index.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/apps/web-antd/src/components/TenantToggle/index.vue b/apps/web-antd/src/components/TenantToggle/index.vue
index 03cd4b18..83cbfc21 100644
--- a/apps/web-antd/src/components/TenantToggle/index.vue
+++ b/apps/web-antd/src/components/TenantToggle/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { TenantOption } from '#/api';
+
 import { computed, onMounted, ref, unref } from 'vue';
 import { useRouter } from 'vue-router';
 
@@ -66,6 +68,15 @@ async function onDeselect() {
   lastSelected.value = '';
   close(false);
 }
+
+/**
+ * select搜索使用
+ * @param input 输入内容
+ * @param option 选项
+ */
+function filterOption(input: string, option: TenantOption) {
+  return option.companyName.toLowerCase().includes(input.toLowerCase());
+}
 </script>
 
 <template>
@@ -73,10 +84,12 @@ async function onDeselect() {
     <Select
       v-model:value="selected"
       :field-names="{ label: 'companyName', value: 'tenantId' }"
+      :filter-option="filterOption"
       :options="tenantList"
       allow-clear
       class="w-60"
       placeholder="选择租户"
+      show-search
       @deselect="onDeselect"
       @select="onSelected"
     >