From fb2a67ef1ad8dac7ad2a15cb935e087d3f5f8221 Mon Sep 17 00:00:00 2001
From: lifizer <913626195@qq.com>
Date: Fri, 22 Mar 2024 21:03:37 +0800
Subject: [PATCH] =?UTF-8?q?Fix(=E6=90=9C=E7=B4=A2):[#1001,=20#1002]?=
 =?UTF-8?q?=E9=87=8D=E5=A4=8D=E7=9A=84=E6=90=9C=E7=B4=A2=E8=AF=8D=E4=B8=8D?=
 =?UTF-8?q?=E8=83=BD=E5=86=8D=E6=AC=A1=E6=88=90=E4=B8=BA=E5=8E=86=E5=8F=B2?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=EF=BC=9B=E7=82=B9=E5=87=BB=E7=83=AD=E9=97=A8?=
 =?UTF-8?q?=E8=AF=8D=E5=90=8C=E6=AD=A5=E8=87=B3=E5=8E=86=E5=8F=B2=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/shop/GoodSearch/index.vue | 77 ++++++++++++++++++---------------
 1 file changed, 42 insertions(+), 35 deletions(-)

diff --git a/pages/shop/GoodSearch/index.vue b/pages/shop/GoodSearch/index.vue
index 9c09b0c..70af129 100644
--- a/pages/shop/GoodSearch/index.vue
+++ b/pages/shop/GoodSearch/index.vue
@@ -2,36 +2,41 @@
   <view class="good-search">
     <view class="header">
       <view class="search-box flex jc-between ai-center">
-        <input v-model="search" type="text" placeholder="搜索商品" placeholder-style="color:#999"/>
+        <input
+          v-model.trim="search"
+          type="text"
+          placeholder="搜索商品"
+          placeholder-style="color:#999"
+        />
         <view class="btn flex-0 flex jc-center ai-center" @click="submit">
           <text class="iconfont icon-sousuo2"></text>
           <text>搜索</text>
         </view>
       </view>
     </view>
-
-    <view class="page-content" v-if="historyKey.length">
+    <view v-if="historyKey.length" class="page-content">
       <view class="title">历史搜索</view>
       <view class="list acea-row limit-box">
         <view
-            class="item"
-            v-for="item of historyKey"
-            :key="item.id"
-            @click="toSearch(item.word)"
-        >{{ item.word }}
+          v-for="item of historyKey"
+          :key="item.id"
+          class="item"
+          @click="toSearch(item.word)"
+        >
+          {{ item.word }}
         </view>
       </view>
     </view>
-
     <view class="page-content" v-if="keywords.length">
       <view class="title">热门搜索</view>
       <view class="list acea-row">
         <view
-            class="item"
-            v-for="keywordsKey of keywords"
-            :key="keywordsKey"
-            @click="toSearch(keywordsKey)"
-        >{{ keywordsKey }}
+          v-for="keywordsKey of keywords"
+          :key="keywordsKey"
+          class="item"
+          @click="toSearch(keywordsKey)"
+        >
+          {{ keywordsKey }}
         </view>
       </view>
     </view>
@@ -40,19 +45,18 @@
 </template>
 
 <script>
-import {getSearchKeyword} from "@/api/store";
-import {trim} from "@/utils";
-
+import {getSearchKeyword} from '@/api/store'
+import {trim} from '@/utils'
 export default {
-  name: "GoodSearch",
+  name: 'GoodSearch',
   props: {},
   data: function () {
     return {
       webUrl: this.$VUE_APP_RESOURCES_URL,
       keywords: [],
-      search: "",
+      search: '',
       historyKey: []
-    };
+    }
   },
   mounted: function () {
     this.getData();
@@ -62,29 +66,32 @@ export default {
   },
   methods: {
     submit() {
-      const search = trim(this.search) || "";
-      if (!search) return;
-
-      this.historyKey.unshift({id: this.$global.generateMixed(10), word: search});
-      this.setHistory();
-      this.search = "";
-
-      this.toSearch(search);
+      const search = trim(this.search) || ''
+      if (!search) return
+      this.setHistory(search)
+      this.search = ''
+      this.toSearch(search)
     },
     toSearch(s) {
-      this.$yrouter.push({path: "/pages/shop/GoodsList/index", query: {s}});
+      this.setHistory(s)
+      this.$yrouter.push({path: '/pages/shop/GoodsList/index', query: {s}})
     },
     getData() {
       getSearchKeyword().then(res => {
-        this.keywords = res.data;
-      });
+        this.keywords = res.data
+      })
     },
     getHistory() {
-      let temp = JSON.parse(uni.getStorageSync("historyKey")) || [];
-      this.historyKey = temp.slice(0, 30);
+      let temp = JSON.parse(uni.getStorageSync('historyKey') || '[]')
+      this.historyKey = temp.slice(0, 30)
     },
-    setHistory() {
-      uni.setStorageSync("historyKey", JSON.stringify(this.historyKey));
+    setHistory(word) {
+      const index = this.historyKey.findIndex(item => item.word === word)
+      if (index > -1) {
+        return
+      }
+      this.historyKey.unshift({id: this.$global.generateMixed(10), word })
+      uni.setStorageSync('historyKey', JSON.stringify(this.historyKey))
     }
   }
 };