{layout name="layout" /}

    <div class="if_wrap">
        <div id="if_con">
        	<div class="cus-con">
                <div class="set-top">                   

                    <div class="layui-inline">
 
                <form class="layui-form layui-form-pane1" method="get" action="" id="searchform">
                    <div class="layui-form-item">

                        <input type="hidden" name="id"  value="{$coupon_num_id}"/>

                        <div class="layui-input-inline">
                            <select name="searchtypeid" lay-filter="aihao" lay-search="">
                                <!--    <option value="0" >全部</option> -->
                                <option value="3" {$Think.get.searchtypeid!=1 && $Think.get.searchtypeid!=2?'selected':''}>优惠券码</option>
                                <option value="1" {$Think.get.searchtypeid==1?'selected':''}>用户名</option>
                                <option value="2" {$Think.get.searchtypeid==2?'selected':''}>手机号</option>
                            </select>
                        </div>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input" name="searchkey" placeholder="输入搜素关键字" value="{$Think.get.searchkey}"/>
                        </div>


                        <div class="layui-inline">
                            <label class="layui-form-label">过期时间</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input test-item" name="expire_time_start" placeholder="输入开始时间" value="{$Think.get.expire_time_start}"/>
                            </div>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input test-item" name="expire_time_end" placeholder="输入结束时间" value="{$Think.get.expire_time_end}"/>
                            </div>
                        </div>

                        <div class="layui-btn searchbtn" >搜索</div>
                        <div class="layui-btn resetbtn" >重置</div>
                    </div>
                </form>

                    </div>
                </div>
       
                <table class="layui-table" lay-data="{ url:'{:url('vip/coupon/receivedetail');}?id={$coupon_num_id}&searchtypeid={$Think.get.searchtypeid}&searchkey={$Think.get.searchkey}&expire_time_start={$Think.get.expire_time_start}&expire_time_end={$Think.get.expire_time_end}', page:true, id:'idTest'}" lay-filter="demo">
                    <thead>
                    <tr>
                      	<td lay-data="{width:60,field:'id', sort: true,templet: '#indexTpl'}">序号</td>
                        <td lay-data="{width:155,field:'title'}">优惠券批次</td>
                        <td lay-data="{width:140,field:'coupon_code'}">优惠券码</td>
                        <td lay-data="{width:120,field:'discount_type',toolbar: '#coupontypetext'}">优惠券类型</td>
                        <td lay-data="{width:120,field:'discount_value',}">优惠值</td>
                        <td lay-data="{width:120,field:'username'}">领取的用户</td>
                        <td lay-data="{width:120,field:'phone'}">手机号</td>
                        <td lay-data="{width:160,field:'expire_time'}">过期时间</td>
                        <td lay-data="{width:160,field:'create_time'}">创建时间</td>
                        <td lay-data="{width:160,field:'update_time'}">使用时间</td>
                        <td lay-data="{width:120,field:'check_user'}">核销的人</td>
                        <td lay-data="{width:120,field:'status',toolbar: '#statustext'}">优惠券状态</td>
                        {if condition="$setstatus" }            
                        <td lay-data="{width: 150, align:'center', toolbar: '#barDemo'}">操作</td>
                        {/if}
                    </tr>
                    </thead>
                </table>
            
            </div>
            
        </div>
    </div>

<script type="text/html" id="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="barDemo">
{notempty name="$setstatus"}
	{{# if(d.status!=1){ }}
	<a class="ex_start" lay-event="setstatus" data-id="{{d.id}}">设为已使用</a>
	{{# }else{ }}
		已使用
	{{# } }}
{/notempty}
	<!--<a class="ex_view" lay-event="del" data-id="{{d.id}}">删除</a>-->
</script>
<script type="text/html" id="imgModel">
	<img src="__PUBLIC__/uploads/{{d.img}}" height="100" width="80"/>
</script>
<script type="text/html" id="statustext">
	{{#  if(d.status ==1 ){ }}
    	已使用
	{{#  }else{ }}
		未使用
	{{#  } }}
</script>
<script type="text/html" id="coupontypetext">
	{{#  if(d.discount_type ==1 ){ }}
    	直减型
	{{#  }else{ }}
		折扣型
	{{#  } }}
</script>


<script>

// 提交搜索
$(".searchbtn").on('click',function(){

    $("#searchform").submit();

    /*
    var searchkey = $.trim($("input[name=searchkey]").val());

    if(searchkey){
		$("#searchform").submit();
	}else{
		layer.msg('请填写关键字,在提交搜索', {
		    icon: 2,
		});
	}
	*/

})
// 重置
$(".resetbtn").on('click',function(){
	location.href="{:url('vip/coupon/receivedetail')}";
})
	layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
		var laydate = layui.laydate //日期
				,laypage = layui.laypage //分页
		layer = layui.layer //弹层
				,table = layui.table //表格
				,carousel = layui.carousel //轮播
				,upload = layui.upload //上传
				,element = layui.element; //元素操作
		//监听工具条

        lay('.test-item').each(function(){
            laydate.render({
                elem: this
                ,trigger: 'click'
            });
        });


        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
			var data = obj.data //获得当前行数据
					, layEvent = obj.event; //获得 lay-event 对应的值
			if (layEvent === 'detail') {
				layer.msg('操作提醒');
			} else if (layEvent === 'del') {
				layer.confirm('你确定要删除这条优惠券记录吗？', function (index) {
					obj.del(); //删除对应行（tr）的DOM结构
					layer.close(index);
					//向服务端发送删除指令
				    var id = $(this).attr("data-id");
					$.ajax({
						url:"{:url('vip/coupon/delCoupon');}",
						data:{id:id},
						type:'post',
						success:function(e){
							if(e.status==1){
								layer.msg('删除成功', {
								    icon: 1,
								});
							}else{
								layer.msg('删除失败', {
								    icon: 2,
								});
							}
						}
					})
				});
			}else if(layEvent === 'setstatus'){
 				var id = $(this).attr("data-id");
 				var status = 1;
				$.ajax({
					url:"{:url('vip/coupon/setcouponstatus');}",
					data:{id:id,status:status},
					type:'post',
					success:function(e){
						if(e.status==1){
							layer.msg('设置成功', {
							    icon: 1,
							});
						}else{
							layer.msg('设置失败', {
							    icon: 2,
							});
						}
					}
				})
 
			}
		});
		laypage.render({
			elem: 'pageDemo' //分页容器的id
			,count: 100 //总页数
			,limits: [2,10,20,30]
			,skin: '#1E9FFF' //自定义选中色值
			//,skip: true //开启跳页
			,jump: function(obj, first){
				if(!first){
					layer.msg('第'+ obj.curr +'页');
				}
			}
		});
	})

layui.use('form', function(){ 
}); 
</script>
</body>
</html>