Skip to content

T
tl_estate
Commit d7418149 authored by agping's avatar agping
Browse files
Options

商铺列表 商铺详情修改

parent 7d541710
Show whitespace changes
Inline Side-by-side
Showing with 101 additions and 30 deletions
application/app/view/index/share_detail.html
View file @ d7418149
...@@ -58,6 +58,11 @@ ...@@ -58,6 +58,11 @@
</ul> </ul>
</div> </div>
<!--line 3--> <!--line 3-->
<!--最适合业态-->
<p class="b3_font1 b3_span_shop_yetai">
<span>最适合业态：</span>
<span class="b3_span_shop_yetai_con gw"></span>
</p>
<p class="b3_font1 b3_span_shop_num"> <p class="b3_font1 b3_span_shop_num">
<span>剩余铺数：</span> <span>剩余铺数：</span>
<span class="b3_span_build_num gw"></span> <span class="b3_span_build_num gw"></span>
......
application/index/view/share_shop/share_detail.html
View file @ d7418149
...@@ -59,6 +59,11 @@ ...@@ -59,6 +59,11 @@
</ul> </ul>
</div> </div>
<!--line 3--> <!--line 3-->
<!--最适合业态-->
<p class="b3_font1 b3_span_shop_yetai">
<span>最适合业态：</span>
<span class="b3_span_shop_yetai_con gw"></span>
</p>
<p class="b3_font1 b3_span_shop_num"> <p class="b3_font1 b3_span_shop_num">
<span>剩余铺数：</span> <span>剩余铺数：</span>
<span class="b3_span_build_num gw"></span> <span class="b3_span_build_num gw"></span>
......
public/app/js/detaila_tl.js
View file @ d7418149
...@@ -133,7 +133,7 @@ ...@@ -133,7 +133,7 @@
$(".kaiye-time").html(response.data.start_business_date); $(".kaiye-time").html(response.data.start_business_date);
// $(".duinei").html(response.data.city + response.data.disc + response.data.external_address); // $(".duinei").html(response.data.city + response.data.disc + response.data.external_address);
$(".duinei").html(response.data.address); $(".duinei").html(response.data.address);
$(".b3_span_shop_yetai_con").html(response.data.fit_industry_type);
$(".jiaotong").html(response.data.traffic); $(".jiaotong").html(response.data.traffic);
/*配套设施 */ /*配套设施 */
$(".electric-quantity-details").html(response.data.electric_quantity+'KW'); $(".electric-quantity-details").html(response.data.electric_quantity+'KW');
......
public/app/js/detaila_tuiguang.js
View file @ d7418149
...@@ -124,6 +124,7 @@ ...@@ -124,6 +124,7 @@
$(".kaiye-time").html(response.data.start_business_date); $(".kaiye-time").html(response.data.start_business_date);
// $(".duinei").html(response.data.city + response.data.disc + response.data.external_address); // $(".duinei").html(response.data.city + response.data.disc + response.data.external_address);
$(".duinei").html(response.data.address); $(".duinei").html(response.data.address);
$(".b3_span_shop_yetai_con").html(response.data.fit_industry_type);
$(".jiaotong").html(response.data.traffic); $(".jiaotong").html(response.data.traffic);
/*配套设施 */ /*配套设施 */
......
public/appnew/src/components/shop/shopList.vue
View file @ d7418149
...@@ -34,9 +34,9 @@ ...@@ -34,9 +34,9 @@
<img-error :datasrc="selesctImg(item2)" :imgtype="'house'"></img-error> <img-error :datasrc="selesctImg(item2)" :imgtype="'house'"></img-error>
</div> </div>
<div class="shop-list-con shop-list"> <div class="shop-list-con shop-list">
<p class="shop-title shop-list-top">{{item2.title}}</p> <p class="shop-title shop-list-top-first">{{item2.title}}</p>
<p class="shop-rent shop-list-top">{{selesctRent(item2)}}</p> <p class="shop-rent shop-list-top-two">租金均价：<span>{{selesctRent(item2)}}</span>{{selesctRentType(item2)}}</p>
<p class="shop-list-top"> <p class="shop-list-top-three">
<span v-for="(item3, index3) in item2.shop_sign.split(',').splice(0, 3)" class="shop-lable">{{item3}}</span> <span v-for="(item3, index3) in item2.shop_sign.split(',').splice(0, 3)" class="shop-lable">{{item3}}</span>
</p> </p>
</div> </div>
...@@ -546,19 +546,35 @@ ...@@ -546,19 +546,35 @@
selesctRent(item){ selesctRent(item){
var _rent_type = ''; var _rent_type = '';
if(item.rent_type == 1){ if(item.rent_type == 1){
_rent_type ='租金均价：' + item.rent_price + '元/月'; _rent_type ='' + item.rent_price;
}; };
if(item.rent_type == 2){ if(item.rent_type == 2){
_rent_type ='租金均价：' + item.rent_price + '%'; _rent_type ='' + item.rent_price;
}; };
if(item.rent_type == 3){ if(item.rent_type == 3){
_rent_type ='租金均价：' + item.rent_price + '元/天/m²'; _rent_type ='' + item.rent_price;
}; };
if(item.rent_type == 4){ if(item.rent_type == 4){
_rent_type ='租金均价：' + item.rent_price + '元/年'; _rent_type ='' + item.rent_price;
}; };
return _rent_type; return _rent_type;
}, },
selesctRentType(item){
var _rent_type_item = '';
if(item.rent_type == 1){
_rent_type_item ='元/月';
};
if(item.rent_type == 2){
_rent_type_item ='%';
};
if(item.rent_type == 3){
_rent_type_item ='元/天/m²';
};
if(item.rent_type == 4){
_rent_type_item ='元/年';
};
return _rent_type_item;
},
resetConditions(){ resetConditions(){
let _this = this; let _this = this;
_this.mainData=[ _this.mainData=[
...@@ -682,25 +698,37 @@ ...@@ -682,25 +698,37 @@
overflow: hidden; overflow: hidden;
} }
.shop-list-con .shop-title{ .shop-list-con .shop-title{
font-size: .3rem; font-size: .28rem;
width:4.5rem; width:4.5rem;
text-overflow: ellipsis; height: .8rem;
white-space: nowrap; text-overflow: -o-ellipsis-lastline;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-top: -.05rem;
} }
.shop-list-con .shop-rent{ .shop-list-con .shop-rent{
font-size: .26rem; font-size: .20rem;
color: #FF5C50; color: #FF5C50;
} }
.shop-list-con .shop-rent>span{
font-size: .30rem;
font-weight: 600;
}
.shop-list-con .shop-lable{ .shop-list-con .shop-lable{
font-size: .22rem; font-size: .22rem;
padding: .05rem .1rem; padding: .05rem .1rem;
color: #FFA900; color: #FFA900;
background-color: #FFF4DF; background-color: #fff;
margin-right: .1rem; margin-right: .1rem;
box-sizing: border-box;
border: 1px solid rgba(255, 186, 18,0.5);
border-radius: 2px;
} }
.shop-list-top{ .shop-list-top-three{
margin-top: .12rem; margin-top: .08rem;
} }
/*选择项样式*/ /*选择项样式*/
nav>.nav-main-choose { nav>.nav-main-choose {
......
public/appnew/src/components/shopSearch/shopSearchList.vue
View file @ d7418149
...@@ -5,6 +5,8 @@ ...@@ -5,6 +5,8 @@
<select @change="changeSearchCriteria"> <select @change="changeSearchCriteria">
<option value="商铺名称">商铺名称</option> <option value="商铺名称">商铺名称</option>
<option value="商铺编号">商铺编号</option> <option value="商铺编号">商铺编号</option>
<option value="详细业态关键词">适合业态</option>
</select> </select>
<img :src="icon_down" class="icon-search-img"/> <img :src="icon_down" class="icon-search-img"/>
</div> </div>
...@@ -32,9 +34,9 @@ ...@@ -32,9 +34,9 @@
<img-error :datasrc="selesctImg(item2)" :imgtype="'house'"></img-error> <img-error :datasrc="selesctImg(item2)" :imgtype="'house'"></img-error>
</div> </div>
<div class="shop-list-con shop-list"> <div class="shop-list-con shop-list">
<p class="shop-title shop-list-top">{{item2.title}}</p> <p class="shop-title shop-list-top-first">{{item2.title}}</p>
<p class="shop-rent shop-list-top">{{selesctRent(item2)}}</p> <p class="shop-rent shop-list-top-two"><span>{{selesctRent(item2)}}</span>{{selesctRentType(item2)}}</p>
<p class="shop-list-top"> <p class="shop-list-top-three">
<span v-for="(item3, index3) in item2.shop_sign.split(',').splice(0, 3)" class="shop-lable">{{item3}}</span> <span v-for="(item3, index3) in item2.shop_sign.split(',').splice(0, 3)" class="shop-lable">{{item3}}</span>
</p> </p>
</div> </div>
...@@ -207,8 +209,10 @@ ...@@ -207,8 +209,10 @@
}; };
if((_this.initInputValue == '商铺名称') && !(_this.ajax_input_value == '')){ if((_this.initInputValue == '商铺名称') && !(_this.ajax_input_value == '')){
_data.title = _this.ajax_input_value; _data.title = _this.ajax_input_value;
}else if(!(_this.ajax_input_value == '')){ }else if((_this.initInputValue == '商铺编号') && !(_this.ajax_input_value == '')){
_data.house_id = _this.ajax_input_value*1; _data.house_id = _this.ajax_input_value*1;
}else if(!(_this.ajax_input_value == '')){
_data.fit_industry_type = _this.ajax_input_value;
} }
_this.axios({ _this.axios({
method: 'get', method: 'get',
...@@ -459,19 +463,35 @@ ...@@ -459,19 +463,35 @@
selesctRent(item){ selesctRent(item){
var _rent_type = ''; var _rent_type = '';
if(item.rent_type == 1){ if(item.rent_type == 1){
_rent_type ='租金均价：' + item.rent_price + '元/月'; _rent_type ='' + item.rent_price;
}; };
if(item.rent_type == 2){ if(item.rent_type == 2){
_rent_type ='租金均价：' + item.rent_price + '%'; _rent_type ='' + item.rent_price;
}; };
if(item.rent_type == 3){ if(item.rent_type == 3){
_rent_type ='租金均价：' + item.rent_price + '元/天/m²'; _rent_type ='' + item.rent_price;
}; };
if(item.rent_type == 4){ if(item.rent_type == 4){
_rent_type ='租金均价：' + item.rent_price + '元/年'; _rent_type ='' + item.rent_price;
}; };
return _rent_type; return _rent_type;
}, },
selesctRentType(item){
var _rent_type_item = '';
if(item.rent_type == 1){
_rent_type_item ='元/月';
};
if(item.rent_type == 2){
_rent_type_item ='%';
};
if(item.rent_type == 3){
_rent_type_item ='元/天/m²';
};
if(item.rent_type == 4){
_rent_type_item ='元/年';
};
return _rent_type_item;
},
resetConditions(){ resetConditions(){
let _this = this; let _this = this;
_this.mainData=[ _this.mainData=[
...@@ -579,25 +599,37 @@ ...@@ -579,25 +599,37 @@
overflow: hidden; overflow: hidden;
} }
.shop-list-con .shop-title{ .shop-list-con .shop-title{
font-size: .3rem; font-size: .28rem;
width:4.5rem; width:4.5rem;
text-overflow: ellipsis; height: .8rem;
white-space: nowrap; text-overflow: -o-ellipsis-lastline;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-top: -.05rem;
} }
.shop-list-con .shop-rent{ .shop-list-con .shop-rent{
font-size: .26rem; font-size: .20rem;
color: #FF5C50; color: #FF5C50;
} }
.shop-list-con .shop-rent>span{
font-size: .30rem;
font-weight: 600;
}
.shop-list-con .shop-lable{ .shop-list-con .shop-lable{
font-size: .22rem; font-size: .22rem;
padding: .05rem .1rem; padding: .05rem .1rem;
color: #FFA900; color: #FFA900;
background-color: #FFF4DF; background-color: #fff;
margin-right: .1rem; margin-right: .1rem;
box-sizing: border-box;
border: 1px solid rgba(255, 186, 18,0.5);
border-radius: 2px;
} }
.shop-list-top{ .shop-list-top-three{
margin-top: .12rem; margin-top: .08rem;
} }
/*选择项样式*/ /*选择项样式*/
nav>.nav-main-choose { nav>.nav-main-choose {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment