fix: 🧩 修改bug

src/components/DetailsSearch/index.vue

@@ -113,6 +113,7 @@
                             v-model="_searchResult[`${item.prop}`]"
                             multiple
                             filterable
+                            :reserve-keyword="false"
                             @remove-tag="handleRomoveTag(item)"
                             :disabled="item.disabled"
                             :placeholder="item.placeholder"
@@ -129,15 +130,16 @@
                     <template
                         v-if="item.type === 'selectMultipleRemoteCustomersNames' || item.type === 'selectProductLinesRemote'"
                     >
+                        <!-- // filterable -->
                         <el-select
                             v-model="_searchResult[`${item.prop}`]"
                             :placeholder="item.placeholder"
                             remote
-                            multiple
                             filterable
+                            multiple
+                            :reserve-keyword="false"
+                            @remove-tag="handleTagRemove1(item)"
                             class="m-2 select"
-                            remote-show-suffix
-                            @clear="handleSelectClear(item.prop)"
                             :remote-method="(query:any)=> handleSelectMultipleRemote(query, item)"
                             :disabled="item.disabled"
                         >
@@ -169,6 +171,7 @@ const props = defineProps<{
     inline?: Boolean;
     getSearchValue?: () => void;
     selectMultipleRemoveTag?: () => void;
+    selectMultipleRemoteTag1?: () => void;
     setRuleFormValue?: () => void;
 }>();
 
@@ -181,12 +184,17 @@ const emits = defineEmits<{
     (e: "setMaterialList", result: Record<string, any>): void;
     (e: "setRuleFormValue", result: Record<string, any>): void;
     (e: "selectMultipleRemoveTag", result: Record<string, any>): void;
+    (e: "selectMultipleRemoteTag1", result: Record<string, any>): void;
 }>();
 
 const handleRomoveTag = (item: any) => {
     emits("selectMultipleRemoveTag", { item, org_number: _searchResult.value.org_number });
 };
-
+const handleTagRemove1 = (item: any) => {
+    if (!_searchResult.value[item.prop].length) {
+        item.options = [];
+    }
+};
 //客戶
 const getCustomers = async (keywords: any, item: any) => {
     let org_number = _searchResult.value.org_number.join(",");
@@ -202,6 +210,8 @@ const getCustomers = async (keywords: any, item: any) => {
                 });
             });
             item.options = options;
+        } else {
+            item.options = [];
         }
     }
 };
@@ -220,6 +230,8 @@ const getProductLines = async (keywords: any, item: any) => {
                 });
             });
             item.options = options;
+        } else {
+            item.options = [];
         }
     }
 };
@@ -234,10 +246,12 @@ const getUsers = async (keywords: any, item: any) => {
             data.forEach((item: any) => {
                 options.push({
                     value: item.dduid,
-                    label: item.realname
+                    label: item.realname + " " + item.mobile
                 });
             });
             item.options = options;
+        } else {
+            item.options = [];
         }
     }
 };
@@ -247,6 +261,7 @@ const handleSelectMultipleRemote = (query: any, item: any) => {
     if (!query) {
         return;
     }
+    item.options = [];
     let valClone = query.replace(/^\s*|\s*$/g, "");
     if (!valClone) {
         return;
@@ -271,9 +286,7 @@ const remoteMethod = async (query: any, item: any) => {
         getUsers(valClone, item);
     }
 };
-const handleSelectClear = (prop: any) => {
-    console.log("会触发吗?", prop);
-};
+
 //input输入验证
 const valueVerify = (item: any) => {
     //只能输入整数