d64cd58f
 wesley88
上传验收小程序
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
<template>
<view class="page">
<view style="position: absolute; top: 0; width: 100%;">
<image :src="$imgUrl('/bg.png')" class="top-img" mode="aspectFill"></image>
</view>
<view class="head" :style="'background-color: rgba(38,197,112,'+(scrollTop/50)+');'">
<view class="logo-title">
<image :src="$imgUrl('/logo.png')" ></image>
</view>
<view class="title">
</view>
<view class="setting-mess"></view>
</view>
<view class="main">
<view class="banner" style="padding:0 20px;">
<swiper class="screen-swiper square-dot" indicator-dots="true" circular="true" autoplay="true"
interval="5000" duration="500">
<swiper-item v-for="(item,index) in swiperList" :key="index">
<image :src="item.imageUrl" mode="aspectFill"></image>
<!-- <video src="{{item.url}}" autoplay loop muted show-play-btn="{{false}}" controls="{{false}}" objectFit="cover" wx:if="{{item.type=='video'}}"></video> -->
</swiper-item>
</swiper>
</view>
<view class="bg-white">
<view class="notice-content">
<view class="notice-left">
<view>
<image :src="$imgUrl('/home1.png')"></image>
</view>
</view>
<view class="notice-line"></view>
<view class="notice-right">
<view class="notice-right-content" @click="gaozhi(item)" v-for="(item,index) in procedureData">
<view class="notice-icon">公告</view>
<view class="notice-text" style="padding-top:4rpx"> {{item.announcementTitle}}</view>
</view>
</view>
</view>
</view>
<view class="bg-white">
<view class="wallet-info">
<view class="list" @click="shops">
<view class="icon">
<image :src="$imgUrl('/home2.png')"></image>
</view>
<view class="title">
<text>租商铺</text>
</view>
</view>
<view class="list" @click="field">
<view class="icon">
<image :src="$imgUrl('/home3.png')"></image>
</view>
<view class="title">
<text>租场地</text>
</view>
</view>
<view class="list" @click="advertisement">
<view class="icon">
<image :src="$imgUrl('/home4.png')"></image>
</view>
<view class="title">
<text>租广告</text>
</view>
</view>
|
|
ad921312
wesley88
1
|
67
|
<!-- <view class="list" @click="wuye">
|
|
d64cd58f
wesley88
上传验收小程序
|
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
<view class="icon">
<image :src="$imgUrl('/home4.png')"></image>
</view>
<view class="title">
<text>物业缴费</text>
</view>
</view>
<view class="list" @click="piaowu">
<view class="icon">
<image :src="$imgUrl('/home5.png')"></image>
</view>
<view class="title">
<text>票务预定</text>
</view>
|
|
ad921312
wesley88
1
|
82
|
</view> -->
|
|
d64cd58f
wesley88
上传验收小程序
|
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
|
</view>
</view>
<!-- <view class="order-tab">
<view class="tab" :class="{'action':OrderType==0}" @click="onCouponTab(0)">
<text>推荐</text>
</view>
<view class="tab" :class="{'action':OrderType==1}" @click="onCouponTab(1)">
<text>商铺</text>
</view>
<view class="tab" :class="{'action':OrderType==2}" @click="onCouponTab(2)">
<text>场地</text>
</view>
<view class="tab" :class="{'action':OrderType==3}" @click="onCouponTab(3)">
<text>广告</text>
</view>
<view class="tab" :class="{'action':OrderType==4}" @click="onCouponTab(4)">
<text>其他</text>
</view>
</view> -->
<!-- 订单列表 -->
<!-- <view v-if="OrderType===0">
<view class="screen-list">
<view class="list" @click="setList(0)">
<text>{{xuanList[0]}}</text>
<image src="../../static/down.png"></image>
</view>
<view class="list" @click="setList(1)">
<text>{{xuanList[1]}}</text>
<image src="../../static/down.png"></image>
</view>
<view class="list" @click="setList(2)">
<text>{{xuanList[2]}}</text>
<image src="../../static/down.png"></image>
</view>
<view class="list" @click="setList(3)">
<text>{{xuanList[3]}}</text>
<image src="../../static/down.png"></image>
</view>
<u-select v-model="show" mode="single-column" :list="list" @confirm="confirm"></u-select>
</view>
<view class="goods-data">
<view class="goods-list">
<view class="list-view" v-for="(item,index) in 8" :key="index" @click="details">
<view class="thumb">
<image src="../../static/img/1.jpg" mode="heightFix"></image>
</view>
<view class="item">
<view class="tag">
<text>标签标签</text>
<text>标签标签</text>
</view>
<view class="title">
<text class="two-omit">这里有标题这里有标题这里有标题这里有标题</text>
</view>
<view class="price">
<view class="retail-price">
<text>租金:</text>
<text class="min">￥</text>
<text class="max">1067</text>
<text class="min">/月</text>
<text class="line"></text>
<text>面积:</text>
<text class="max">81</text>
<text class="min">/m²</text>
</view>
<view class="vip-price">
<image src="../../static/kefu.png"></image>
<text class="min">这里有地址这里有地址这里有地址这里有地址这里有地址这里有地址</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view> -->
<!-- <view>
<view class="screen-list">
<view class="list" @click="setList(0)">
<text>{{xuanList[0]}}</text>
<image :src="$imgUrl('/down.png')"></image>
</view>
<view class="list" @click="setList(1)">
<text>{{xuanList[1]}}</text>
<image :src="$imgUrl('/down.png')"></image>
</view>
<view class="list" @click="setList(2)">
<text>{{xuanList[2]}}</text>
<image :src="$imgUrl('/down.png')"></image>
</view>
<view class="list" @click="setList(3)">
<text>{{xuanList[3]}}</text>
<image :src="$imgUrl('/down.png')"></image>
</view>
<u-select v-model="show" mode="single-column" :list="list" @confirm="confirm"></u-select>
</view>
<view class="goods-data">
<view class="goods-list">
<view class="list-view" v-for="(item,index) in tableData" :key="index" @click="details(item)">
<view class="thumb">
<image
:src=" item.displayMainImage || item.locationDiagram"
mode="heightFix"></image>
</view>
<view class="item">
<view class="title">
<text
class="two-omit">{{ item.shopName || item.advertisingName || ''}}</text>
</view>
<view class="price">
<view class="retail-price">
<text>租金:</text>
<text class="min">￥</text>
<text class="max">{{zujin[index].price}}</text>
<text class="min">/月</text>
<text class="line"></text>
<text>面积:</text>
<text class="max">{{item.actualUsableArea?item.actualUsableArea:'55.4'}}</text>
<text class="min">/m²</text>
</view>
<view class="vip-price" v-if="item.detailedLocation">
<text class="min">{{item.detailedLocation || ''}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view> -->
<view class="cardHome">
<view class="card_home">
<view class="card_title">热点租赁信息</view>
<!-- <view class="card_more">查看更多 ></view> -->
</view>
<view style="width:50%" >
<u-tabs-swiper ref="tabs" :list="list" :is-scroll="false" active-color="#3F9B6A" @change="tabsChange" :current="current"></u-tabs-swiper>
</view>
<view style="width:100%;margin-top:10px;" class="other-business">
<scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120" >
<view v-for="(item, index) in tableData" :key="index" class="scroll-view-item_H" @click="details(item)">
<view class="business-card">
|
9683c4af
 杨鑫
'最新'
|
231
|
<u-image :showLoading="true" :src="item.cereBasicInformationShop.displayMainImage || item.cereAdvertisingInformation.locationDiagram || item.cereBasicInformationVenue.displayImage" width="100%" height="210rpx"></u-image>
|
|
d64cd58f
wesley88
上传验收小程序
|
232
|
<view class="business-card-title">
|
|
9683c4af
杨鑫
'最新'
|
233
|
{{ item.cereBasicInformationShop.shopName || item.cereAdvertisingInformation.advertisingName || item.cereBasicInformationVenue.venueName}}
|
|
d64cd58f
wesley88
上传验收小程序
|
234
|
</view>
|
|
9683c4af
杨鑫
'最新'
|
235
236
237
|
<view class="business-card-item">租金：￥<span>{{item.cereReleasePoliciesVO[0].rentalPrice}}</span>/{{item.cereReleasePoliciesVO[0].leaseTerm}}</view>
<view class="business-card-item">面积：<span>{{item.cereBasicInformationShop.actualUsableArea?item.cereBasicInformationShop.actualUsableArea:'55.4'}}</span>/m2</view>
<view class="introduce" v-if='item.cereBasicInformationShop.detailedLocation ||item.cereBasicInformationVenue.detailedLocation'>
|
|
d64cd58f
wesley88
上传验收小程序
|
238
|
<image :src="$imgUrl('/kefu.png')"></image>
|
|
9683c4af
杨鑫
'最新'
|
239
|
<text class="one-omit">{{item.cereBasicInformationShop.detailedLocation ||item.cereBasicInformationVenue.detailedLocation}}</text>
|
|
d64cd58f
wesley88
上传验收小程序
|
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
|
</view>
</view>
</view>
</scroll-view>
</view>
</view>
<view class="cardHome">
<view class="card_home">
<view class="card_title">商家活动信息</view>
<!-- <view class="card_more">查看更多 ></view> -->
</view>
<view style="width:100%;margin-top:10px;" class="other-business">
<scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120" >
<view v-for="(item, index) in activity" :key="index" class="scroll-view-item_H" @click="toDetail(item.id, '/pages/activityDetail/activityDetail')" >
<view class="business-card">
<u-image :showLoading="true" :src="item.coverImage" width="100%" height="210rpx"></u-image>
<view class="business-card-title">
|
|
9683c4af
杨鑫
'最新'
|
258
|
{{item.activityName || '默认'}}
|
|
d64cd58f
wesley88
上传验收小程序
|
259
260
261
262
263
264
265
266
267
268
269
|
</view>
<view class="huo-card-item">创建时间：<span>{{item.startTime}}</span></view>
<view class="huo-card-item">参与人数：<span>{{item.maxParticipants}}</span></view>
</view>
</view>
</scroll-view>
</view>
</view>
<view class="cardHome">
|
|
e75eb290
wesley88
1
|
270
|
<view class="card_home" >
|
|
d64cd58f
wesley88
上传验收小程序
|
271
|
<view class="card_title">营销推广活动</view>
|
|
e75eb290
wesley88
1
|
272
273
274
275
|
<view style="align-items: center;" class="card_more" @click="goDetail('/pages/marketing/marketingList/marketingList')">
查看更多
<u-icon name="arrow-right" color="#555555" size="19"></u-icon>
</view>
|
|
d64cd58f
wesley88
上传验收小程序
|
276
277
278
|
</view>
<view style="width:100%;margin-top:10px;" class="other-business">
<scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120" >
|
|
e75eb290
wesley88
1
|
279
|
<view v-for="(item, index) in yingxiaoData" :key="item.id" class="scroll-view-item_H" @click="toDetailhd(item)">
|
|
d64cd58f
wesley88
上传验收小程序
|
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
|
<view class="business-card">
<u-image :showLoading="true" :src="item.coverImage" width="100%" height="210rpx"></u-image>
<view class="business-card-title">
{{item.title}}
</view>
<view class="huo-card-item">活动日期：<span>{{item.startTime}}至{{item.endTime}}</span></view>
<view class="huo-card-item">举办方：<span></span></view>
</view>
</view>
</scroll-view>
</view>
</view>
<view class="cardHome">
|
|
e75eb290
wesley88
1
|
295
|
<!-- <view class="card_home">
|
|
d64cd58f
wesley88
上传验收小程序
|
296
|
<view class="card_title">商务合作</view>
|
|
e75eb290
wesley88
1
|
297
298
299
300
301
302
303
304
|
<view class="card_more" >查看更多 ></view>
</view> -->
<view class="card_home" >
<view class="card_title">商务合作</view>
<view style="align-items: center;" class="card_more" @click="goDetail('/pages/business/businessList/businessList')">
查看更多
<u-icon name="arrow-right" color="#555555" size="19"></u-icon>
</view>
|
|
d64cd58f
wesley88
上传验收小程序
|
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
|
</view>
<view style="width:100%;margin-top:10px;" class="other-business">
<scroll-view class="scroll-view_H" scroll-x="true" scroll-left="120" >
<view v-for="(item, index) in shangwuData" :key="item.id" class="scroll-view-item_H" @click="toDetailTwo(item, '/pages/business/businessDetail/businessDetail')">
<view class="business-card">
<u-image :showLoading="true" :src="item.coverImage" width="100%" height="210rpx"></u-image>
<view class="business-card-title">
{{item.title}}
</view>
</view>
</view>
</scroll-view>
</view>
</view>
</view>
|
|
e75eb290
wesley88
1
|
320
|
<view style="height: 250rpx;"></view>
|
|
d64cd58f
wesley88
上传验收小程序
|
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
|
<!-- tabbar -->
<tabbar :tabBarShow="0"></tabbar>
</view>
</template>
<script>
import tabbar from '../../components/tabbar/tabbar.vue';
export default {
components: {
tabbar
},
data() {
return {
scrollTop: 0,
OrderType: 0,
tableData: [],
procedureData:[],//公告
pageindex: {
pageNumber: 1,
pageSize: 10,
},
swiperList: [],//轮播
zujin:[
{price:'4800'},
{price:'3400'},
{price:'3000'}
],
biaoqian:[
// {name:'4800'},
// {price:'3400'},
// {price:'3000'}
],
show: false,
xuanval:0,
xuanList:['区域','租金','默认排序','筛选'],
list: [{
name: '商铺'
},
{
name: '场地'
},
{
name: '广告位'
}
],
current:0,
yingxiaoData:[],
shangwuData:[],
activity:[]
}
},
onLoad() {
uni.hideTabBar();
},
onPageScroll(e) {
this.scrollTop = e.scrollTop;
},
mounted() {
this.getALL()
this.onCouponTab(0)
},
methods: {
|
|
e75eb290
wesley88
1
|
383
384
385
386
387
388
|
toDetailhd(items) {
let msg = JSON.stringify(items)
uni.navigateTo({
url: `/pages/marketing/marketingDetail/marketingDetail?item=${msg}`
})
},
|
|
d64cd58f
wesley88
上传验收小程序
|
389
390
391
|
getALL(){
let pagesize = {
pageNumber: 1,
|
|
29cad55a
杨鑫
'验收'
|
392
|
pageSize: 10
|
|
d64cd58f
wesley88
上传验收小程序
|
393
394
395
|
}
let actPages = {
pageNumber: 1,
|
|
29cad55a
杨鑫
'验收'
|
396
|
pageSize: 10,
|
|
d64cd58f
wesley88
上传验收小程序
|
397
398
399
400
401
|
reviewStatus:'2'
}
let shopAct = {
auditStatus:'3',
pageNumber: 1,
|
|
29cad55a
杨鑫
'验收'
|
402
|
pageSize: 10,
|
|
d64cd58f
wesley88
上传验收小程序
|
403
404
405
406
|
}
let shanghu = {
status:'1',
pageNumber: 1,
|
|
29cad55a
杨鑫
'验收'
|
407
|
pageSize: 10,
|
|
d64cd58f
wesley88
上传验收小程序
|
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
|
}
this.$http.sendRequest('/cereAnnouncement/queryByPage', 'POST', pagesize,1).then(res => {
//成功回调
this.procedureData = res.data.data.content.slice(-2)
})
this.$http.sendRequest('/cereCarouselImage/queryByPage', 'POST', this.pageindex,1).then(res => {
//成功回调
this.swiperList =res.data.data.content
})
this.$http.sendRequest('/cereMarketingActivity/queryByPage', 'POST',actPages,1).then(res => {
this.yingxiaoData =res.data.data.content
})
this.$http.sendRequest('/cereBusinessCooperation/queryByPage', 'POST', shanghu,1).then(res => {
this.shangwuData =res.data.data.content
})
this.$http.sendRequest('/cereActivityApplication/queryByPage', 'POST',shopAct,1).then(res => {
this.activity = res.data.data.content
})
},
onCouponTab(type) {
let pagesize = {
pageNumber: 1,
|
|
29cad55a
杨鑫
'验收'
|
431
|
pageSize: 10,
|
|
9683c4af
杨鑫
'最新'
|
432
433
|
resourceType:'',
dataForm:'2'
|
|
d64cd58f
wesley88
上传验收小程序
|
434
435
436
|
}
this.current = type
if (type == 0) {
|
|
9683c4af
杨鑫
'最新'
|
437
438
|
pagesize.resourceType = '商铺'
this.$http.sendRequest('/cereReleaseInvestmentResources/queryByPage', 'POST', pagesize,1).then(res => {
|
|
d64cd58f
wesley88
上传验收小程序
|
439
|
//成功回调
|
|
9683c4af
杨鑫
'最新'
|
440
|
|
|
d64cd58f
wesley88
上传验收小程序
|
441
|
this.tableData = res.data.data.content
|
|
29cad55a
杨鑫
'验收'
|
442
|
|
|
d64cd58f
wesley88
上传验收小程序
|
443
444
445
446
447
|
}).catch(err => {
console.log(err)
//请求失败
})
} else if (type == 1) {
|
|
9683c4af
杨鑫
'最新'
|
448
449
|
pagesize.resourceType = '场地'
this.$http.sendRequest('/cereReleaseInvestmentResources/queryByPage', 'POST', pagesize,1).then(res => {
|
|
d64cd58f
wesley88
上传验收小程序
|
450
451
|
//成功回调
this.tableData = res.data.data.content
|
|
9683c4af
杨鑫
'最新'
|
452
|
|
|
d64cd58f
wesley88
上传验收小程序
|
453
454
455
456
457
458
|
}).catch(err => {
console.log(err)
//请求失败
})
} else if (type == 2) {
|
|
9683c4af
杨鑫
'最新'
|
459
460
461
|
pagesize.resourceType = '广告位'
// pagesize.advertisingType = '线上广告位'
this.$http.sendRequest('/cereReleaseInvestmentResources/queryByPage', 'POST', pagesize,1).then(res => {
|
|
d64cd58f
wesley88
上传验收小程序
|
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
|
//成功回调
this.tableData = res.data.data.content
}).catch(err => {
console.log(err)
//请求失败
})
}
},
shops() {
uni.navigateTo({
url: '/pages/shops/shops'
})
},
field() {
uni.navigateTo({
url: '/pages/field/field'
})
},
toDetail(item, path) {
uni.navigateTo({
url: `${path}?item=${item}`
})
},
toDetailTwo(item, path){
let items = JSON.stringify(item)
uni.navigateTo({
url: `${path}?item=${items}`
})
},
goDetail(path) {
uni.navigateTo({
url: `${path}`
})
},
advertisement() {
uni.navigateTo({
url: '/pages/advertisement/advertisement'
})
},
gaozhi(item){
// let items = JSON.stringify(item)
// uni.navigateTo({
// url: `/pages/procedureDetail/procedureDetail?item=${items}`
// })
let items = JSON.stringify(item)
uni.navigateTo({
url: `/pages/procedure/procedure?item=${items}`
})
},
details(item) {
|
|
9683c4af
杨鑫
'最新'
|
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
|
let items = ''
let celue = ''
if(this.current == 0){
items = JSON.stringify(item.cereBasicInformationShop)
celue = JSON.stringify(item.cereReleasePoliciesVO)
uni.navigateTo({
url: `/pages/details/details?item=${items}&celue=${celue}`
})
}else if(this.current == 1){
items = JSON.stringify(item.cereBasicInformationVenue)
uni.navigateTo({
url: `/pages/details/details?item=${items}&celue=${celue}`
})
}else{
items = JSON.stringify(item.cereAdvertisingInformation)
celue = JSON.stringify(item.cereReleasePoliciesVO)
uni.navigateTo({
url: `/pages/advertisementDetail/advertisementDetail?item=${items}&celue=${celue}`
})
}
// if(this.current == 0 || this.current == 1){
// uni.navigateTo({
// url: `/pages/details/details?item=${items}`
// })
// }else{
// uni.navigateTo({
// url: `/pages/advertisementDetail/advertisementDetail?item=${items}`
// })
// }
|
|
d64cd58f
wesley88
上传验收小程序
|
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
|
},
setList(val){
this.xuanval = val
console.log(this.tableData)
if(val == 0){
const filteredTableData = this.tableData.filter(item => item.hasOwnProperty('belongingRegion'));
// 提取 belongingRegion 字段并进行去重
const labeledBelongingRegions = filteredTableData.map(item => ({
label: item.belongingRegion
}));
const uniqueBelongingRegions = [...new Set(labeledBelongingRegions)];
console.log(uniqueBelongingRegions)
this.list = uniqueBelongingRegions
}else if(val == 1){
this.list = []
}else if(val == 2){
this.list = []
}
this.show = true
},
confirm(val) {
let page = {
pageNumber: 1,
pageSize: 10,
belongingRegion:val[0].label
}
this.$http.sendRequest('/cereBasicInformationShop/queryByPage', 'POST', page, 1).then(res => {
//成功回调
this.tableData = res.data.data.content
})
},
tabsChange(itme){
console.log(itme)
this.onCouponTab(itme)
},
wuye(){
uni.navigateTo({
url: `/pages/propertyPay/propertyPayList/propertyPayList`
})
},
piaowu(){
uni.navigateTo({
url: `/pages/ticketBooking/ticketBooking`
})
}
}
};
</script>
<style scoped lang="scss">
@import 'home.scss';
</style>
|
