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
67
68
|
<template>
<view class="page">
<!-- 搜索 -->
<view class="head-search">
<view class="search">
<u-search bg-color="#fff" placeholder="请输入" v-model="query.venueName" :show-action="false" @search="search" @clear="clearGet"></u-search>
<u-button type="success" @click="search">搜索</u-button>
</view>
</view>
<view class="screen-list">
<view class="list" @click="show = true">
<text>区域</text>
<image :src="$imgUrl('/down.png')"></image>
<u-select v-model="show" :list="areList" @confirm="(v) => {queryChange('district', v)}"></u-select>
</view>
<!-- <view class="list">
<text>租金</text>
<image :src="$imgUrl('/down.png')"></image>
</view>
<view class="list">
<text>默认排序</text>
<image :src="$imgUrl('/down.png')"></image>
</view>
<view class="list">
<text>筛选</text>
<image :src="$imgUrl('/down.png')"></image>
</view> -->
</view>
<!-- 订单列表 -->
<!-- <view class="goods-data">
<view class="goods-list">
<view class="list" v-for="(item,index) in 10" :key="index">
<view class="thumb">
<image :src="$imgUrl('/img/3.jpg')" mode=""></image>
</view>
<view class="item">
<view class="title">
<text class="one-omit">这里有标题这里有标题这里有标题这里有标题这里有标题这里有标题这里有标题</text>
</view>
<view class="tag">
<text>标签标签</text>
<text>标签标签</text>
</view>
<view class="introduce">
<image :src="$imgUrl('/kefu.png')"></image>
<text class="one-omit">这里有地址这里有地址这里有地址这里有地址</text>
</view>
<view class="like-goods">
<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>
</view>
</view>
</view>
</view> -->
<view class="goods-data">
<view class="goods-list">
<view class="list" v-for="(item,index) in tableData" :key="index" @click="reconciliationdetail(item)">
<view class="thumb">
|
29cad55a
 杨鑫
'验收'
|
69
|
<u-image width="25vw" height="25vw" :src="item.cereBasicInformationVenue.displayImage"></u-image>
|
|
d64cd58f
wesley88
上传验收小程序
|
70
71
72
73
|
<!-- <image :src="item.displayMainImage" mode=""></image> -->
</view>
<view class="item">
<view class="title">
|
|
29cad55a
杨鑫
'验收'
|
74
|
<text class="one-omit">{{item.cereBasicInformationVenue.venueName}}</text>
|
|
d64cd58f
wesley88
上传验收小程序
|
75
76
77
78
79
80
81
|
</view>
<view class="tag">
<!-- <text>标签标签</text>
<text>标签标签</text> -->
</view>
<view class="introduce">
<image :src="$imgUrl('/kefu.png')"></image>
|
|
29cad55a
杨鑫
'验收'
|
82
|
<text class="one-omit">{{item.cereBasicInformationVenue.detailedLocation}}</text>
|
|
d64cd58f
wesley88
上传验收小程序
|
83
84
85
86
87
|
</view>
<view class="like-goods">
<view class="retail-price">
<text>租金:</text>
<text class="min">￥</text>
|
|
29cad55a
杨鑫
'验收'
|
88
89
|
<text class="max">{{item.cereReleasePoliciesVO[0]?item.cereReleasePoliciesVO[0].rentalPrice:0}}</text>
<text class="min">{{item.cereReleasePoliciesVO[0]?item.cereReleasePoliciesVO[0].leaseTerm:'月'}}</text>
|
|
d64cd58f
wesley88
上传验收小程序
|
90
91
|
<text class="line"></text>
<text>面积:</text>
|
|
29cad55a
杨鑫
'验收'
|
92
|
<text class="max">{{item.cereBasicInformationShop.actualUsableArea}}</text>
|
|
d64cd58f
wesley88
上传验收小程序
|
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
<text class="min">/m²</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
query:{
venueName:'',
|
|
29cad55a
杨鑫
'验收'
|
109
110
111
112
|
resourceType:'场地',
pageNumber: 1,
pageSize: 10 ,
dataForm:'2'
|
|
d64cd58f
wesley88
上传验收小程序
|
113
114
115
116
|
},
pageindex: {
pageNumber: 1,
pageSize: 10,
|
|
29cad55a
杨鑫
'验收'
|
117
118
119
120
|
resourceType:'场地',
pageNumber: 1,
pageSize: 10 ,
dataForm:'2'
|
|
d64cd58f
wesley88
上传验收小程序
|
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
|
},
areList: [
{value: '武侯区', label: '武侯区'},
{value: '锦江区', label: '锦江区'},
{value: '青羊区', label: '青羊区'},
{value: '金牛区', label: '金牛区'},
{value: '双流区', label: '双流区'},
{value: '郫都区', label: '郫都区'},
{value: '龙泉驿区', label: '龙泉驿区'},
{value: '温江区', label: '温江区'},
], // 区域列表
tableData: [],
show :false
};
},
mounted() {
this.getAll()
},
methods: {
//请求列表数据
getAll() {
let query = Object.assign(this.pageindex);
|
|
29cad55a
杨鑫
'验收'
|
144
|
this.$http.sendRequest('/cereReleaseInvestmentResources/queryByPage', 'POST', query, 1).then(res => {
|
|
d64cd58f
wesley88
上传验收小程序
|
145
146
147
148
149
150
151
152
|
//成功回调
this.tableData = res.data.data.content
}).catch(err => {
console.log(err)
//请求失败
})
},
reconciliationdetail(item) {
|
|
29cad55a
杨鑫
'验收'
|
153
154
|
let items = JSON.stringify(item.cereBasicInformationVenue)
let celue = JSON.stringify(item.cereReleasePoliciesVO)
|
|
d64cd58f
wesley88
上传验收小程序
|
155
|
uni.navigateTo({
|
|
29cad55a
杨鑫
'验收'
|
156
|
url: `/pages/details/details?item=${items}&celue=${celue}`
|
|
d64cd58f
wesley88
上传验收小程序
|
157
158
159
|
})
},
search(){
|
|
29cad55a
杨鑫
'验收'
|
160
|
this.$http.sendRequest('/cereReleaseInvestmentResources/queryByPage', 'POST', this.query, 1).then(res => {
|
|
d64cd58f
wesley88
上传验收小程序
|
161
162
163
164
165
|
//成功回调
this.tableData = res.data.data.content
})
},
clearGet(){
|
|
29cad55a
杨鑫
'验收'
|
166
|
this.$http.sendRequest('/cereReleaseInvestmentResources/queryByPage', 'POST', this.pageindex, 1).then(res => {
|
|
d64cd58f
wesley88
上传验收小程序
|
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
|
//成功回调
this.tableData = res.data.data.content
})
},
queryChange(key, val) {
this.query[`${key}`] = val[0].value;
this.search();
},
}
}
</script>
<style scoped lang="scss">
@import 'field.scss';
</style>
|
