detailed.html 4.62 KB
<!DOCTYPE html >
<html>
<head>
<meta charset="UTF-8">
<title>积分明细</title>
<include file="public/header" /><body>
	<!--<header>
<div class="tab_nav">
  <div class="header">
    <div class="h-left"><a class="sb-back" href="javascript:history.back(-1)" title="返回"></a></div>
    <!--修改   20170320
    <div class="h-mid"><!--资金管理流动资金明细</div>
    <div class="h-right">
      <aside class="top_bar">
        <div onClick="show_menu();$('#close_btn').addClass('hid');" id="show_more"><a href="javascript:;"></a> </div>
      </aside>
    </div>
  </div>
</div>
</header>-->
	<include file="public/menu" />
	<include file="public/navBall" />
	<div class="funds">
		<div class="fundsQuery">
			<span>日期:</span>
			<input type="date" value="2015-06-28" />
			<span class="ml10 mr10"></span>
			<input type="date" value="2015-06-28" />
			<div class="mt20">
				<span>查询内容</span>
				<!--积分明细-->
				<select>
					<option value="">全部</option>
					<option value="1">收入</option>
					<option value="0">支出</option>
				</select>
				<!--微券查询-->
				<select>
					<option value="">所有</option>
					<option value="1">已使用</option>
					<option value="1">已过期</option>
					<option value="0">未使用</option>
				</select>
			</div>
			<div class="sub-btn">查询明细</div>
			<p>注:读取时段内近10笔记录</p>
		</div>
		<!--积分明细-->
		<div class="content">
			<div class="fundsTit">
				<span>项目</span>
				<span>积分</span>
			</div>
			<ul>
				<li>
					<span class="left">签到加积分</p></span>
					<span class="right">20积分</span>
					<p class="clear"></p>
				</li>
				<li>
					<span class="left">签到加积分</p></span>
					<span class="right">20积分</span>
					<p class="clear"></p>
				</li>
				<li>
					<span class="left">扣积分</p></span>
					<span class="right plus">-20积分</span>
					<p class="clear"></p>
				</li>
				<li>
					<span class="left">扣积分</p></span>
					<span class="right plus">-20积分</span>
					<p class="clear"></p>
				</li>
			</ul>
		</div>
		<!--微券查询-->
		<ul class="coupons">
			<li>
				<img src="__STATIC__/images/jmpic/1001161108401603.png" style="width: 100%;" />
				<p style="text-align: center;">1001161108401603</p>
				<div class="numCoupons">150元微券</div>
				<p>微券来源:api接口</p>
				<p>有效期:2016-8-11 至 2017-8-11</p>
				<p>使用说明:领取微券,满100元可用</p>
			</li>
			<li>
				<img src="__STATIC__/images/jmpic/1001161108401603.png" style="width: 100%;" />
				<p style="text-align: center;">1001161108401603</p>
				<div class="numCoupons">150元微券</div>
				<p>微券来源:api接口</p>
				<p>有效期:2016-8-11 至 2017-8-11</p>
				<p>使用说明:领取微券,满100元可用</p>
			</li>
		</ul>
		<div class="loadBtn">加载更多</div>
	</div>
	<!--删除    20170320-->
	<!--<div id="tbh5v0">			
<div style="background:#fff;">
<div class="user_login_title"><h2><em>账户余额</em><span>¥{$user['user_money']}元</span></h2></div>
<empty name="account_log">
<p class="font12">您没有任何资金的变动哦!</p>
<else/>
<div class="Funds">
  <ul>
  <foreach name="account_log" item="item" key="k">
    <li class="Funds_li" <if condition="$k eq count($account_log)"> style="border:0"</if>>
    	<span class="icon <if condition='$k eq 0'>on</if>"></span>
        <span>金额:<em>{$item.user_money}</em>,积分:<em>{$item.pay_points}</em></span>
        <span>{$item.change_time|date='Y-m-d H:i:s',###}</span>
        <span>{$item.desc}</span>
    </li>
  </foreach>
  </ul>
</div>
<notempty name="account_log">
   <div id="getmore" style="font-size:.24rem;text-align: center;color:#888;padding:.25rem .24rem .4rem; clear:both">
  		<a href="javascript:void(0)" onClick="ajax_sourch_submit()">点击加载更多</a>
  </div>
</notempty>
</empty>
</div>
<a href="javascript:goTop();" class="gotop"><img src="__STATIC__/images/topup.png"></a> 
</div>-->
	<script>
		var page = 1;
		/*** ajax 提交表单 查询订单列表结果*/
		function ajax_sourch_submit() {
			page += 1;
			$.ajax({
				type: "GET",
				url: "/index.php?m=Mobile&c=User&a=account&is_ajax=1&p=" + page, //+tab,
				//			url:"{:U('Mobile/User/account',null,'')}/is_ajax/1/p/"+page,//+tab,
				//			data : $('#filter_form').serialize(),// 你的formid 搜索表单 序列化提交
				success: function(data) {
					if($.trim(data) == '')
						$('#getmore').hide();
					else
						$(".Funds > ul").append(data);
				}
			});
		}
	</script>

	<script type="text/javascript">
		function goTop() {
			$('html,body').animate({
				'scrollTop': 0
			}, 600);
		}
	</script>
</body>

</html>