{extend name="$base" /}
{block name="resources"}
<script type="text/javascript" src="__STATIC__/My97DatePicker/WdatePicker.js"></script>
<style>
.ns-main{margin-top:0px;}
.alert .mt5 .h30{font-size:12px;margin-top:10px;}
.basic_data_ons{
	width: 100%;
	height: 152px;
    box-sizing: border-box;
	border: 1px solid  #e6e9f0;
}
.basic_data_ons	.basic_data_ons_son{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	border-bottom: 1px solid  #e6e9f0;
	text-indent: 10px;
	background: #f5f7fa;
}
.basic_data_ons .basic_data_ons_son_list{
	width: 100%;
	height: 84%;
}
.basic_data_ons .basic_data_ons_son_list li{
	width: 20%;
	height: 50%;
	float: left;
}
.basic_data_ons .basic_data_ons_son_list li .basic_data_ons_son_list_nvs{
    width:80%;
	height:80%;
	margin:0 auto;
	text-align:center;
}
.basic_data_ons .basic_data_ons_son_list li .basic_data_ons_son_list_nvs p{
    line-height:30px;
	font-size:12px;
	color:#5e6166;
	margin-top:40px;
	margin-bottom: 0;
}
.basic_data_ons .basic_data_ons_son_list li .basic_data_ons_son_list_nvs cite{
    line-height: 39px;
    font-size: 20px;
    color: #126AE4;
}
</style>
{/block}
{block name="main"}
<div class="basic_data_ons">
	<ul class="basic_data_ons_son_list">
		<li>
			<div class="basic_data_ons_son_list_nvs">
                <p>签到</p>
				<cite>{$money_sum.qiandao_sum}积分</cite>
			</div>
		</li>
		<li>
			<div class="basic_data_ons_son_list_nvs">
                <p>分享</p>
				<cite>{$money_sum.fenxiang_sum}积分</cite>
			</div>
		</li>
		<li>
			<div class="basic_data_ons_son_list_nvs">
                <p>注册</p>
				<cite>{$money_sum.zhuce_sum}积分</cite>
			</div>
		</li>
	</ul>
</div>
<table class="mytable">
	<tr>
		<td width="10%" class="default-condition">
			<input type="text" id='search_text' placeholder="请输入会员昵称" class="input-common  middle" />
			<!-- 更多搜索按钮 -->
			<button type="button" onclick="searchData()" value="搜索" class="btn-common">搜索</button>
			<button onclick="openSeniorSearch('.default-condition')" value="搜索" class="btn-common" >高级搜索</button>
		</td>
	</tr>
</table>

<!-- 高级搜索 -->
<div class="nui-condition">
	<div class="c-item-column">
		<label>会员昵称：</label>
		<input type="text" id='search_text' placeholder="请输入会员昵称" class="input-common  middle" />
	</div>
	<div class="c-item-column">
		<label>发生类别：</label>
		<select id="form_type" class="select-common middle">
			<option value="">全部</option>
			{volist name="from_type_list" id="val"}
			<option value="{$val.type_id}">{$val.type_name}</option>
			{/volist}
		</select>
	</div>
	<div class="c-item-column">
		<label>发生时间：</label>
		<input type="text" id='startDate' placeholder="请选择开始日期" class="input-medium input-common middle" onclick="WdatePicker()"/>
		&nbsp;-&nbsp;
		<input type="text" id='endDate' placeholder="请选择结束日期" class="input-medium input-common middle" onclick="WdatePicker()" />
	</div>
	
	<div class="c-operation">
		<button onclick="searchData()"  value="搜索" class="btn-common" >搜索</button>
		<a href="javascript:clearCondition();">清空筛选条件</a>
	</div>
	<a href="javascript:retractSeniorSearch();" class="retract">收起↑</a>
</div>

<table class="table-class">
	<colgroup>
		<col style="width: 2%;">
		<col style="width: 15%;">
		<col style="width: 20%;">
		<col style="width: 27%;">
		<col style="width: 20%;">
		<col style="width: 16%;">
	</colgroup>
	<thead>
		<tr align="center">
			<th ><i class="checkbox-common"><input type="checkbox" ></i></th>
			<th align="left">会员昵称</th>
			<th align="left">类别</th>
			<th align="left">描述</th>
			<th align="right">数量<span class="row-30"></span></th>
			<th>时间</th>
		</tr>
	</thead>
	<tbody></tbody>
</table>
{/block}
{block name="script"}
<script type="text/javascript">
function LoadingInfo(page_index) {
	var search_text = $("#search_text").val();
	var start_date = $("#startDate").val();
	var end_date = $("#endDate").val();
	var form_type = $("#form_type").val();
	$.ajax({
		type : "post",
		url : "{:__URL('ADMIN_MAIN/member/pointlist')}",
		data : {
			"page_index" : page_index, "page_size" : $("#showNumber").val(), "search_text":search_text, "form_type":form_type, "start_date":start_date, "end_date":end_date
		},
		success : function(data) {
			if (data["data"].length > 0) {
				$(".table-class tbody").empty();
				for (var i = 0; i < data["data"].length; i++) {
					var html = '';
					html += '<tr align="center">';
					html += '<td><i class="checkbox-common"><input name="sub" type="checkbox" value="'+ data["data"][i]["id"]+'" ></i></td>';
					html += '<td align="left">'+ data["data"][i]["nick_name"] +'</td>';
					html += '<td align="left">'+data["data"][i]["type_name"]+'</td>';
					html += '<td align="left">'+ data["data"][i]["text"];
					if(data["data"][i]["data_content"] != undefined && data["data"][i]["data_content"]["order_no"].length > 0){
						html += '【订单号：<a href="'+__URL('ADMIN_MAIN/order/orderdetail?order_id='+data["data"][i]["data_content"]["order_id"])+'">'+data["data"][i]["data_content"]["order_no"]+'</a>】';
					}
					html += '</td>';
					html += '<td align="right">'+ data["data"][i]["number"] +'<span class="row-30"></td>';
					html += '<td align="center">'+ timeStampTurnTime(data["data"][i]["create_time"]) +'</td>';
					html += '</tr>';
					$(".table-class tbody").append(html);
				}
			} else {
				var html = '<tr align="center"><td colspan="9">暂无符合条件的数据记录</td></tr>';
				$(".table-class tbody").html(html);
			}
			initPageData(data["page_count"],data['data'].length,data['total_count']);
			$("#pageNumber").html(pagenumShow(jumpNumber,$("#page_count").val(),{$pageshow}));
		}
	});
}

function searchData(){
	LoadingInfo(1);
}

//点击显示更多搜索
$(".more-search").click(function(){
	$(".more-search-container").slideToggle();
})
</script>
{/block}