Merge branch 'version_2.0.0_optimization_mall_update' of http://bj.gitlab.cnlive…

….com/w-front-end/select_good into version_2.0.0_optimization_mall_update

Merge branch 'version_2.0.0_optimization_mall_update' of http://bj.gitlab.cnlive…
….com/w-front-end/select_good into version_2.0.0_optimization_mall_update
zhiyangdu
2 parents f295e829 52b64dee
Showing 4 changed files with 71 additions and 31 deletions
src/components/searchBar/searchBar.less
src/pages/labourUnion/labourUnion.vue
src/pages/labourUnionSearch/labourUnionSearch.vue
src/pages/optimization2/optimization2.vue
@@ -46,6 +46,10 @@
 					.search-input {
 						color: #000000;
 						width: 100%;
+						&::-webkit-search-results-decoration
+						&::-webkit-search-cancel-button {
+							display: none;
+						}
 					}
 				}
 			}
@@ -49,7 +49,7 @@
                         <div class="buttons-box">
                             <div class="btn btn-active" @click="toOrderList">
                                 <div class="text">购买记录</div>
-                                <img src="static/img/icon_arrow_right_color.png" class="icon" mode="aspectFill" />
+                                <img src="/static/img/icon_arrow_right_color.png" class="icon" mode="aspectFill" />
                             </div>
                         </div>
                     </div>
@@ -51,7 +51,7 @@
 							</template>
 							<!-- 没有搜索数据 -->
-							<template v-else-if="tabs && tabs.keyword">
+							<template v-else-if="tabs && tabs.keyword && initialized">
 								<!-- 未找到您搜索的内容 -->
 								<div class="no-data">
@@ -131,6 +131,7 @@
 				navsSearch: null,				// 导航栏对象
 				searchHistoryArr: [],			// 搜索历史记录数组
 				tabs: {},						// tabsBar数据对象
+				initialized: false,				// 已初始化过标识，默认false
 				interface: 'goodsSearch',		// 列表页接口名称
 				lists: []						// 列表数据
 			}
@@ -304,6 +305,9 @@
 					// 获取数据列表失败
 					Toast('获取数据列表失败');
 				}
+
+				// 设置已初始化过
+				this.$set(this, 'initialized', true);
 			},
 			/**
@@ -340,51 +344,58 @@
 			 * @param {String} keyword [搜索关键字]
 			 */
 			doSearch(keyword) {
-        console.log(keyword);
+				
 				if (this.debug) {
 					console.log('doSearch', keyword);
 				}
 				// 判断必要参数
-        if (keyword && typeof keyword === 'string' && keyword.trim()) {
+        		if (keyword && typeof keyword === 'string' && keyword.trim()) {
-          // 清空列表
-          this.$set(this, 'lists', []);
+					// 清空列表
+					this.$set(this, 'lists', []);
-          // 初始化tabs对象
-          this.setTabs(keyword);
+					// 初始化tabs对象
+					this.setTabs(keyword);
-          /* 记录搜搜历史 开始 */
+					/* 记录搜搜历史 开始 */
-          // 最多8个历史搜索结果
-          if (this.searchHistoryArr.length >= 8) {
+					// 最多8个历史搜索结果
+					if (this.searchHistoryArr.length >= 8) {
-            // 弹出一个数据
-            this.searchHistoryArr.pop();
-          }
+						// 弹出一个数据
+						this.searchHistoryArr.pop();
+					}
-          // 向前插入搜索历史
-          this.searchHistoryArr.unshift(keyword);
+					// 向前插入搜索历史
+					this.searchHistoryArr.unshift(keyword);
-          // 搜索历史放入Storage中
-          this.setSearchHistoryArr(keyword);
+					// 搜索历史放入Storage中
+					this.setSearchHistoryArr(keyword);
-          /* 记录搜搜历史 结束 */
+					/* 记录搜搜历史 结束 */
-          // 下一周期执行
-          this.$nextTick(() => {
+					// 下一周期执行
+					this.$nextTick(() => {
-            // 请求搜索接口
-            this.getLists(this.tabs, this.CALL_STATUS.INIT);
-          });
-        }
+						// 请求搜索接口
+						this.getLists(this.tabs, this.CALL_STATUS.INIT);
+					});
+				}
 			},
-      /**
+      	
+			/**
 			 * 搜索异常
 			 */
-			exceptions(){
-        Toast("请输入要搜索的商品");
-      },
+			exceptions() {
+				
+				// 提示
+        		Toast("请输入要搜索的商品");
+
+				// 设置未初始化过
+				this.$set(this, 'initialized', false);
+      		},
+			
 			/**
 			 * 清除输入框事件监听
 			 */
@@ -399,6 +410,9 @@
 				// 初始化tabs对象
 				this.setTabs();
+
+				// 设置未初始化过
+				this.$set(this, 'initialized', false);
 			},
 			/**
@@ -474,7 +474,9 @@
                     page: 1,
                     list: []
                 },
-                hotSalesActivityCode: 'ds_ghw_ad'   // 页面渠道码
+                hotSalesActivityCode: 'ds_ghw_ad',  // 页面渠道码
+                refreshInterval: 5,                 // 刷新时间间隔
+                refreshPoint: 0                     // 页面从隐藏到显示的刷新时间点，时间戳格式
             }
         },
         computed: {
@@ -555,6 +557,13 @@
             // 优选页面接口
             this.index();
+            // 设置刷新时间点
+            if (!this.refreshPoint && this.refreshInterval > 0) {
+
+                // 设置刷新时间点
+                this.setRefreshPoint(this.refreshInterval);
+            }
+
             // 商品列表
             // this.shopGoodsList();
@@ -598,6 +607,16 @@
         methods: {
             /**
+             * 设置刷新时间点
+             * @param {Number} minute [刷新间隔时间，单位分钟]
+             */
+            setRefreshPoint(minute) {
+
+                // 设置刷新时间点
+                this.refreshPoint = new Date().getTime() + (parseFloat(minute) * 60 * 1000);
+            },
+
+            /**
              * 加载更多
              */
             loadMore() {
@@ -1495,7 +1514,10 @@
             document.addEventListener('visibilitychange', () => {
                 // 页面显示出来了
-                if (document.hidden === false && this.$route.name == 'optimization2') {
+                if (document.hidden === false && this.$route.name == 'optimization2' && ((this.refreshPoint && new Date().getTime() > this.refreshPoint) || !this.refreshPoint)) {
+
+                    // 设置刷新时间点
+                    this.setRefreshPoint(this.refreshInterval);
                     // 优选页面接口
                     this.index();