<!--入账和分佣界面-->
<template>
	<view class="main">
		<u-navbar
			:title="getTitle()"
			:safeAreaInsetTop="true"
			:fixed="true"
			bgColor="#FFFFFF"
			:placeholder="true"
			@leftClick="onBackTouched"
			:key="vType"
		/>
		<view class="body">
			<u-list
				:enableFlex="true"
				:enableBackToTop="true"	
				preLoadScreen=10
				height="1380rpx"
				@scrolltolower="onScrollListToBottom"
			>
				<u-list-item v-for="(item,index) in pageData.amountrecord" :key="index">
					<WalletListItem 
						:record="item"
					/>
				</u-list-item>
			</u-list>
		</view>
	</view>
</template>

<script>
	var vType = -1;
	
	import RzAndFyData from "./RzAndFyData.js"
	var pageData 	= new RzAndFyData();
	var Define		= getApp().globalData.Define;
	var url			= '';
	export default {
		onLoad(args) {
			console.log("入账和分佣详细界面收到参数：",args);
			var index 	= args.index;
			this.vType	= Number(index);
			url	= 'users/getruzhangamount';
			console.log(this.vType);
			if(this.vType == 1){
				url	= 'users/getfenyongamount';
			}
			pageData.getNextPage(url);
		},
		data() {
			return {
				vType,
				pageData,
			};
		},
		methods:{
			///获取显示得title
			getTitle(){
				if(this.vType == 0){
					return '入账中的金额';
				}else if(this.vType == 1){
					return "代理商分佣";
				}
				return "钱包";
			},
			onBackTouched(){
				uni.navigateBack({
					
				});
			},
			onScrollListToBottom(){
				this.pageData.getNextPage(url);
			},
		}
	}
</script>

<style lang="scss" scoped>
	.body{
		width: 702rpx;
		height: 1380rpx;
		position: relative;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		left: 24rpx;
		top: 10rpx;
	}
</style>
