|
|
@@ -7,7 +7,7 @@
|
|
|
duration="500"
|
|
|
style="height:300rpx">
|
|
|
<swiper-item v-for="(item , index) in swiperList" :key="index">
|
|
|
- <image :src="item.img" mode="aspectFill" style="width: 100%;height: 100%;"></image>
|
|
|
+ <image :src="item.pic_path" mode="aspectFill" style="width: 100%;height: 100%;"></image>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
</view>
|
|
|
@@ -15,39 +15,39 @@
|
|
|
<view class="header-detail-box">
|
|
|
|
|
|
<view class="header-title">
|
|
|
- {{detailObj.parkName}}
|
|
|
+ {{detailObj.name || '-'}}
|
|
|
</view>
|
|
|
|
|
|
<view class="header-content-box display-around display-wrap">
|
|
|
<view class="display-between-column items-center width-30 margin-bottom-20">
|
|
|
- <view class="display-flex-start"><image src="/static/park/detail/enterprise.png" mode="aspectFill" class="park-footer-img"></image>{{detailObj.nums}}</view>
|
|
|
+ <view class="display-flex-start"><image src="/static/park/detail/enterprise.png" mode="aspectFill" class="park-footer-img"></image>{{detailObj.company_count || '-'}}</view>
|
|
|
<view class="park-footer-font">入驻企业</view>
|
|
|
</view>
|
|
|
<view class="display-between-column items-center width-30 margin-bottom-20">
|
|
|
<view class="display-flex-start">
|
|
|
<image src="/static/park/detail/mu.png" mode="aspectFill" class="park-footer-img"></image>
|
|
|
- {{detailObj.area1}}<text style="font-size: 12rpx;">万亩</text>
|
|
|
+ {{detailObj.cover_area || '-'}}<text style="font-size: 12rpx;">万亩</text>
|
|
|
</view>
|
|
|
<view class="park-footer-font">占地亩数</view>
|
|
|
</view>
|
|
|
<view class="display-between-column items-center width-30 margin-bottom-20">
|
|
|
<view class="display-flex-start">
|
|
|
<image src="/static/park/detail/rent.png" mode="aspectFill" class="park-footer-img"></image>
|
|
|
- {{detailObj.price}}<text style="font-size: 12rpx;">元/㎡/月</text>
|
|
|
+ {{detailObj.price || '-'}}<text style="font-size: 12rpx;">元/㎡/月</text>
|
|
|
</view>
|
|
|
<view class="park-footer-font">租赁价格</view>
|
|
|
</view>
|
|
|
<view class="display-between-column items-center width-30 margin-bottom-20">
|
|
|
<view class="display-flex-start">
|
|
|
<image src="/static/park/detail/area.png" mode="aspectFill" class="park-footer-img"></image>
|
|
|
- {{detailObj.area2}}<text style="font-size: 12rpx;">万㎡</text>
|
|
|
+ {{detailObj.building_area || '-'}}<text style="font-size: 12rpx;">万㎡</text>
|
|
|
</view>
|
|
|
<view class="park-footer-font">建设面积</view>
|
|
|
</view>
|
|
|
<view class="display-between-column items-center width-30 margin-bottom-20">
|
|
|
<view class="display-flex-start">
|
|
|
<image src="/static/park/detail/area1.png" mode="aspectFill" class="park-footer-img"></image>
|
|
|
- {{detailObj.area3}}<text style="font-size: 12rpx;">万㎡</text>
|
|
|
+ {{detailObj.area_left_industry || '-'}}<text style="font-size: 12rpx;">万㎡</text>
|
|
|
</view>
|
|
|
<view class="park-footer-font">出租面积</view>
|
|
|
</view>
|
|
|
@@ -69,43 +69,43 @@
|
|
|
<view class="display-around-column content-font">
|
|
|
<view class="display-flex-start items-center margin-bottom-20">
|
|
|
<view class="width-30 margin-left-60 color-cf">运营机构</view>
|
|
|
- <view>{{detailObj.parkName}}</view>
|
|
|
+ <view>{{detailObj.manager || '-'}}</view>
|
|
|
</view>
|
|
|
<view class="display-flex-start items-center margin-bottom-20">
|
|
|
<view class="width-30 margin-left-60 color-cf">产业定位</view>
|
|
|
- <view>{{detailObj.direction}}</view>
|
|
|
+ <view>{{detailObj.target || '-'}}</view>
|
|
|
</view>
|
|
|
<view class="display-flex-start items-center margin-bottom-20">
|
|
|
<view class="width-30 margin-left-60 color-cf">园区类型</view>
|
|
|
- <view>{{detailObj.type}}</view>
|
|
|
+ <view>{{detailObj.building_types || '-'}}</view>
|
|
|
</view>
|
|
|
<view class="display-flex-start items-center margin-bottom-20">
|
|
|
<view class="width-30 margin-left-60 color-cf">物业费</view>
|
|
|
- <view>{{detailObj.property}}<text style="font-size: 16rpx;">元/㎡/月</text></view>
|
|
|
+ <view>{{detailObj.service_price || '-'}}<text style="font-size: 16rpx;">元/㎡/月</text></view>
|
|
|
</view>
|
|
|
<view class="display-flex-start items-center margin-bottom-20">
|
|
|
<view class="width-30 margin-left-60 color-cf">电费</view>
|
|
|
- <view>{{detailObj.elePrice}}<text style="font-size: 16rpx;">KW·h</text></view>
|
|
|
+ <view>{{detailObj.power_price || '-'}}<text style="font-size: 16rpx;">KW·h</text></view>
|
|
|
</view>
|
|
|
<view class="display-flex-start items-center margin-bottom-20">
|
|
|
<view class="width-30 margin-left-60 color-cf">水费</view>
|
|
|
- <view>{{detailObj.waterPrice}}<text style="font-size: 16rpx;">m³</text></view>
|
|
|
+ <view>{{detailObj.water_price || '-'}}<text style="font-size: 16rpx;">m³</text></view>
|
|
|
</view>
|
|
|
<view class="display-flex-start items-center margin-bottom-20">
|
|
|
<view class="width-30 margin-left-60 color-cf">一层楼高</view>
|
|
|
- <view>{{detailObj.oneHeight}}<text style="font-size: 16rpx;">m</text></view>
|
|
|
+ <view>{{detailObj.max_height || '-'}}<text style="font-size: 16rpx;">m</text></view>
|
|
|
</view>
|
|
|
<view class="display-flex-start items-center margin-bottom-20">
|
|
|
<view class="width-30 margin-left-60 color-cf">最大承重</view>
|
|
|
- <view>{{detailObj.bearing}}<text style="font-size: 16rpx;">kg</text></view>
|
|
|
+ <view>{{detailObj.max_weight || '-'}}<text style="font-size: 16rpx;">kg</text></view>
|
|
|
</view>
|
|
|
<view class="display-flex-start items-center margin-bottom-20">
|
|
|
<view class="width-30 margin-left-60 color-cf">联系电话</view>
|
|
|
- <view @click="makeCall(detailObj.tel)" style="color: #007AFF;">{{detailObj.tel}}</view>
|
|
|
+ <view @click="makeCall(detailObj.tel)" style="color: #007AFF;">{{detailObj.phone}}</view>
|
|
|
</view>
|
|
|
<view class="display-flex-start items-center">
|
|
|
<view class="width-30 margin-left-60 color-cf">详细地址</view>
|
|
|
- <view>{{detailObj.address}}</view>
|
|
|
+ <view>{{detailObj.address || '-'}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -118,20 +118,21 @@
|
|
|
<v-tabs v-model="current" :tabs="tabs" @change="changeTab"></v-tabs>
|
|
|
<view class="tabs-box">
|
|
|
<view v-if="current == 0" class="margin-bottom-20 content-font">
|
|
|
- {{detailObj.introduce}}
|
|
|
+ {{detailObj.desc || '-'}}
|
|
|
</view>
|
|
|
<view v-if="current == 1" class="margin-bottom-20 content-font">
|
|
|
- {{detailObj.facilities}}
|
|
|
+ {{detailObj.facilities || '-'}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <footer-share style="width: 100%;" :isCollection="true" @collectionPages="collectionPage" @sharePages="sharePage"></footer-share>
|
|
|
+ <footer-share style="width: 100%;" :isCollection="false" @collectionPages="collectionPage" @sharePages="sharePage"></footer-share>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import md5 from '@/common/md5.js';
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -143,6 +144,29 @@
|
|
|
img:'/static/swiper/swiper2.jpg'
|
|
|
},
|
|
|
],
|
|
|
+ nowId:'',
|
|
|
+ levelList:{
|
|
|
+ '1':'国家级',
|
|
|
+ '2':'省级',
|
|
|
+ '3':'市级',
|
|
|
+ '4':'区级'
|
|
|
+ },
|
|
|
+ parkType:{
|
|
|
+ '1':'工业厂房',
|
|
|
+ '2':'写字楼',
|
|
|
+ '3':'商业综合体',
|
|
|
+ '1,2':'工业厂房,写字楼',
|
|
|
+ '1,3':'工业厂房,商业综合体',
|
|
|
+ '2,3':'写字楼,商业综合体',
|
|
|
+ },
|
|
|
+ trafficList:{
|
|
|
+ '1':'班车',
|
|
|
+ '2':'地铁',
|
|
|
+ '3':'公交',
|
|
|
+ '1,2':'班车,地铁',
|
|
|
+ '1,3':'班车,公交',
|
|
|
+ '2,3':'地铁,公交',
|
|
|
+ },
|
|
|
detailObj:{
|
|
|
parkName:'新鸿辉工业园',
|
|
|
nums:484,
|
|
|
@@ -163,18 +187,17 @@
|
|
|
introduce:'新鸿辉工业园坐落于陕西省西安市西咸新区空港新城底张镇,占地面积一万平方米,内有大小企业共484家。',
|
|
|
facilities:'食堂、停车场、公寓、咖啡厅、便利店' //设施
|
|
|
},
|
|
|
- latitude: 39.909,
|
|
|
- longitude: 116.39742,
|
|
|
- covers: [{
|
|
|
- latitude: 39.909,
|
|
|
- longitude: 116.39742,
|
|
|
- }],
|
|
|
- current: 0,
|
|
|
- tabs: ['园区介绍', '配套设施']
|
|
|
+ latitude:'', //纬度
|
|
|
+ longitude:'', //经度
|
|
|
+ covers: [],
|
|
|
+ current: 0,
|
|
|
+ tabs: ['园区介绍', '配套设施']
|
|
|
}
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
console.log(option)
|
|
|
+ // this.nowId = option.id;
|
|
|
+ this.getDetailInfo(option.id)
|
|
|
},
|
|
|
methods: {
|
|
|
makeCall(tel){
|
|
|
@@ -183,11 +206,12 @@
|
|
|
})
|
|
|
},
|
|
|
goTxMap(la,lo){
|
|
|
+ let that = this;
|
|
|
uni.openLocation({
|
|
|
- latitude:la,
|
|
|
- longitude:lo,
|
|
|
- name:'新鸿辉工业园',
|
|
|
- address:'新鸿辉工业园'
|
|
|
+ latitude:Number(la),
|
|
|
+ longitude:Number(lo),
|
|
|
+ name:that.detailObj.name,
|
|
|
+ address:that.detailObj.address
|
|
|
})
|
|
|
},
|
|
|
changeTab(index) {
|
|
|
@@ -199,12 +223,56 @@
|
|
|
sharePage(){
|
|
|
console.log('分享')
|
|
|
uni.showShareMenu({
|
|
|
- title: '园区XXX',
|
|
|
- path:'pages/park/park_detail',
|
|
|
+ title: this.detailObj.name,
|
|
|
+ path:'pages/park/park_detail?id='+this.detailObj.id,
|
|
|
success(res) {
|
|
|
console.log(res)
|
|
|
}
|
|
|
})
|
|
|
+ },
|
|
|
+ getDetailInfo(parkId){
|
|
|
+ let md5Sign = md5("method="+'park'+"×tamp="+getApp().globalData.globalTimestamp+"&secret="+getApp().globalData.secret)
|
|
|
+ let url = getApp().globalData.shareUrl+'api/api.php'+'?method=park&source=park&action=info_by_id×tamp='+getApp().globalData.globalTimestamp +'&sign='+md5Sign
|
|
|
+ let postData = {
|
|
|
+ order_by:"weight desc",
|
|
|
+ id:parkId
|
|
|
+ // s_show:1,
|
|
|
+ // page:1,
|
|
|
+ // page_size:7
|
|
|
+ }
|
|
|
+ uni.request({
|
|
|
+ url:url,
|
|
|
+ method: 'POST',
|
|
|
+ header: {
|
|
|
+ 'content-type': 'application/x-www-form-urlencoded'
|
|
|
+ },
|
|
|
+ data:postData,
|
|
|
+ success: (res) => {
|
|
|
+ if(res.data.code === 200){
|
|
|
+ res.data.data.park_pics.forEach((item)=>{item.pic_path = getApp().globalData.shareUrl + item.pic_path})
|
|
|
+ this.swiperList = res.data.data.park_pics;
|
|
|
+ this.detailObj = res.data.data;
|
|
|
+ this.detailObj.location = this.detailObj.location.split(',');
|
|
|
+ this.latitude = this.detailObj.location[0];
|
|
|
+ this.longitude = this.detailObj.location[1];
|
|
|
+ this.covers = [{'latitude': this.latitude,'longitude': this.longitude,}]
|
|
|
+ this.detailObj.level = this.levelList[this.detailObj.level];
|
|
|
+ this.detailObj.building_types = this.parkType[this.detailObj.building_types];
|
|
|
+ let room = this.detailObj.room == '1' ? '宿舍':'';
|
|
|
+ let restaurant = this.detailObj.restaurant == '1' ? '餐厅':'';
|
|
|
+ let traffic = this.trafficList[this.detailObj.traffic];
|
|
|
+ this.detailObj.facilities = room + ',' + restaurant + ',' + traffic;
|
|
|
+ }else {
|
|
|
+ uni.showToast({
|
|
|
+ title:res.data.msg,
|
|
|
+ duration:2000
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fail: () => {
|
|
|
+ console.log("连接失败");
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
}
|