<template>
	<!-- 商务合作 -->
	<view class="page">
		<!-- 搜索 -->
		<view style="margin: 20rpx 0;background-color: #FFFFFF;border-radius: 18rpx;border: 2rpx solid #E8E8E8;	margin: 22rpx 24rpx;overflow: hidden;" >
			<u-search :action-style="{'background':'#19be6b','color':'#fff','height':'32px','line-height':'32px','border-radius':'18rpx'}" bg-color="#fff" placeholder="请输入关键词" v-model="pagesize.title" action-text="搜索" @clear="search" @search="search" @custom="search"></u-search>
		</view>
		<view class="goods-data">
			<view class="goods-list">
				<view class="good-item" v-for="(v, i) in list" :key="i" @click="toDetail(v)">
					<view class="body">
						<view class="info">
							<view class="title">{{v.title}}</view>
							<view class="info-item">{{v.createTime}}</view>
						</view>
						<image :src="imgurl+v.coverImage" ></image>
					</view>
				</view>
				<!-- <u-loadmore :status="statuslist" @loadmore='loading' style="width: 100%; text-align: center;"/> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabList:[
					{ name: '全部' },
					{ name: '待提交' },
					{ name: '待审核' },
					{ name: '通过' },
					{ name: '驳回' },
					{ name: '进行中' },
					{ name: '已结束' },
				],
				current: 0,
				datalist: [],
				total: 2,
				statuslist: 'loadmore',
				pagesize: {			
							title: '',
							pageNumber: 1,
							pageSize: 10,
						
					},
				listIn:0,
				num:0,
				list:[],
				imgurl:''
				
			};
		},
		onLoad(option) {
			this.imgurl = this.$img
			// console.log(option.id);
			// this.num = option.id;
			this.statuslist = 'nomore';
		},
		mounted() {
			this.getAll()
		},
		onPullDownRefresh(e) {
			let that = this
			that.statuslist = 'loading';
			this.page = 0;
			setTimeout(() => {
				that.datalist = [{}];
				that.statuslist = that.datalist.length >= that.total ? 'nomore' : 'loadmore';
				uni.stopPullDownRefresh();
			}, 1000);
		},
		onReachBottom(e) {
			// this.loading();
		},
		methods: {
			tabsChange(val) {
				this.current = val;
			},
			search() {
				console.error('=========')
				this.getAll()
			},
			getAll(){
			this.$http.sendRequest('/cereBusinessCooperation/queryByPage', 'POST', this.pagesize,1).then(res => {
				this.list =res.data.data.content 
			})
				},
			loading() {
				let that = this
				if(that.statuslist == 'nomore') return;
				that.statuslist = 'loading';
				that.pagesize.pageNum = ++that.pagesize.pageNum;
				setTimeout(() => {
					let data = [{}, {}];
					that.datalist = [...that.datalist, ...data];
					console.log(that.datalist);
					that.statuslist = that.datalist.length >= that.total ? 'nomore' : 'loadmore';
				}, 300)
			},
			sel(val){
				this.listIn = val
			},
			toDetail(items) {
				let msg = JSON.stringify(items)
				uni.navigateTo({
					url: `/pages/business/businessDetail/businessDetail?item=${msg}`
				})

			},
			reconciliationdetail() {
	
			},
			toAdd() {
				uni.navigateTo({
					url: '/pages/activityAdd/activityAdd'
				})
			}
		}
	}
</script>

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