瀏覽代碼

✨ 新增PopoverFilter组件根据输入框内容过滤选项列表

WanGxC 1 年之前
父節點
當前提交
d6feddbec2
共有 1 個文件被更改,包括 9 次插入1 次删除
  1. 9 1
      src/views/adManage/sp/components/PopoverFilter.vue

+ 9 - 1
src/views/adManage/sp/components/PopoverFilter.vue

@@ -41,7 +41,7 @@ async function fetchSearchResult() {
     page: page,
     limit: limit,
     productLineId: productLineSelect.value,
-    searchInput: searchInput.value,
+    searchItem: searchInput.value,
   }
 
   try {
@@ -62,10 +62,17 @@ async function fetchSearchResult() {
 
 function handleSelectChange() {
   page = 1
+  searchResult.value = [];  // 清空搜索结果
   emitter.emit('PopoverFilter-productLineSelect', productLineSelect)
   fetchSearchResult()
 }
 
+function searchInputBlur() {
+  page = 1
+  searchResult.value = []
+  fetchSearchResult()
+}
+
 emitter.on('PopoverFilterTable-sendRequest', () => {
   console.log('开始发送')
   fetchSearchResult()
@@ -98,6 +105,7 @@ onBeforeUnmount(() => {
           <div class="flex gap-1 p-2">
             <el-input
               v-model="searchInput"
+              @blur="searchInputBlur"
               placeholder="输入产品标题/父ASIN/ASIN查询"
               :prefix-icon="Search"
               style="width: 360px" />