antissoft / antis-greenway

Blame view

pages/field/field.vue 4.03 KB
Edit Raw Normal View History
4dfe89e4   monkeyhouyi   初始化 
1
2
3
4
 
  <template>
  	<view class="page">
  		<!-- 搜索 -->
  		<view class="head-search">
c62ab6f2   杨鑫   1 
5
4dfe89e4   monkeyhouyi   初始化 
6
 
  			<view class="search">
c62ab6f2   杨鑫   1 
7
8
9
 
  				<u-search placeholder="请输入" v-model="keyword" @search="sousu" @custom="sousu"></u-search>
  			<!-- 	<view class="icon">
  					<image :src="$imgUrl('/search.png')" mode=""></image>
4dfe89e4   monkeyhouyi   初始化 
10
11
12
13
 
  				</view>
  				<view class="hint">
  					<text class="min">请输入关键词</text>
  					<text class="max">搜索</text>
c62ab6f2   杨鑫   1 
14
 
  				</view> -->
4dfe89e4   monkeyhouyi   初始化 
15
16
17
18
19
 
  			</view>
  		</view>
  		<view class="screen-list">
  			<view class="list">
  				<text>区域</text>
c62ab6f2   杨鑫   1 
20
 
  				<image :src="$imgUrl('/down.png')"></image>
4dfe89e4   monkeyhouyi   初始化 
21
22
23
 
  			</view>
  			<view class="list">
  				<text>租金</text>
c62ab6f2   杨鑫   1 
24
 
  				<image :src="$imgUrl('/down.png')"></image>
4dfe89e4   monkeyhouyi   初始化 
25
26
27
 
  			</view>
  			<view class="list">
  				<text>默认排序</text>
c62ab6f2   杨鑫   1 
28
 
  				<image :src="$imgUrl('/down.png')"></image>
4dfe89e4   monkeyhouyi   初始化 
29
30
31
 
  			</view>
  			<view class="list">
  				<text>筛选</text>
c62ab6f2   杨鑫   1 
32
 
  				<image :src="$imgUrl('/down.png')"></image>
4dfe89e4   monkeyhouyi   初始化 
33
34
35
 
  			</view>
  		</view>
  		<!-- 订单列表 -->
19e734d2   杨鑫   场地，登录页，隐私政策 
36
 
  		<!-- <view class="goods-data">
4dfe89e4   monkeyhouyi   初始化 
37
 
  			<view class="goods-list">
19e734d2   杨鑫   场地，登录页，隐私政策 
38
 
  				<view class="list" v-for="(item,index) in 10" :key="index">
4dfe89e4   monkeyhouyi   初始化 
39
 
  					<view class="thumb">
c62ab6f2   杨鑫   1 
40
 
  						<image  :src="$imgUrl('/img/3.jpg')"  mode=""></image>
4dfe89e4   monkeyhouyi   初始化 
41
42
43
44
45
46
47
48
49
50
 
  					</view>
  					<view class="item">
  						<view class="title">
  							<text class="one-omit">这里有标题这里有标题这里有标题这里有标题这里有标题这里有标题这里有标题</text>
  						</view>
  						<view class="tag">
  							<text>标签标签</text>
  							<text>标签标签</text>
  						</view>
  						<view class="introduce">
c62ab6f2   杨鑫   1 
51
 
  							<image  :src="$imgUrl('/kefu.png')"></image>
4dfe89e4   monkeyhouyi   初始化 
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
  							<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>
19e734d2   杨鑫   场地，登录页，隐私政策 
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
101
102
103
 
  		</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">
  						<u-image width="25vw" height="25vw" :src="item.displayImage"></u-image>
  						<!-- <image :src="item.displayMainImage" mode=""></image> -->
  					</view>
  					<view class="item">
  						<view class="title">
  							<text class="one-omit">{{item.venueName}}</text>
  						</view>
  						<view class="tag">
  							<!-- <text>标签标签</text>
  							<text>标签标签</text> -->
  						</view>
  						<view class="introduce">
  							<image  :src="$imgUrl('/kefu.png')"></image>
  							<text class="one-omit">{{item.detailedLocation}}</text>
  						</view>
  						<view class="like-goods">
  							<view class="retail-price">
  								<text>租金:</text>
  								<text class="min">￥</text>
  								<text class="max">{{zujinList[index].price}}</text>
  								<text class="min">/月</text>
  								<text class="line"></text>
  								<text>面积:</text>
  								<text class="max">{{item.actualArea}}</text>
  								<text class="min">/m²</text>
  							</view>
  						</view>
  					</view>
  				</view>
  			</view>
4dfe89e4   monkeyhouyi   初始化 
104
105
106
107
108
109
110
111
 
  		</view>
  	</view>
  </template>
  
  <script>
  	export default {
  		data() {
  			return {
c62ab6f2   杨鑫   1 
112
 
  				keyword:'',
19e734d2   杨鑫   场地，登录页，隐私政策 
113
114
115
116
117
 
  				pageindex: {
  					pageNumber: 1,
  					pageSize: 10,
  				},
  				tableData: [],
4dfe89e4   monkeyhouyi   初始化 
118
119
 
  			};
  		},
19e734d2   杨鑫   场地，登录页，隐私政策 
120
121
122
123
 
  		mounted() {
  			this.getAll()
  		},
4dfe89e4   monkeyhouyi   初始化 
124
 
  		methods: {
19e734d2   杨鑫   场地，登录页，隐私政策 
125
126
127
128
129
130
131
132
133
134
135
 
  			//请求列表数据
  			getAll() {
  				let query = Object.assign(this.pageindex);
  				this.$http.sendRequest('/cereBasicInformationVenue/queryByPage', 'POST', query, 1).then(res => {
  					//成功回调
  					this.tableData = res.data.data.content
  				}).catch(err => {
  					console.log(err)
  					//请求失败
  				})
  			},
4dfe89e4   monkeyhouyi   初始化 
136
137
138
139
 
  			reconciliationdetail() {
  				uni.navigateTo({
  					url: '/pages/reconciliationdetail/reconciliationdetail'
  				})
c62ab6f2   杨鑫   1 
140
141
142
143
144
 
  			},
  			sousu(){
  				if(this.keyword != ''){
  				}
  			},
4dfe89e4   monkeyhouyi   初始化 
145
146
147
148
149
150
151
 
  		}
  	}
  </script>
  
  <style scoped lang="scss">
  	@import 'field.scss';
  </style>