myZiyuan - 副本.vue
3.24 KB
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<template>
<view class="page">
<view class="screen-list">
<view class="list">
<u-input type="select" @click="typeShow = true" :placeholder="pageindex.auditStatus == '1'?'申请中':pageindex.auditStatus == '4'?'租赁中':pageindex.auditStatus == '7'?'已终止':'状态筛选'" />
</view>
</view>
<!-- 记录列表 -->
<view class="record-list">
<view class="record-list-box" v-for="(item,index) in recordList" :key="index" @click="item.auditStatus =='4' || item.auditStatus =='7'?recordXq(item):''">
<view class="list">
<view class="title" style="padding-bottom: 20rpx;">
<view class="left">{{item.cereBasicInformationShop&&item.cereBasicInformationShop.shopName?item.cereBasicInformationShop.shopName:item.cereBasicInformationVenue&&item.cereBasicInformationVenue.venueName?item.cereBasicInformationVenue.venueName:item.cereAdvertisingInformation&&item.cereAdvertisingInformation.advertisingName?item.cereAdvertisingInformation.advertisingName:''}}</view>
<view class="right" v-if="item.auditStatus =='4' || item.auditStatus =='7'"><u-icon name="arrow-right"></u-icon></view>
</view>
<view class="info-item">申请时间：{{item.applicationTime}}</view>
<view class="info-item">租赁时间 ：{{item.intendedLeaseTerm?item.intendedLeaseTerm:item.scheduleTime}}</view>
<view class="info-item" v-if="item.auditStatus =='1'">状态：<span style="color: #0FBB59;">{{item.auditStatus =='1'?'待审核':item.auditStatus =='2'?'待签约':item.auditStatus =='3'?'已驳回':item.auditStatus =='4'?'租赁中':'已终止'}}</span></view>
</view>
</view>
</view>
<view v-if="recordList.length == 0" style="text-align: center;margin-top: 60rpx;color:#808080;">暂无数据</view>
<u-select v-model="typeShow" :list="activesType" @confirm="typeChange"></u-select>
</view>
</template>
<script>
export default {
data() {
return {
activesType: [
// {
// value: 1,
// label: '申请中'
// },
{
value: 4,
label: '租赁中'
},
{
value: 7,
label: '已终止'
},
],
typeShow:false,
recordList:[],
pageindex: {
auditStatus:4,
pageNumber: 0,
pageSize: 10
},
}
},
mounted(){
this.getALL()
},
methods: {
getALL(){
this.pageindex.applicant =uni.getStorageSync('user').phone
this.$http.sendRequest('/cereBusinessInfo/queryByPage', 'POST', this.pageindex,1).then(res => {
//成功回调
this.recordList = res.data.data.records
this.$http.sendRequest('/cereAdvertiserInfo/queryByPage', 'POST', this.pageindex, 1).then(item => {
if(item.data.data.records !=undefined &&item.data.data.records.length !=0){
item.data.data.records.map(val=>{
this.recordList.push(val)
})
}
})
})
},
recordXq(item){
const encodedItem = encodeURIComponent(JSON.stringify(item));
uni.navigateTo({
url: `/pagesA/myZiyuan/myZiDetails?item=${encodedItem}`,
})
},
contractdetail(){
// uni.navigateTo({
// })
},
typeChange(e) {
this.pageindex.start = e[0].labels
this.pageindex.auditStatus = e[0].value
this.getALL()
},
}
}
</script>
<style scoped lang="scss">
@import 'myZiyuan.scss';
</style>