工会搜索页云测bug修复

zhiyangdu
1 parent 478fdb52
Showing 4 changed files with 65 additions and 43 deletions
src/components/navSearchBar/navSearchBar.less
src/components/navSearchBar/navSearchBar.vue
src/pages/labourUnionSearch/labourUnionSearch.less
src/pages/labourUnionSearch/labourUnionSearch.vue
@@ -68,6 +68,16 @@
 							display: none;
 						}
 					}
+          .input[type=search] {
+            -webkit-appearance: textfield;
+            -webkit-box-sizing: content-box;
+            font-family: inherit;
+            font-size: 100%;
+          }
+          .input::-webkit-search-decoration,
+          .input::-webkit-search-cancel-button {
+            display: none;
+          }
 					.text {
 						display: flex;
 						justify-content: flex-start;
@@ -56,15 +56,17 @@
 			doSearch(keyword, e) {
 				// 判断按下的按键是不是回车（确认）
-				if ((keyword && (e.keyCode === 13 || (typeof e.key === "string" && e.key.toLowerCase() === "enter"))) || (!keyword && (e.keyCode === 8 || (typeof e.key === "string" && e.key.toLowerCase() === "backspace")))) {
+        if ((keyword && (e.keyCode === 13 || (typeof e.key === "string" && e.key.toLowerCase() === "enter"))) || (!keyword && (e.keyCode === 8 || (typeof e.key === "string" && e.key.toLowerCase() === "backspace")))) {
-					// 判断不是空格字符串
-					if (keyword.trim()) {
-						this.$emit("doSearch", keyword);
-					} else {
-						this.setKeyword('');
-					}
-				}
+          // 判断不是空格字符串
+          if (keyword.trim()) {
+            this.$emit("doSearch", keyword);
+          } else {
+            this.$emit("exceptions");
+          }
+        } else if ((keyword == '' && (e.keyCode === 13 || (typeof e.key === "string" && e.key.toLowerCase() === "enter"))) || (!keyword && (e.keyCode === 8 || (typeof e.key === "string" && e.key.toLowerCase() === "backspace")))) {
+          this.$emit("exceptions");          
+        }
 			},
 			/**
@@ -151,6 +151,11 @@
 									font-weight: bold;
 									border: 1px solid #B8B8B8;
 									border-radius: 24px;
+                  max-width: 300px;
+                  height: 40px;
+                  line-height: 40px;
+                  text-overflow: ellipsis;
+                  overflow: hidden;
 									&:last-child {
 										margin-right: 0;
 									}
@@ -11,7 +11,7 @@
 				<div class="nav-container" :style="'padding-top: ' + $parent.top.value + 'px'">
 					<!-- 导航栏 -->
-					<nav-search-bar ref="navSearchBar" @back="back" @doSearch="doSearch" @clearInput="clearInput"
+					<nav-search-bar ref="navSearchBar" @back="back" @doSearch="doSearch" @clearInput="clearInput" @exceptions="exceptions"
 						:navs="navsSearch">
 					</nav-search-bar>
 				</div>
@@ -340,46 +340,51 @@
 			 * @param {String} keyword [搜索关键字]
 			 */
 			doSearch(keyword) {
-				
+        console.log(keyword);
 				if (this.debug) {
 					console.log('doSearch', keyword);
 				}
 				// 判断必要参数
-				if (keyword && typeof keyword === 'string' && keyword.trim()) {
-					
-					// 清空列表
-					this.$set(this, 'lists', []);
-					
-					// 初始化tabs对象
-					this.setTabs(keyword);
-					
-					/* 记录搜搜历史 开始 */
-					
-					// 最多8个历史搜索结果
-					if (this.searchHistoryArr.length >= 8) {
-						
-						// 弹出一个数据
-						this.searchHistoryArr.pop();
-					}
-					
-					// 向前插入搜索历史
-					this.searchHistoryArr.unshift(keyword);
-					
-					// 搜索历史放入Storage中
-					this.setSearchHistoryArr(keyword);
-					
-					/* 记录搜搜历史 结束 */
-					
-					// 下一周期执行
-					this.$nextTick(() => {
-						
-						// 请求搜索接口
-						this.getLists(this.tabs, this.CALL_STATUS.INIT);
-					});
-				}
+        if (keyword && typeof keyword === 'string' && keyword.trim()) {
+
+          // 清空列表
+          this.$set(this, 'lists', []);
+
+          // 初始化tabs对象
+          this.setTabs(keyword);
+
+          /* 记录搜搜历史 开始 */
+
+          // 最多8个历史搜索结果
+          if (this.searchHistoryArr.length >= 8) {
+
+            // 弹出一个数据
+            this.searchHistoryArr.pop();
+          }
+
+          // 向前插入搜索历史
+          this.searchHistoryArr.unshift(keyword);
+
+          // 搜索历史放入Storage中
+          this.setSearchHistoryArr(keyword);
+
+          /* 记录搜搜历史 结束 */
+
+          // 下一周期执行
+          this.$nextTick(() => {
+
+            // 请求搜索接口
+            this.getLists(this.tabs, this.CALL_STATUS.INIT);
+          });
+        }
 			},
-			
+      /**
+			 * 搜索异常
+			 */
+			exceptions(){
+        Toast("请输入要搜索的商品");
+      },
 			/**
 			 * 清除输入框事件监听
 			 */