{layout name="layout" /}
<style type="text/css">
	.layui-btn{

	}
</style>

<div class="if_wrap">
    <div id="if_con">
    	<div class="cus-con">
            <div class="set-top">                   
			{$topmenu}
            </div>
            <table class="layui-table" lay-data="{ url:'{:url('vip/couponbag/index');}?id={$Think.get.id}', page:true, id:'idTest'}" lay-filter="demo">
                <thead>
                <tr>
                  	<td lay-data="{width:90,field:'id', sort: true,templet: '#indexTpl'}">序号</td>
                    <td lay-data="{width:140,field:'name'}">类型名称</td>
                    <td lay-data="{width:600,field:'cid'}">优惠券</td>
                    <td lay-data="{width:160,field:'create_time'}">创建时间</td>
                    {if condition="$typeedit || $typedel"}
                    <td lay-data="{width:200,align:'center',toolbar:'#barDemo'}">操作</td>
                	{/if}
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
<div id="editbox" class="new_msg_div">
 	<div class="xmsgd">
		<label class="layui-form-label">类型名称</label>
	    <div class="layui-input-block">
	    	<input class="layui-input"  type="hidden" name="id" id="typeid" />
	        <input type="text" name="name" id="edittypename" placeholder="请输入标题" autocomplete="off" class="layui-input">
	    </div>
<!-- 	<div class="layui-input-block">
	      <button class="layui-btn"   lay-event="savebtn" id="savebtn">立即提交</button>
	      <button type="button" class="layui-btn layui-btn-primary layui-layer-close layui-layer-close1">取消</button>
	    </div> -->
    </div>
</div>
<div id="addbox" class="new_msg_div">
 	<div class="xmsgd">
		<label class="layui-form-label">类型名称</label>
	    <div class="layui-input-block">
	        <input type="text" name="name" id="addtypename" placeholder="请输入标题" autocomplete="off" class="layui-input">
	    </div>
<!-- 	<div class="layui-input-block">
	      <button class="layui-btn" id="addbtn">立即提交</button>
	      <button type="button" class="layui-btn layui-btn-primary layui-layer-close layui-layer-close1">取消</button>
	    </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">
{notempty name="$editbag"}
	<a href="{:url('couponbag/edit')}?id={{d.id}}" class="ex_start"  data-id="{{d.id}}" data-name="{{d.name}}" >修改</a>
{/notempty}
{notempty name="$delbag"}
	<a class="ex_view" lay-event="del" data-id="{{d.id}}">删除</a>
{/notempty}
</script>
<script type="text/javascript" id="toolbar">

</script>
<script type="text/html" id="imgModel">
	<img src="__PUBLIC__/uploads/{{d.img}}" height="100" width="80"/>
</script>
<script type="text/html" id="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</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 === 'del') {
				var id = $(this).attr("data-id");
				layer.confirm('你确定要删除这条优惠券记录吗？', function (index) {
					obj.del(); //删除对应行（tr）的DOM结构
					layer.close(index);
					//向服务端发送删除指令
					$.ajax({
						url:"{:url('vip/couponbag/del');}",
						data:{id:id},
						type:'post',
						success:function(res){
							if(res.code==200){
								layer.msg('删除成功', {
								    icon: 1,
								});
							}else{
								layer.msg('删除失败', {
								    icon:2,
								});
							}
						}
					})
				});
			}else if(layEvent === 'edit'){
				var id = $(this).attr("data-id");
 				$("#typeid").val(id);
 				$("#edittypename").val($(this).attr("data-name"));
			    layer.open({
			        title:'修改类型信息',
			        type: 1,
			        skin: 'layui-layer-rim',
			        area: ['400px', '200px'],
			        content: $('#editbox'),
					btn: ['提交修改','取消'],
					yes:function(index,layero){
						var id       = $("#typeid").val();
						var typename = $.trim($("#edittypename").val());
						if(id && typename){
							$.ajax({
								url:"{:url('vip/coupontype/edit');}",
								data:{id:id,name:typename},
								type:'post',
								success:function(e){
								 	if(e.status==1){
								 		layer.close(index);
										layer.msg('修改成功', {
										    icon: 1,
										});
									}else{
										layer.msg('修改失败', {
										    icon: 2,
										});
									} 
								}
							})
						}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(){ 
}); 
	

// 新添加类型
$("#addtypebtn").on('click',function(){
    layer.open({
        title:'添加优惠券类别',
        type: 1,
        skin: 'layui-layer-rim',
        area: ['400px', '200px'],
        content: $('#addbox'),
        btn: ['立即添加','取消'],
		yes:function(index,layero){
			var title = $.trim($("#addtypename").val());
			if(title){
				$.ajax({
					type:'post',
					url:"{:url('vip/coupontype/add');}",
					data:{name:title},
					success:function(s){
					if(s.status==1){
						layer.open({
							content: '恭喜您添加成功！',
							btn: ['确认'],
							yes: function(index, layero) {
								window.location.href="{:url('vip/coupontype/index')}";
							}
						});
					}else{
						layer.msg('添加失败', {
						    icon: 2,
						});
					}
				}})
			}else{
				layer.msg('请填写类型名称', {
				    icon: 2,
				});
			}
		}

	});
})
	
</script>
</body>
</html>