{php $this->template('header')}
	<link rel="stylesheet" href="{$public}css/user/money/record.css?{php echo time()}">
	<div class="bui-page">
	  
		<main id="main">
			<!-- <div style="padding-bottom: 1.1rem;"> -->
				<div class="box_ti">
					<div class="box" style="height: 4rem;">
						<div class="head">
							<div class="uinfo">
								<div class="headimg" style="background-image: url({php echo $this->user['headimgurl']})"></div>
								<div class="nickname">{php echo $this->user['nickname']}</div>
								<div class="yue text-c" style="margin-top: .2rem;">累计推广金额：{php echo user($this->user['id'],'tmoney')?user($this->user['id'],'tmoney'):0}</div> 
								<div class="but-box">
									
								</div>
							</div>
						</div>
					</div>
					<div class="title">
						资金明细 <!-- <div class="right">已提现50.5元</div> -->
					</div>
				</div>
				<div id="scrollList" class="bui-scroll" style="margin-top: 5rem;">

					<div class="img" style="display: none;">
						<img src="{$public}img/empty.png">
						<p>空空如也...</p>
					</div>
					<div class="bui-scroll-head"></div>
					<div class="bui-scroll-main">
						<ul class="bui-list bui-list-thumbnail">

								<!-- <li class="bui-btn">
							        <h3 class="item-title"><span class="${subClass}">【${sub}】<span class="${subClass}">${el.num}</span> </span>${el.desc}</h3> 
							        <p class="item-text">${el.time}</p>
							    </li> -->
						</ul>
					</div>
					<div class="bui-scroll-foot"></div>

				</div>
				
	        <!-- </div> -->
		</main>


	</div>


<script>
	bui.ready(function(){
		var uiList = bui.list({
	        id: "#scrollList",
	        url: "{php echo iurl('user/agent/task')}",
	        pageSize: 10,
	        data: {},
	        field: {
	            page: "page",
	            size: "pageSize",
	            data: "data"
	        },
	        template: function(data) {
	            var html = "";
	            data.forEach(function(el, index) {
	            	var sub='',subClass='';
	            	if (el.status==1) {
	            		sub='收入';
	            		subClass='primary-reverse';
	            	}else{
	            		sub='支出';
	            		subClass='warning-reverse';
	            	}

	                html += `<li class="bui-btn">
				                <h3 class="item-title"><span class="${subClass}">【${sub}】<span class="${subClass}">${el.agent_money}</span> </span>代理返还</h3> 
				                <p class="item-text">${el.time}</p>
				            </li>`
	            });

	            
	            if (html=='') {

	            	$('.img').show().siblings().hide();
					return ;

	            }

	            return html;
	        }
	        
	    })
	   
	})
 
</script>