<template>
	<view class="content" :class="test!=0?'he':''">
	   <navigation>
		apply record
	   </navigation>
  <view class="prore_body">
  </view>
  <view class="noRes" v-show="test==0">
  	<view class="imgcon">
  		<image src="../../../../static/promo/menban@3x.png" mode="aspectFit"></image>
  	</view>
      <view class="res">
      	No results
      </view>
  </view>
  <view class="record_body">
  <view class="record_item flex" v-for="(item,index) in promotionRecord" :key="item.id">
  	<view class="numcon flex">
  	    <view class="num">
  	    	<view class="rec">
				<view class="Nop1">
					No.{{item.orderNo}}
				</view>
				<view class="Nop2">
					{{item.addTime}}
				</view>
  	    		
  	    	</view>
  	    </view>
  	</view>
  	<view class="time">
		<view class="money">
			+{{item.tranAmt}}
		</view>
		<view class="nickname">
			 Complete
		</view>
  	  
  	</view>
  </view>
    </view>
	</view>
	
</template>

<script>
	import api from '@/utils/api'
	import utils from '@/utils'
	import cont from "@/components/navigation/navigation.vue"
	import index from '@/utils/index'
	export default{
		data(){
			return{
				test:0,
			  promotionRecord:[],
				}
			},
		
		onLoad() {
			
	this.getBounsRecord();
			
		
	
		},
		methods:{
		qiehuan(i){
			this.qie=i;
			this.level=i+1;
			this.getBounsRecord();
		},
			getBounsRecord(){		
				const post = api.bonusOutRecords({
						"ticket": uni.getStorageSync('logInfo').data,
						"level":this.level,
						"pageNumber": 1,
						"pageSize": this.pageSize,
							 })
							 post.then(res => {
				this.totalElements=res.data.totalElements;
				if(res.data.content){
					this.promotionRecord=res.data.content;
					for(var i=0;i<this.promotionRecord.length;i++){
						this.promotionRecord[i].addTime=index.formatyymmddhhmmss(this.promotionRecord[i].addTime);
					}
					this.test=this.promotionRecord.length;
					console.log(res.data)
				}else{
					console.log(123123)
				}	
							 	})
							 	.catch(e => {
							 		uni.showToast({
							 			title: e,
							 			icon: 'none',
							 			duration: 2500
							 		})
							 	})
				
			}	
		},
	}
</script>

<style>
@import './index.css';
</style>
