{layout name="layout" /}
<style>
.layui-table .layui-table-cell{
	height:auto;
	min-height:none;
}
</style>
<div class="if_wrap">
	<div id="if_con">
		<div class="cus-con">
			<div class="set-top">
				<div class="layui-btn mactive"><a href="/vip/Brandinformation/index">品牌信息</a></div>
				<div class="layui-btn "><a href="/vip/Brandinformation/add">添加品牌</a></div>
			</div>
			<table class="layui-table" lay-data="{ url:'{:url('vip/Brandinformation/index');}', 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:440,field:'name'}">名称</td>
					<td lay-data="{width:420,field:'image',toolbar: '#imgbox'}">图片</td>
					<td lay-data="{width:100,field:'sort'}">排序</td>
					<td lay-data="{width:460, align:'center', toolbar: '#barDemo'}">操作</td>
				</tr>
				</thead>
			</table>
		</div>

	</div>
</div>
<div id="editbox" class="new_msg_div">
	<div class="xmsgd">
		<div class="layui-input-block">
			<input type="hidden" class="layui-input" name="id" id="levelid" />
			级别名称：<input type="text" class="layui-input" name="ename" id="ename" />
			开始值<input type="text" class="layui-input" name="eminvalue" id="eminvalue" />
			结束值<input type="text" class="layui-input" name="emaxvalue" id="emaxvalue" />
		</div>
		<div class="layui-input-block">
			<button class="layui-btn" id="editbtn">立即提交</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">
		<div class="layui-input-block">
			级别名称：<input type="text" class="layui-input" name="aname" id="aname" />
			开始值<input type="text" class="layui-input" name="aminvalue" id="aminvalue" />
			结束值<input type="text" class="layui-input" name="amaxvalue" id="amaxvalue" />
		</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="imgbox">
	{{# if(d.image){ }}
	<img src="__PUBLIC__/uploads/{{d.image}}" width="100%"/>
	{{# } }}
</script>
<script type="text/html" id="indexTpl">
	{{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="barDemo">
	<a class="ex_start edit" lay-event="edit" href="{:url('vip/Brandinformation/edit');}?id={{d.id}}">修改</a>
	<a class="ex_view" lay-event="del" data-id="{{d.id}}" >删除</a>
	<a class="ex_view" href="{:url('vip/Brandinformation/subsetList');}?id={{d.id}}">查询子集</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 === 'del') {
				var id = $(this).attr("data-id");
				layer.confirm('你确定要删除这条记录吗？', function (index) {
					obj.del(); //删除对应行（tr）的DOM结构
					layer.close(index);
					//向服务端发送删除指令
					if(id){
						$.ajax({
							url:"{:url('vip/Brandinformation/del');}",
							data:{id:id},
							type:'post',
							success:function(e){
								if(e.code==200){
									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>