<template>
	<div :style="{'background-color': '#f6f6f6','height': '100vh','overflow': 'hidden'}">
		<u-empty v-if="data.list.length == 0" text="暂无内容" mode="list"></u-empty>
		<view style="height: 100%;" v-if="data.list.length > 0">
			<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower"
				style="height: 100%; padding-bottom: 0px;">
					<matchmaking :navs="data" ></matchmaking>
				<u-loadmore
				  :status="status"
				  :load-text="loadText"
				  :font-size="24"
				  :margin-top="20"
				  :margin-bottom="20"
				  bg-color="#f6f6f6"
				/>
				
			</scroll-view>
		</view>
		
	</div>
</template>

<script>
	import matchmaking from "@/components/matchmaking/index"
	export default {
		components:{
			matchmaking
		},
		data() {
			return {
				mainColor: '',
				active: 0,
				searchKey:"",
				typeList: [],
				msg:{
					pageIndex:1,
					pageSize:20,
					BrandName:'',
					ProjectType:'',
					Plumbing:-1,
					Caliber:-1,
					Sewage:-1,
					RanQi:-1,
					DianLiang:-1,
					PaiYan:-1,
					KongTiao:-1,
					XinFeng:-1,
					BrandClassId:0,
				},
				loadText: {
					loadmore: "轻轻上拉，加载更多",
					loading: "努力加载中",
					nomore: "没有更多了",
				},
				page_count:1,
				status: "loadmore",
				data:{
					listStyle:1,
					list:[
{
"id":123978,
"name":"哈哈",
"Photo":"https://thirdwx.qlogo.cn/mmopen/vi_32/MIcwibwjkSRA23jiaQUmdC91JnB0GRaOm2NUwgdepCzlhWAia5fA7EP5qQ3wI4cAsGrfkNwmnwV8ZB9ZFoNBic1C0g/132",
"SexStr":"女",
"Age":"31",
"Education":"硕士及以上",
"Marriage":"未婚",
"MatchingRate":90,
"Score":0,
"Album":"[\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637517704869416565.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637517704878459534.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637517704888225159.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637517704897121643.jpg\u0022]",
"AlbumList":[
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637517704869416565.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637517704878459534.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637517704888225159.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637517704897121643.jpg"
]
},
{
"id":123560,
"name":"仅此丶而已。",
"Photo":"https://thirdwx.qlogo.cn/mmopen/vi_32/ZuZMw8YxMw3AibVB9YUNeHY1TYic8IsLia5FTjbAKGkFPJHUXttibAKuvJicl16ibcHg7nQPxp8VOliceoVgOOk7E7NCA/132",
"SexStr":"男",
"Age":"31",
"Education":"本科",
"Marriage":"未婚",
"MatchingRate":90,
"Score":0,
"Album":"[\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232714043127.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232721601720.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232729384924.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232735810705.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232742988439.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232751308752.jpg\u0022]",
"AlbumList":[
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232714043127.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232721601720.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232729384924.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232735810705.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232742988439.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508232751308752.jpg"
]
},
{
"id":123559,
"name":"Undefined",
"Photo":"https://thirdwx.qlogo.cn/mmopen/vi_32/BtFBmPKu5rtx5zJRfnNjEzY7EiaUicwcqKRyTLW4kcGI4TYLWvqZU8uAf0wQNBxicqYc04NXUKl4WQaeQJMiaOWtvQ/132",
"SexStr":"男",
"Age":"31",
"Education":"高中及以下",
"Marriage":"未婚",
"MatchingRate":90,
"Score":0,
"Album":"[\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215242324377.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215251865392.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215261103674.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215271396642.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215280742345.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215290947424.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215300859533.jpg\u0022,\u0022https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215311377111.jpg\u0022]",
"AlbumList":[
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215242324377.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215251865392.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215261103674.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215271396642.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215280742345.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215290947424.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215300859533.jpg",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637508215311377111.jpg"
]
}
]
				}
				
			};
		},
		onLoad(options) {
			if(options && options.id){
				this.msg.BrandClassId = options.id
			}
			// this.init();
		},
		created() {
			this.mainColor = this.$uiConfig.mainColor;
		},
		mounted() {
			uni.setNavigationBarTitle({
				title: '用户列表',
			});
			
		},
		methods: {
			
			init() {
			  this.request2(
			  	{
			  		url: '/api/AppletTrade/GetBrandPageList',
			  		data: this.msg
			  	},
			  	res => {
			  		if(res.resultCode==1){
						this.data.list = this.data.list.concat(res.data.pageData);
						 this.page_count = res.data.pageCount;
						 if (this.page_count == 1) {
						   this.status = "nomore";
					}
			  		}
			  	}
			  );
			},
			lower(e) {

			  if (this.msg.pageIndex < this.page_count) {
			    this.msg.pageIndex++;
				this.status = "loading";
			    this.init();
			  } else {
			    
				this.status = "nomore";
			  }
			},
			changeHandler(i) {
				this.active = i;
				this.msg.BrandClassId = this.typeList[i].ID;
				this.msg.pageIndex = 1;
				this.data.list= [];
				 this.init();
			},
		}
	};
</script>

<style>
	.good_study_two {
		position: relative;
		margin-bottom: 12px;
		border: 1rpx solid transparent;
		border-radius: 10rpx;
		overflow: hidden;
		box-shadow: 0 4px 10px 1px #e6e5e5;
		background-color: #fff;
	}
	
	.good_study_two .tips {
		width: 64rpx;
		height: 64rpx;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 4;
	}
	
	.good_study_two .img-box {
		width: 100%;
		height: 0;
		padding-top: 100%;
		position: relative;
		overflow: hidden;
	}
	
	.good_study_two .img-box .img-show {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 338rpx;
		overflow: hidden;
	}
	
	.good_study_two .guding {
		position: relative;
	}
	
	.good_study_two .guding .img-box {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
	}
	
	.good_study_two .good-info {
		padding: 15rpx;
		height: 112rpx;
	}
	
	.good_study_two .good-info .good-name {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		margin-bottom: 8px;
		color: #111111;
		font-size: 26rpx;
		font-weight: bold;
	}
	
	.good_study_two .good-info .good-price-info {
		display: flex;
		color: #999999;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		font-size: 22rpx;
	}
	
	.good_study_two .good-info .good-price-info .price {
		color: #999999;
		/* flex: 1; */
		font-size: 11px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	
	.good_study_two .good-info .good-price-info .buy {
		width: 24px;
		text-align: right;
	}
</style>
