Quellcode durchsuchen

검색 레이어 수정

bin2107 vor 4 Jahren
Ursprung
Commit
45b8be1c15

+ 8 - 2
src/main/webapp/WEB-INF/views/mob/display/SearchLayerMob.html

@@ -620,7 +620,7 @@
 
 	// 검색어 찾기 결과
 	var fnAutoCompleteList = function (result){
-		if(result.autoKeywords.length==0 && result.brand == null && result.cateList == null && result.goodsList ==null){
+		if(result.autoKeywords.length==0 && gagajf.isNull(result.brand.brandGroupNo) && result.cateList.length == 0 && gagajf.isNull(result.goodsList)){
 			$("#keyupArea").hide();
 			$("#keyupCateArea").hide();
 			// $('.empty_box .nodata').find('#noDataKeyword').text("'"+$("#searchMainForm").find('input[name=keyword]').val()+"'");
@@ -642,10 +642,12 @@
 				});
 				tag += '</ul>\n';
 				$("#keyupArea").find(".relative-list").append(tag);
+			}else{
+				$("#keyupArea").find(".relative-list").html('');
 			}
 
 			// 브랜드
-			if(result.brand != null){
+			if(result.brand != null && !gagajf.isNull(result.brand.brandGroupNo)){
 				$("#keyupArea").find(".store-list").html('');
 				let tag = '';
 				tag += '<div class="f_left">\n';
@@ -655,6 +657,8 @@
 				tag += '	<a href="javascript:void(0);" onclick="cfnGoToBrandMain('+result.brand.brandGroupNo+');">바로가기</a>\n';
 				tag += '</div>\n';
 				$("#keyupArea").find(".store-list").append(tag);
+			}else{
+				$("#keyupArea").find(".store-list").html('');
 			}
 
 			if(result.cateList != null && result.cateList.length > 0){
@@ -702,6 +706,8 @@
 				tag += '</ul>\n';
 
 				$("#keyupCateArea").find(".sch_category").append(tag);
+			}else{
+				$("#keyupCateArea").find(".sch_category").html('');
 			}
 		}
 	}

+ 22 - 5
src/main/webapp/WEB-INF/views/web/display/SearchLayerWeb.html

@@ -169,7 +169,7 @@
 				<!-- //검색어 매칭 카테고리 있을 시 노출  -->
 			</div>
 
-			<div class="pd_list relate">
+			<div class="pd_list relate" id="relateGoodsDiv">
 				<h3>관련상품</h3>
 				<div class="realtime_wrap">
 					<div class="itemsGrp">
@@ -370,7 +370,6 @@
 
 		if (trendKeywordList.length > 0) {
 			$("#popularKeyArea").html('');
-			
 			trendKeywordList.forEach(function (item, idx) {
 				var tag = '';
 				if (idx < 10) {
@@ -380,6 +379,8 @@
 				}
 				$("#popularKeyArea").append(tag);
 			});
+		}else{
+			$("#popularKeyArea").html('');
 		}
 
 		//통합검색 - 검색어 입력 시
@@ -393,7 +394,7 @@
 
 	// 검색어 찾기 결과
 	var fnAutoCompleteList = function (result){
-		if(result.autoKeywords.length==0 && result.brand == null && result.cateList == null && result.goodsList ==null){
+		if(result.autoKeywords.length==0 && gagajf.isNull(result.brand.brandGroupNo) && result.cateList.length == 0 && gagajf.isNull(result.goodsList)){
 			$('.common_search .area_result .default_box').hide();
 			$('.common_search .area_result .searching_box').hide();
 			$('.common_search .area_result .empty_box').show();
@@ -413,14 +414,24 @@
 				});
 				tag += '</ul>\n';
 				$(".autokeyword_blk").append(tag);
+			}else{
+				$(".autokeyword_blk").html('');
+				let tag = '';
+				tag += '<ul>\n';
+				tag += '<li></li>\n';
+				tag += '</ul>\n';
+				$(".autokeyword_blk").append(tag);
 			}
 
-			if(result.brand != null){
+			if(result.brand != null && !gagajf.isNull(result.brand.brandGroupNo)){
 				$(".find_brand").html('');
 				let tag = '';
 				tag += '<h3><a href="javascript:void(0);" onclick="cfnGoToBrandMain('+result.brand.brandGroupNo+');">'+result.brand.brandGroupNm+' 샵 바로가기</a></h3>\n';
 				$(".find_brand").append(tag);
+			}else{
+				$(".find_brand").html('');
 			}
+
 			if(result.cateList != null && result.cateList.length > 0){
 				$(".find_category").html('');
 				let tag = '';
@@ -465,8 +476,11 @@
 				});
 				tag += '</ul>\n';
 				$(".find_category").append(tag);
+			}else{
+				$(".find_category").html('');
 			}
-			if(result.goodsList != null && result.goodsList.length > 0){
+			if(!gagajf.isNull(result.goodsList)){
+				$("#relateGoodsDiv").show();
 				$(".pd_list .realtime_wrap .itemsGrp").html('');
 				let tag = '';
 				$.each(result.goodsList, function (idx, item){
@@ -495,6 +509,9 @@
 				});
 
 				$(".pd_list .realtime_wrap .itemsGrp").append(tag);
+			}else{
+				$(".pd_list .realtime_wrap .itemsGrp").html('');
+				$("#relateGoodsDiv").hide();
 			}
 		}
 	}