{layout name="layout" /}
<style>
	.laytable-cell-1-card_img {
		width: 120px;
		height: 100%;
	}
	.laytable-cell-1-image{
		height:100%;
	}
</style>
<div class="if_wrap">
	<div id="if_con">
		<div class="cus-con">
			<div class="set-top">
                <a href="/vip/Package/index"><div class="layui-btn" style='color:#ffffff'>套系列表</div></a>
        </div>
			<table class="layui-table" lay-data="{ url:'{:url('vip/Packageorder/getPackorderList');}?id={$id}', page:true, id:'idTest'}" lay-filter="demo">
				<thead>
					<tr>
						<td lay-data="{width:80,field:'id', sort: true,templet: '#indexTpl'}">序号</td>
						<td lay-data="{width:200,field:'package_name'}">套系名称</td>
						<td lay-data="{width:150,field:'order_sn'}">单号</td>
						<td lay-data="{width:120,field:'user_name'}">姓名</td>
						<td lay-data="{width:120,field:'user_tel'}">电话</td>
						<td lay-data="{width:150,field:'user_wechat'}">微信</td>
						<td lay-data="{width:300,field:'user_address'}">住址</td>
						<td lay-data="{width:100,field:'total_price'}">金额</td>
						<td lay-data="{width:200, align:'center', toolbar: '#barDemo'}">操作</td>
					</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="$editPackageorder"}
	<a class="ex_view" href="{:url('vip/Packageorder/editPackageorder');}?id={{d.id}}">编辑</a>
{/notempty}
{notempty name="$delPackageorder"}
	<a class="ex_view" lay-event="del" data-id="{{d.id}}">删除</a>
{/notempty}
	<input type="hidden" class="id_php" value="{{d.id}}"/>
</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) {
                    layer.close(index);
                    //向服务端发送删除指令
                    if (id) {
                        $.ajax({
                            url: "{:url('vip/Packageorder/delPackageorder');}",
                            data: {id: id},
                            type: 'post',
                            success: function (e) {
                                if (e.code == 200) {
                                    obj.del(); //删除对应行（tr）的DOM结构
									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>