1

public/appnew/src/components/openSquareDetails/openSquareDetails.vue

@@ -11,6 +11,19 @@
 					<span>{{articleTime}}</span>
 				</p>
 			</div>
+			<div class="shop-list" @click="toShopDetail(houseId)">
+				<p class="shop-title">{{internalTitle}}</p>
+				<p class="shop-list-span">
+					<span>ID:{{houseId}}</span>
+				    <span>{{shopArea}}</span>
+				    <span>{{rentPrice}}</span>
+				</p>
+				<p class="shop-list-lable">
+					<span class="is-dujia" v-if="isExclusiveType == 1">独家</span>
+				    <span class="is-vip" v-if="isVip == 1">VIP盘</span>
+				    <span class="is-lable" v-for="item in shopSign">{{item}}</span>
+				</p>
+			</div>
 			<div class="oh article-content-area" v-html="articleContent">{{articleContent}}</div>
 		</article>
 		
@@ -63,6 +76,14 @@
 				articleDepartmentName:'',
 				articleSiteName:'',
 				articleContent: '',
+				houseId:'',
+				shopSign:[],
+				rentPrice:'',
+				shopArea:'',
+				isVip:'',
+				isShow:'',
+				internalTitle:'',
+				isExclusiveType:'',
 				isStop: false,
 				isLoading: false,
 				noDataFlag: false,
@@ -100,6 +121,37 @@
 					_this.articleSiteName = _news.site_name;
 					_this.articleDepartmentName = _news.district_lable_name;
 					_this.articleTime = _news.create_time;
+					_this.houseId = _news.house_id;
+					_this.isVip = _news.is_vip;
+					_this.isShow = _news.isShow;
+					_this.internalTitle = _news.internal_title;
+					_this.isExclusiveType = _news.is_exclusive_type;//字符串转化为数组
+					_this.shopSign=_news.shop_sign.split(',')
+					//商铺面积
+					if(_news.shop_type*1 == 0){
+					    _this.shopArea =_news.shop_area_start + '-' + _news.shop_area_end + '㎡';
+					}else{
+					    _this.shopArea =_news.shop_area_end + '㎡';
+					}
+					//租金
+
+		            if(_news.rent_type*1 == 1){
+		            	_this.rentPrice = _news.rent_price*1/100 + '元'
+		            }else if(_news.rent_type*1 == 2){
+		            	_this.rentPrice = _news.rent_price*1/100 + '%'
+		            	
+		            }else if(_news.rent_type*1 == 3){
+		            	_this.rentPrice = (_news.rent_price*1/100) + '元/天/㎡'
+		            	
+		            }else if(_news.rent_type*1 == 4){
+		            	_this.rentPrice = (_news.rent_price*1/100) + '元/年'
+		            	
+		            }else if(_news.rent_type*1 == 5){
+		            	_this.rentPrice = (_news.rent_price*1/100) + '元/月/㎡'
+		            	
+		            }
+					
+					
 					_this.articleContent = _this.common.urlDeal(_news.content);
 				} else {
 					layer.tipsX(response.data.msg);
@@ -146,6 +198,14 @@
 					layer.tipsX(error);
 				});
 			},
+			toShopDetail(id){
+				let _this = this;
+				console.log(_this.isShow);
+				if(_this.isShow == 0){
+				   location.href = this.common.ServerHost + "/app.php/app/share_detail?id=" + id +'&share=1&isC=0&client=b&isOfficial=1';
+				}
+				
+			}
 			
 		
 		},
@@ -218,4 +278,72 @@
 		display: inline-block;
 		margin-right: .1rem;
 	}
+	.shop-list{
+		margin-top: .3rem;
+		margin-bottom: .2rem;
+		box-sizing: border-box;
+		padding: .20rem!important;
+		width: 100%;
+		height:1.76rem;
+		background:rgba(255,255,255,1);
+		box-shadow:0 .04rem .12rem 0 rgba(200,191,181,0.25);
+		border-radius:.06rem;
+		border:.01rem solid rgba(218,221,230,1);
+	}
+	.shop-list .shop-title{
+		font-size:.28rem;
+		color:rgba(28,28,28,1);
+	}
+	.shop-list-span>span:nth-of-type(1){
+		display: inline-block;
+		padding: .05rem .1rem;
+		background: rgba(105,166,255,.1);
+		color: #50B9FC;
+		margin-right: .1rem;
+		font-size: .2rem;
+	}
+	.shop-list-span>span:nth-of-type(2){
+		display: inline-block;
+		color: #999;
+		margin-right: .1rem;
+		font-size:.26rem;
+		
+	}
+	.shop-list-span>span:nth-of-type(3){
+		display: inline-block;
+		font-size:.30rem;
+		font-weight:500;
+		color:rgba(255,92,80,1);
+		float: right;
+	}
+	.is-dujia{
+		display: inline-block;
+		padding: .05rem .1rem;
+		background: rgba(105,166,255,.1);
+		color: #50B9FC;
+		margin-right: .1rem;
+		font-size: .2rem;
+	}
+	.is-vip{
+		font-size: .2rem;
+		display: inline-block;
+		padding: .05rem .10rem;
+		background: rgba(255,128,24,.1);
+		color: #FF8018;
+		margin-right: .1rem;
+	}
+	.is-lable{
+		font-size: .2rem;
+		display: inline-block;
+		padding: .05rem .10rem;
+		background: #F5F5F5;
+		color: #999;
+		margin-right: .1rem;
+	}
+	.shop-list-span{
+		margin-top: .08rem;
+	}
+	.shop-list-lable{
+		margin-top: .16rem;
+	}
 </style>
\ No newline at end of file