商铺 列表修改

public/appnew/src/components/shop/shopList.vue

@@ -25,7 +25,7 @@
 			<section v-for="(item, index) in mainData" v-show="index === initTabNumMain">
 				<pagination-load :canload="!item.isStop" :distance="10" @load="getList">
 				    <ul>
-				    	<li class="main-sec-li" v-for="(item2, index2) in item.dataList">
+				    	<li class="main-sec-li" v-for="(item2, index2) in item.dataList" @click="toShopDetail(item2.id)">
 				    		<div class="shop-list-img shop-list">
 				    			<img-error :datasrc="selesctImg(item2)" :imgtype="'div'"></img-error>
 							</div>
@@ -50,7 +50,7 @@
 					<li v-for="(item1, index1) in mainDataCityLi" class="area-li" :class="{active:index1 === initTabNumAreaCity}" @click="tabAreaCity(index1,item1.district)">{{item1.district}}</li>
 				</ul>
 				<ul class="mark-shop-choose-ul mark-shop-choose-ul-right" v-if="mainDataCityLi[initTabNumAreaCity]">
-					<li class="area-li" v-for="(item1, index1) in mainDataCityLi[initTabNumAreaCity].business" :class="{active:index1 === initTabNumBusiness}" @click="tabAreaBusiness(index1,item1.id)">{{item1.name}}</li>
+					<li class="area-li" v-for="(item1, index1) in mainDataCityLi[initTabNumAreaCity].business" :class="{active:index1 === initTabNumBusiness}" @click="tabAreaBusiness(index1,item1.id,item1.name)">{{item1.name}}</li>
 				</ul>
 			</div>
 			<div v-show="index == 1">
@@ -66,12 +66,12 @@
 			<div v-show="index == 3">
 				<div class="mark-shop-choose-ul mark-shop-choose-ul-padding">
 					<p class="rent-choose">租金（单选）</p>
-					<span v-for="(item6, index6) in mainDataChooseLi.money" class="li-choose-span li-choose-span-rent" :class="{active:index6 === initTabNumRent}" @click="tabRent(index6)">{{item6.value}}</span>
+					<span v-for="(item6, index6) in mainDataChooseLi.money" class="li-choose-span li-choose-span-rent" :class="{active:index6 === initTabNumRent}" @click="tabRent(index6,item6.value.split('-'))">{{item6.value}}</span>
 					<p class="lable-choose">特色标签（多选）</p>
 					<span v-for="(item3, index3) in mainDataChooseLi.more" class="li-choose-span li-choose-span-sign" :class="{active:arrShop.indexOf(item3) > -1}" @click="tabShopSign(item3)">{{item3}}</span>
 					<div class="more-button">
-						<span class="clear-btn">清空</span>
-						<span class="save-btn">保存</span>
+						<span class="clear-btn" @click="delMore()">清空</span>
+						<span class="save-btn" @click="saveMore()">保存</span>
 					</div>
 				</div>
 				
@@ -131,9 +131,11 @@
 			ajaxDisc:'',
 			ajaxBusiness:'',
 			ajaxYeTai:'',
-			ajaxArea:'',
 			ajax_shop_area_start:'',
 			ajax_shop_area_end:'',
+			ajax_rent_price_start:'',
+			ajax_rent_price_end:'',
+			ajaxShopSign:'',
 			arrShop: ['全部'],
 			mainDataChoose:[{
 				'title': '区域',
@@ -185,6 +187,12 @@
 					    if(_this.ajax_shop_area_end){
 					       _data.shop_area_end = _this.ajax_shop_area_end;
 					    };
+					    if(_this.ajax_rent_price_start){
+					       _data.rent_price_start = _this.ajax_rent_price_start;
+					    };
+					    if(_this.ajax_rent_price_end){
+					       _data.rent_price_end = _this.ajax_rent_price_end;
+					    };
 					    if(_this.ajaxDisc){
 					    	_data.disc =  _this.ajaxDisc;
 					    };
@@ -194,6 +202,9 @@
 					    if(_this.ajaxYeTai){
 					       _data.industry_type = _this.ajaxYeTai;
 					    };
+					    if(_this.ajaxShopSign){
+					       _data.shop_sign = _this.ajaxShopSign;
+					    };
 					    
 					_this.axios({
 						method: 'get',
@@ -277,6 +288,7 @@
 				let _this = this;
 				_this.initTabNumYeTai = index;
 				_this.ajaxYeTai = yetai
+				_this.mainDataChoose[_this.initTabNumMainChoose].title = yetai;
 				_this.mainDataChoose[_this.initTabNumMainChoose].isShow = false;
 				_this.resetConditions();
 				_this.getList();
@@ -285,7 +297,7 @@
 			tabArea(index,area){
 				let _this = this;
 				 _this.initTabNumArea = index;
-				 _this.ajaxArea = area;
+				_this.mainDataChoose[_this.initTabNumMainChoose].title = area.join('-');
 				 if(area[0] != '全部' ){
 				 	var parseIntStart = parseInt(area[0]);
 				 }
@@ -315,18 +327,39 @@
 				_this.initTabNumAreaCity = index;
 				_this.ajaxDisc = district;
 			},
-			tabAreaBusiness(index,business){
+			tabAreaBusiness(index,business,businessStr){
 				let _this = this;
 				_this.initTabNumBusiness = index;
+				_this.mainDataChoose[_this.initTabNumMainChoose].title = businessStr;
 				_this.mainDataChoose[_this.initTabNumMainChoose].isShow = false;
 				_this.ajaxBusiness = business;
 				_this.resetConditions();
 				_this.getList();
 				
 			},
-			tabRent(index){
+			tabRent(index,rent){
 				let _this = this;
 				_this.initTabNumRent = index;
+				 if(rent[0] != '全部' ){
+				 	var parseIntStart = parseInt(rent[0]);
+				 }
+				if(rent[0] == '全部'){
+					_this.ajax_rent_price_start = '';
+					_this.ajax_rent_price_end = '';
+				}else if((rent.length == 1) && (rent[0] != '全部')){
+					if(parseIntStart > 1){
+						_this.ajax_rent_price_start = parseIntStart*10000;
+						_this.ajax_rent_price_end = '';
+					}else{
+						_this.ajax_rent_price_start = '0';
+						_this.ajax_rent_price_end = parseIntStart*10000;
+					};
+				}else{
+				   var parseIntEnd = parseInt(rent[1]);
+				       _this.ajax_rent_price_start = parseIntStart*10000;
+					   _this.ajax_rent_price_end = parseIntEnd*10000;
+					
+				}
 			},
 			tabShopSign(item){
 				let _this = this;
@@ -335,7 +368,25 @@
 					_this.arrShop.splice(_shopIndex, 1); 
 				}else{
 					_this.arrShop.push(item); 
-			    }
+			    };
+			    _this.ajaxShopSign = _this.arrShop.join(',');
+			},
+			toShopDetail(id){
+				var str = "https://api.tonglianjituan.com/app.php/app/share_detail?share=1&isC=0&client=b&id=" + id;
+				location.href = str;
+			},
+			delMore(){
+				let _this = this;
+				_this.initTabNumRent = 0;
+				_this.ajax_rent_price_start = '';
+				_this.ajax_rent_price_end = '';
+				_this.arrShop = ['全部'];
+			},
+			saveMore(){
+				let _this = this;
+				_this.mainDataChoose[_this.initTabNumMainChoose].isShow = false;
+			    _this.resetConditions();
+				_this.getList();
 			},
 			tabLable(index){
 				let _this = this;