{layout name="layout" /}
<style>
.laytable-cell-1-coupon_img {
    width: 100px;
	height:100%;
}

.layui-table-cell{
    height: auto;
}
</style>
    <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" >
                          <div class="layui-form-item">
                            <div class="layui-input-inline">
                              <select name="interest" lay-filter="aihao" lay-search="">
                                <option value=""></option>
                                <option value="0">写作</option>
                              </select><div class="layui-form-select"><div class="layui-select-title"><input type="text" placeholder="请选择" value="" class="layui-input"><i class="layui-edge"></i></div><dl class="layui-anim layui-anim-upbit" style=""><dd lay-value="" class="layui-select-tips">请选择</dd><dd lay-value="0" class="">写作</dd><dd lay-value="1" class="">阅读</dd><dd lay-value="2" class="">游戏</dd><dd lay-value="3" class="">音乐</dd><dd lay-value="4" class="">旅行</dd><dd lay-value="5" class="">读书</dd></dl></div>
                            </div>
                            <div class="layui-btn">搜索会员</div>
                          </div>
                        </form>
                    </div> -->
                </div>
                <table class="layui-table" lay-data="{ url:'index', page:true, id:'idTest'}" lay-filter="demo">
                    <thead>
                    <tr>
                      	<td lay-data="{width:60,field:'id',templet: '#indexTpl'}">序号</td>
                        <td lay-data="{width:160,field:'title'}">优惠券名称</td>
                        <td lay-data="{width:100,field:'coupon_img',toolbar: '#imgModel'}">优惠券图片</td>
                        <td lay-data="{width:100,field:'discount_type',toolbar: '#coupontypetext'}">优惠形式</td>
                        <td lay-data="{width:100,field:'typename'}">优惠券类型</td>
                        <td lay-data="{width:120,field:'coupon_num'}">批次号</td>
                        <td lay-data="{width:70,field:'money'}">面值</td>
                        <td lay-data="{width:80,field:'total_num'}">发行总数</td>
                        <td lay-data="{width:80,field:'min_consume'}">最低消费</td>
                        <td lay-data="{width:80,field:'each_max_total'}">每人可领</td>
                        <td lay-data="{width:160,field:'start_time'}">可用开始时间</td>
                        <td lay-data="{width:160,field:'end_time'}">可用结束时间</td> 
                        <td lay-data="{width:160,field:'expire_time'}">领取后有效天数</td> 
						<td lay-data="{width:80,field:'receive_total'}">已被领取</td>
						{if condition="$del || $receivedetail || $edit"}                     
                        <td lay-data="{width: 200, align:'center', toolbar: '#barDemo'}">操作</td>
                        {/if}
                    </tr>
                    </thead>
                </table>
            
            </div>
            
        </div>
    </div>
<!--<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="barDemo">
	<!--<a class="ex_start" lay-event="start">启用</a>-->
{notempty name="$receivedetail"}
	<a class="ex_view"  href="{:url('vip/coupon/receivedetail');}?id={{d.id}}">领取详情</a>
{/notempty}
{notempty name="$edit"}
	<a class="ex_view"  href="{:url('vip/coupon/editCoupon');}?id={{d.id}}">修改</a>
{/notempty}
{notempty name="$del"}
	<a class="ex_view" lay-event="del" data-id="{{d.id}}">删除</a>
{/notempty}



</script>
<script type="text/html" id="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="imgModel">
	<img src="__PUBLIC__/uploads/{{d.img}}" width="100%"/>
</script>
<script type="text/html" id="coupontypetext">

     {{# if(d.discount_type == 1){ }}
     直减型
     {{# }else if(d.discount_type == 2){  }}
     折扣型
     {{# }else if(d.discount_type == 3){  }}
     兑换型
     {{#  }  }}
</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 === 'start') {
				layer.confirm('你确定要停用这个账号吗？', function (index) {
					obj.del(); //删除对应行（tr）的DOM结构
					layer.close(index);
					//向服务端发送删除指令
				});
			}else if(layEvent === 'del'){
				var id = $(this).attr("data-id");
				layer.confirm('你确定要删除这个优惠券批次吗？', function (index) {
					obj.del(); //删除对应行（tr）的DOM结构
					//向服务端发送删除指令
					if(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{
						return false;
					}
				});
			}
		});
		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>