{layout name="layout" /}

    <div class="if_wrap">
        <div id="if_con">
        	<div class="cus-con">
                <div class="set-top">                   
					{$topmenu}
                    <div class="layui-inline">
                        <form class="layui-form layui-form-pane1" id="searchform" method="get" action="{:url('vip/task/dodetail');}?searchtypeid={$Think.get.searchtypeid}&searchkey={$Think.get.searchkey}">
                          <div class="layui-form-item">
                            <div class="layui-input-inline">
                              <select name="searchtypeid" lay-filter="aihao" lay-search="">
                                <option value="1">任务名称</option>
                                <option value="2" {$Think.get.searchtypeid==2?'selected':''}>用户名</option>
                                <option value="3" {$Think.get.searchtypeid==3?'selected':''}>手机号</option>
                              </select>
                            </div>
                            <div class="layui-input-inline">
                             <input type="text" class="layui-input" name="searchkey" value="{$Think.get.searchkey}" placeholder="输入搜素关键字" />
                            </div>
                            <div class="layui-btn "  lay-filter="formDemo" lay-submit id="searchbtn">搜索</div>
                            <div class="layui-btn "  id="resetbtn">重置</div>
                          </div>
                        </form>
                    </div>
                </div>
                <table class="layui-table" lay-data="{ url:'{:url('vip/task/dodetail');}?userid={$Think.get.userid}&taskid={$Think.get.taskid}&searchtypeid={$Think.get.searchtypeid}&searchkey={$Think.get.searchkey}', 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:150,field:'username'}">用户</td>
                        <td lay-data="{width:130,field:'phone'}">用户手机</td>
                        <td lay-data="{width:180,field:'title'}">任务名称</td>
                        <td lay-data="{width:160,field:'create_time'}">执行时间</td>
<!--                         <td lay-data="{fixed: 'right', width: 200, align:'center', toolbar: '#barDemo'}">操作</td>        
 -->                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
<script>
// 重置搜索
$("#resetbtn").on('click',function(){
	location.href = "{:url('vip/task/dodetail');}";
})

</script>
<script>document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);</script>
<script type="text/html" id="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="barDemo">	
	<!--<a class="ex_start" data-id="{{d.id}}" href="{:url('vip/task/dodetail');}?userid={{d.userid}}&taskid={{d.taskid}}">查看执行详情</a>-->
</script>
<script>
	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; //元素操作
		//监听工具条
		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(e.msg);
							}else{
								layer.msg(e.msg);
							}
						}
					})
				});
			}
		});
 
		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(){ 
	var form = layui.form;
	//监听提交
	form.on('submit(formDemo)', function(data){
	    var searchkey = $("input[name=searchkey]").val();
	    if(searchkey){
	    	$("#searchform").submit();  
	    }else{
	    	layer.msg('请填写要搜索的关键字');
	    }
		
	  return false;
	});
}); 
</script>
</body>
</html>