3f535f30
 杨鑫
'初始'
|
1
2
|
<template>
<view>
|
|
e5b57447
杨鑫
'分包问卷'
|
3
|
<view class="banner-img">
|
d64cd58f
 wesley88
上传验收小程序
|
4
|
<u-image :showLoading="true" :src="$img + (tableData.displayMainImage || tableData.locationDiagram || tableData.displayImage) | getimgurl" width="100%" height="100%"></u-image>
|
|
e5b57447
杨鑫
'分包问卷'
|
5
6
7
8
9
10
11
12
|
</view>
<view class="banner">
<view class="banner-item info">
<view class="info-title">
{{tableData.shopName || tableData.venueName}}
</view>
<view class="info-text">{{tableData.shopDescription}}</view>
|
|
77d98715
杨鑫
'小程序'
|
13
14
15
|
<view class="info-racord" v-if="moban.length !=0">
<view class="info-price"><span>{{moban[0].rentalPrice || ''}}</span>元/{{moban[0].leaseTerm || ''}}</view>
<!-- <view class="info-intention">{{tableData.id}}人有意向</view> -->
|
|
e5b57447
杨鑫
'分包问卷'
|
16
|
</view>
|
|
77d98715
杨鑫
'小程序'
|
17
18
19
|
<!-- <view class="info-racord" v-if="moban.length !=0">
查看更多租金优惠
</view> -->
|
|
3f535f30
杨鑫
'初始'
|
20
|
</view>
|
|
e5b57447
杨鑫
'分包问卷'
|
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
<view class="banner-item field">
<view class="banner-item-title">场地信息</view>
<view class="banner-item-form">
<u-row gutter="10">
<u-col span="6">
<view class="form-item">
<view class="label">场地类型：</view>
<text>{{tableData.architecturalForm || tableData.venueType}}</text>
</view>
</u-col>
<u-col span="6">
<view class="form-item">
<view class="label">实际使用面积：</view>
<text>{{tableData.actualUsableArea || tableData.actualArea}}m²</text>
</view>
</u-col>
<u-col span="6">
<view class="form-item">
<view class="label">所属区域：</view>
<text>{{tableData.belongingRegion || tableData.district}}</text>
</view>
</u-col>
<u-col span="12">
<view class="form-item">
<view class="label">规划图纸：</view>
<view>
|
|
d64cd58f
wesley88
上传验收小程序
|
47
|
<u-image v-if="tableData.architecturalDrawings" :showLoading="true" :src="$img + tableData.architecturalDrawings | getimgurl" width="calc(90vw - 140rpx)" height="300rpx"></u-image>
|
|
e5b57447
杨鑫
'分包问卷'
|
48
49
50
51
52
53
54
55
56
57
58
59
|
<text v-else>暂无</text>
</view>
</view>
</u-col>
<u-col span="12">
<view class="form-item">
<view class="label" style="width: 142rpx;">位置描述：</view>
<text style='flex: 1;'>{{tableData.detailedLocation }}</text>
</view>
</u-col>
</u-row>
</view>
|
|
3f535f30
杨鑫
'初始'
|
60
|
</view>
|
|
e5b57447
杨鑫
'分包问卷'
|
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
<view class="banner-item position">
<view class="banner-item-title">位置信息</view>
<view style="margin-top: 16rpx;">
<map style="width: 100%; height: 150rpx;">
<view class="position-info">
<u-image :showLoading="true" :src="$imgUrl('/location-icon.png')" width="20rpx" height="20rpx"></u-image>
<text>{{tableData.shopName || tableData.venueName}}</text>
</view>
</map>
</view>
</view>
<!-- <view class="banner-item other-business">
<view class="banner-item-title">周边商铺</view>
<view style="margin-top: 16rpx;">
<scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120">
<view v-for="(item, index) in 10" :key="index" class="scroll-view-item_H">
<view class="business-card">
<u-image :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="100%" height="210rpx"></u-image>
<view class="business-card-title">
这里是标题这里是标题这里是标题这里是标题这里是标题
</view>
<view class="business-card-item">租金：￥<span>1067</span>/月</view>
<view class="business-card-item">面积：<span>81</span>/m2</view>
</view>
</view>
</scroll-view>
</view>
</view> -->
</view>
|
|
3f535f30
杨鑫
'初始'
|
90
91
|
<!-- 底部 -->
<view class="page-footer">
|
|
e5b57447
杨鑫
'分包问卷'
|
92
93
94
95
96
|
<!-- <view class="footer-service">
<u-image :showLoading="true" :src="$imgUrl('/sevice-icon.png')" width="30rpx" height="30rpx"></u-image>
<text>客服</text>
</view> -->
<view class="footer-btn">
|
|
0306d452
杨鑫
'x小程序'
|
97
|
<!-- <u-button type="primary" @click="leaseAdd('/pages/intentionApply/intentionApply')" style="margin-right:10px;height: 35px;">意向申请</u-button> -->
|
|
e5b57447
杨鑫
'分包问卷'
|
98
99
100
101
102
103
104
105
|
<u-button type="success" style="height: 35px;" @click="leaseAdd('/pages/leaseAdd/leaseAdd')" >租赁申请</u-button>
<!-- <u-button type="success" style="margin-left: unset;" @click="leaseAdd">广告申请</u-button> -->
</view>
<!-- <view class="footer-service">
<u-image :showLoading="true" :src="$imgUrl('/share-icon.png')" width="30rpx" height="30rpx"></u-image>
<text>分享</text>
</view> -->
|
|
3f535f30
杨鑫
'初始'
|
106
107
108
109
110
111
112
113
114
|
</view>
</view>
</template>
<script>
export default {
data() {
return {
|
|
e5b57447
杨鑫
'分包问卷'
|
115
116
117
118
119
120
121
122
123
124
125
|
tableData:{},
swiperList: [
{
id: 0,
type: 'image',
url: this.$imgUrl('/img/1.jpg')
}
],
latitude: 39.909,
longitude: 116.39742,
qianzui:'',
|
|
77d98715
杨鑫
'小程序'
|
126
|
moban:[]
|
|
3f535f30
杨鑫
'初始'
|
127
128
|
};
},
|
|
d64cd58f
wesley88
上传验收小程序
|
129
130
131
132
133
134
|
filters: {
getimgurl(e) {
let c1 = e.split(',')[0]
return c1;
},
},
|
|
3f535f30
杨鑫
'初始'
|
135
|
onLoad(option){
|
|
e5b57447
杨鑫
'分包问卷'
|
136
137
|
let data = JSON.parse(option.item)
|
|
77d98715
杨鑫
'小程序'
|
138
|
|
|
e5b57447
杨鑫
'分包问卷'
|
139
140
141
142
143
|
if(data.shopName){
this.qianzui = 'sp'
}else{
this.qianzui = 'cd'
}
|
|
77d98715
杨鑫
'小程序'
|
144
145
146
147
148
149
150
151
152
153
154
155
|
let paesize = {
pageNumber: 0,
pageSize: 10,
resourcesId: `${this.qianzui}${data.id}`
}
this.$http.sendRequest('/cereResourceStrategy/queryByResources', 'POST', paesize,1).then(res => {
this.moban = res.data.data
}).catch(err => {
console.log(err)
//请求失败
})
|
|
e5b57447
杨鑫
'分包问卷'
|
156
157
158
159
160
161
162
163
164
165
|
this.swiperList[0].url = data.displayMainImage || data.locationDiagram
this.tableData = data
let location
if(data.mapPunctuation){
location = JSON.parse(data.mapPunctuation)
}else{
location = JSON.parse(data.mapMarker)
}
this.latitude = location.latitude;
this.longitude = location.longitude;
|
|
3f535f30
杨鑫
'初始'
|
166
167
168
|
},
methods: {
|
|
e5b57447
杨鑫
'分包问卷'
|
169
|
leaseAdd(url){
|
|
d64cd58f
wesley88
上传验收小程序
|
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
|
this.$http.sendRequest('/cerePlatformMerchant/queryByPage', 'POST',{"pageSize":10,pageNumber:0,phone:uni.getStorageSync('user').phone},2).then(res => {
//成功回调
if(res.data.data.content.length>0) {
let c1 = res.data.data.content[0]
console.error({...c1})
if(c1.checkState == '1') {
uni.showToast({
icon:'none',
title: '商家申请正在审核中',
duration:3000
});
} else if(c1.checkState == '3') {
uni.showToast({
icon:'none',
title: '商家申请审核已被拒绝 请重新提交',
duration:3000
});
setTimeout(() => {
uni.navigateTo({
url:'/pagesA/leaseAdd/leaseAdd'
})
}, 3000)
} else if(c1.checkState == '2') {
uni.navigateTo({
url:`${url}?ids=${this.qianzui+this.tableData.id}`
})
}
}else{
uni.showToast({
icon:'none',
title: '请先申请成为商家',
duration:3000
});
setTimeout(() => {
uni.navigateTo({
url:'/pagesA/leaseAdd/leaseAdd'
})
}, 3000)
}
|
|
3f535f30
杨鑫
'初始'
|
209
|
})
|
|
d64cd58f
wesley88
上传验收小程序
|
210
|
|
|
3f535f30
杨鑫
'初始'
|
211
212
213
214
215
216
217
218
|
}
}
};
</script>
<style scoped lang="scss">
@import 'details.scss';
</style>
|
