From 93ba1c134f0bcc1f86d87f90c97ecd18eeec2d68 Mon Sep 17 00:00:00 2001
From: mabo <mailmabo@126.com>
Date: Fri, 30 Jul 2021 17:11:36 +0800
Subject: [PATCH] =?UTF-8?q?=E7=83=AD=E6=90=9C=E8=AF=8D=E7=BC=93=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 buyer/src/components/Search.vue | 21 ++++++++++++++-------
 buyer/src/vuex/mutations.js     |  3 +++
 buyer/src/vuex/store.js         |  5 +++--
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/buyer/src/components/Search.vue b/buyer/src/components/Search.vue
index f93c2d66..f519e160 100644
--- a/buyer/src/components/Search.vue
+++ b/buyer/src/components/Search.vue
@@ -27,6 +27,7 @@
           <Tag
             v-for="(item, index) in promotionTags"
             :key="index"
+            class="mr_10"
           >
             <span class="hover-color" @click="selectTags(item)">{{ item }}</span>
           </Tag>
@@ -37,6 +38,7 @@
 </template>
 
 <script>
+import storage from '@/plugins/storage.js'
 import {hotWords} from '@/api/goods.js'
 export default {
   name: 'search',
@@ -61,7 +63,6 @@ export default {
   data () {
     return {
       searchData: '', // 搜索内容
-      promotionTags: [] // 热门搜索列表
     };
   },
   methods: {
@@ -79,22 +80,28 @@ export default {
       this.$emit('search', this.searchData)
     }
   },
-  mounted () {
+  computed:{
+    promotionTags () {
+      return JSON.parse(this.$store.state.hotWordsList)
+    }
+  },
+  created () {
     this.searchData = this.$route.query.keyword
     if (!this.hover) { // 首页顶部固定搜索栏不调用热词接口
       // 搜索热词每一小时请求一次
-      const reloadTime = this.Cookies.getItem('hotWordsReloadTime')
+      const reloadTime = storage.getItem('hotWordsReloadTime')
       const time = new Date().getTime() - 60*60*1000
       if (!reloadTime) {
         hotWords({count: 5}).then(res => {
-          if (res.success) this.promotionTags = res.result
+          console.log(res);
+          if (res.success) storage.setItem('hotWordsList', res.result)
         })
-        this.Cookies.setItem('hotWordsReloadTime',new Date().getTime())
+        storage.setItem('hotWordsReloadTime',new Date().getTime())
       } else if (reloadTime && time > reloadTime) {
         hotWords({count: 5}).then(res => {
-          if (res.success) this.promotionTags = res.result
+          if (res.success) storage.setItem('hotWordsList', res.result)
         })
-        this.Cookies.setItem('hotWordsReloadTime',new Date().getTime())
+        storage.setItem('hotWordsReloadTime',new Date().getTime())
       }
       
     }
diff --git a/buyer/src/vuex/mutations.js b/buyer/src/vuex/mutations.js
index e83da86c..ed1dbba4 100644
--- a/buyer/src/vuex/mutations.js
+++ b/buyer/src/vuex/mutations.js
@@ -9,3 +9,6 @@ export const SET_NAVLIST = (state, data) => {
 export const SET_CARTNUM = (state, data) => {
   state.cartNum = data
 }
+export const SET_HOTWORDS = (state, data) => {
+  state.hotWordsList = data
+}
diff --git a/buyer/src/vuex/store.js b/buyer/src/vuex/store.js
index b935a933..f3bdb17e 100644
--- a/buyer/src/vuex/store.js
+++ b/buyer/src/vuex/store.js
@@ -10,9 +10,10 @@ Vue.use(Vuex);
 export default new Vuex.Store({
   state: {
     category: [], // 全部分类
-    navList: [],
+    navList: [], // 首页快捷导航
     cartNum: storage.getItem('cartNum') || 0,
-    logoImg: require('@/assets/images/logo2.png')
+    logoImg: require('@/assets/images/logo2.png'),
+    hotWordsList: storage.getItem('hotWordsList') || []
   },
   getters,
   actions,