<template>
	<view class="">
		<z-paging :language="$i18n.locale" ref="paging" v-model="list" @query="queryList" :pageSize="20">
	<!-- 下拉刷新 -->
	<custom-refresher slot="refresher" slot-scope="{refresherStatus}" :status="refresherStatus">
	</custom-refresher>
		
		<!-- 头部 -->
		<myNav slot="top" :title="i18n.Investors.invest_title"></myNav>
		<!-- 身体 -->
		<view>
		<view class="topBox">
			<view class="height-142 flex align-center justify-between">
				<view class="flex-1 height-90 flex direction-column align-center justify-between">
					<text class="font-24 color-F6F8FB nummedium-font" style="opacity: 0.8;">{{i18n.Investors.leiji_all}}</text>
					<text class="font-36 numbold-font color-white">{{count_all}}</text>
				</view>
				<view class="flex-1 height-90 flex direction-column align-center justify-between">
					<text class="font-24 color-F6F8FB nummedium-font" style="opacity: 0.8;">{{i18n.Investors.leiji_day}}</text>
					<text class="font-36 numbold-font color-white">{{day}}</text>
				</view>
			</view>
			<view class="geduan"></view>
			<view class="height-164 flex align-center justify-between">
				<view class="flex-1 height-100 flex direction-column align-center justify-between">
					<text class="font-24 color-F6F8FB nummedium-font" style="opacity: 0.8;">{{i18n.Investors.leiji_lixi}}</text>
					<text class="font-36 numbold-font color-white">{{count_lixi}}</text>
				</view>
				<view class="flex-1 height-100 flex direction-column align-center justify-between">
					<text class="font-24 color-F6F8FB nummedium-font" style="opacity: 0.8;">{{i18n.Investors.leiji_bj}}</text>
					<text class="font-36 numbold-font color-white">{{count_bj}}</text>
				</view>
			</view>
		</view>
		
		<view class="listBox" v-for="(item,index) in list" :key="index">
			<view class="height-117 padding-w-10 flex align-center justify-between">
				<view class="flex-1 height-80 flex direction-column align-start justify-between">
					<text class="font-24 color-C3C3C3 nummedium-font">{{i18n.Investors.leiji_time}}</text>
					<text class="font-28 nummedium-font color-C3C3C3">{{item.addtime}}</text>
				</view>
				<view class="flex-1 height-80 flex direction-column align-end justify-between">
					<text class="font-24 color-C3C3C3 nummedium-font" style="opacity: 0.8;">{{item.type==1?i18n.Investors.freed_lixi:i18n.Investors.freed_bj}}</text>
					<text class="font-34 numbold-font color-333333">+{{item.num}}</text>
				</view>
			</view>
		</view>
		</view>
		
		</z-paging>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				count_lixi:0,
				count_all:0,
				count_bj:0,
				day:0,
				
				list:[],
			}
		},
		computed: {
			i18n() {
				return this.$t('message');
			},
		},
		// onPullDownRefresh() {
		//     console.log('refresh');
		// 	this.list = []
		// 	this.page = 1
		// 	this.state = 'more'
		// 	this.getInfo()
		// 	this.getList()
		//     setTimeout(function () {
		//         uni.stopPullDownRefresh();
		//     }, 1000);
		// },
		// onReachBottom:function(){
		// 	this.page++
		// 	this.getList()
		// },
		onLoad(e) {
			this.id = e.id
			this.getInfo()
		},
		methods: {
			getInfo(){
				this.post('/angel/angel_detail_head',{
					id:this.id
				}).then(res => {
					console.log('释放记录头部',res)
					if(res.code == 1){
						this.count_lixi = res.data.count_lixi
						this.count_all = res.data.count_all
						this.count_bj = res.data.count_bj
						this.day = res.data.day
					}
				})
			},
			queryList(pageNo, pageSize) {
				setTimeout(()=>{
					this.post('/angel/angel_detail_log', {
						page: pageNo,
						page_num: pageSize,
						id:this.id
					}).then(res => {
						if (res.code == 1) {
							console.log(res)
							this.$refs.paging.complete(res.data.data);
						}
					})
				},500)
			},
		}
	}
</script>

<style lang="scss">
	.topBox{
		width: 690rpx;
		// height: 306rpx;
		margin: 20rpx auto;
		border-radius: 8rpx;
		background: linear-gradient(117deg, #066FFF 0%, #72AEFF 100%);
	}
	.geduan{
		width: 100%;
		height: 1px;
		background-color: #FFFFFF;
		opacity: 0.42;
	}
	.listBox{
		width: 100%;
		padding: 0 30rpx;
		// height: 234rpx;
		background: #FFFFFF;
		margin: 16rpx auto;
	}
</style>
