<template>
	<view class="page">
		<!-- 搜索 -->
		<view class="head-search">
			
			<view class="search">
				<u-search placeholder="请输入" v-model="keyword" @search="sousu" @custom="sousu"></u-search>
			<!-- 	<view class="icon">
					<image :src="$imgUrl('/search.png')" mode=""></image>
				</view>
				<view class="hint">
					<text class="min">请输入关键词</text>
					<text class="max">搜索</text>
				</view> -->
			</view>
		</view>
		<view class="screen-list">
			<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 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">
						<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>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyword:'',
				pageindex: {
					pageNumber: 1,
					pageSize: 10,
				},
				tableData: [],
			};
		},
		mounted() {
			this.getAll()
		},
	
		methods: {
			//请求列表数据
			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)
					//请求失败
				})
			},
			reconciliationdetail() {
				uni.navigateTo({
					url: '/pages/reconciliationdetail/reconciliationdetail'
				})
			},
			sousu(){
				if(this.keyword != ''){
				}
			},
		}
	}
</script>

<style scoped lang="scss">
	@import 'field.scss';
</style>
