<template>
	<view class="content">
	   <navigation>
		   transactions
	    <view class="bread" slot="bread">
	    	<image src="../../../static/promo/nav_icon_more@2x.png" mode=""></image>
	    </view>
	   </navigation>
	   <view class="record_body">
	   	<view class="record_item flex">
	   		<view class="numcon flex">
	   			<image src="../../../static/promo/list_icon_meiyuan@3x.png" mode="aspectFit" class="img1"></image>
	   		    <view class="num">
	   		    	<view class="rec">
	   		    		Join period
	   		    	</view>
	   				<view class="cpay">
	   					2021-05-20 18:34:00
	   				</view>
	   		    </view>
	   		</view>
	   		<view class="time">
	   			-40.00
	   		</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{
			pageNumber:1,
			pageSize:20,
			record_list:[],
				}
			},
		
	onLoad() {
		
		uni.request({
			url: '/start/api/summary/billList',
			data: {
				"ticket": uni.getStorageSync('logInfo').data,
				"pageNumber":this.pageNumber,
				"pageSize":this.pageSize,
			},
			header: {
				'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息
			},
			method: 'POST', //请求方式  或GET，必须为大写
			success: (res) => {
				this.record_list=res.data.data.content;
	          console.log(res.data,9999);
			},
			fail: (res) => {
			console.log(res.errMsg);
			}
		});
	
	  setTimeout(function(){
		this.getCurrentTime
	  },2000)
		
	},
	methods:{
	   getCurrentTime(){
		   for(var i=0;i<record_list.length;i++){
		this.record_list[i].addTime=index.formathhmm(this.record_list[i].addTime);
		   }
	   }
			
	},

	}
</script>

<style>
.bread image{
	width: 28rpx;
	height: 24rpx;
	position: absolute;
	right: 36rpx;
	top: 50%;
	transform: translateY(-50%);
}
.record_body{
	padding: 0 36rpx;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.record_item{
	height: 144rpx;
}
.numcon .img1{
	width: 40rpx;
	height: 40rpx;
}
.num{
	margin-left: 20rpx;
	text-transform: capitalize;
}
.rec{
	color: #303133;
	font-size: 32rpx;
}
.cpay{
	color: #909399;
	font-size: 28rpx;
}
.time{
	color: #F25B5B;
	font-size: 28rpx;
}
</style>
