{layout name="layout" /}
<style>
.layui-table {
	height:auto;
	min-height:none;
}
.layui-table-cell{
	height:21px;
	line-height: 21px;
}
.laytable-cell-1-package_title_img{
	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}
                <br>
                <div class="layui-inline margin_top_10" style="margin-top: 10px;">
                    <form class="layui-form layui-form-pane1" id="searchform" method="get" action="">
                        <input type="hidden" name="usertype" value="{$Think.get.usertype}" />
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">选择店面</label>
                                <div class="layui-input-inline">
                                    <select name="shop_code"  lay-search="">
                                        <option value="">请选择</option>
                                        {foreach $shop as $v}
                                        <option value="{$v.shop_code}" {$Think.get.shop_code==$v[shop_code]?'selected':''}>{$v.shop_name}</option>
                                        {/foreach}
                                    </select>
                                </div>
                            </div>

                            <div class="layui-inline">
                                <label class="layui-form-label">套系名称</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" placeholder="请输入套系名称" value="{$Think.get.package_name}" name="package_name">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <button class="layui-btn layui-btn-warm"  lay-submit="" lay-filter="*" style="margin-bottom: 5px;">立即搜索</button>
                            </div>
                            <div class="layui-btn" id="resetbtn" style="margin-bottom: 10px;">重置</div>
                        </div>
                    </form>
                </div>
			</div>
			<table class="layui-table" lay-data="{ url:'{:url('vip/Package/index');}?shop_code={$Think.get.shop_code}&package_name={$Think.get.package_name}', page:true, id:'idTest'}" lay-filter="package">
				<thead>
				<tr>
					<td lay-data="{width:90,field:'id', sort: true,templet: '#indexTpl'}">序号</td>
					<td lay-data="{width:200,field:'cat_name',sort: true,}">所属分类</td>
					<td lay-data="{width:250,field:'package_name'}">套系名称</td>
					<td lay-data="{width:100,field:'package_price'}">套系价格</td>
					<td lay-data="{width:100,field:'package_price_down'}">定金价格</td>
					<td lay-data="{width:350,field:'package_title_img',toolbar: '#imgbox'}">套系标题图片</td>
					<td lay-data="{width:200,field:'shop_name',sort: true}">店面</td>
					<td lay-data="{width:100,field:'p_sort',sort: true}">排序</td>
					<td lay-data="{width:200,align:'center',toolbar:'#barDemo'}">操作</td>
				</tr>
				</thead>
			</table>
		</div>
	</div>
</div>

<script type="text/html" id="imgbox">
	{{# if(d.package_title_img){ }}
	<img src="{{d.package_title_img}}" width="200"/>
	{{# } }}
</script>
<script type="text/html" id="indexTpl">
	{{d.LAY_TABLE_INDEX+1}}
</script>

<script type="text/html" id="barDemo">
{notempty name="$editPackage"}
	<a class="ex_start edit" lay-event="edit" href="{:url('vip/Package/editPackage');}?id={{d.id}}">编辑</a>
{/notempty}
{notempty name="$copyPackage"}
	<a class="ex_start copy" lay-event="edit" href="{:url('vip/Package/editPackage');}?id={{d.id}}&action=copy">复制</a>
{/notempty}
{notempty name="$delPackage"}
	<a class="ex_view" lay-event="del" data-id="{{d.id}}">删除</a>
{/notempty}
	<a class="ex_view" href="{:url('vip/Packageorder/getPackorderList');}?id={{d.id}}">查询订单</a>
	<input type="hidden" class="id_php" value="{{d.id}}"/>
</script>

<script>
	layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element','form'], 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(package)', 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/Package/delPackage');}",
							data:{id:id},
							type:'post',
							success:function(e){
								if(e.code==200){
									obj.del(); //删除对应行（tr）的DOM结构
									layer.msg('恭喜删除成功', {
										icon: 1,
									});
								}else{
									layer.msg(e.msg,{
										icon: 2,
									});
								}
							}
						})
					}
				});
			}else if(layEvent === 'setstatus'){
				var thisobj = $(this);
				var id   = $(this).attr("data-id"); // 获取要操作的id
				var text = $(this).html();  // 获取当前是什么状态
				var status = text=='启用'?'0':'1';
				layer.confirm('你确定要'+text+'吗？', function (index) {
					layer.close(index);
					//向服务端发送删除指令
					$.ajax({
						url:"{:url('vip/Marriagecircle/editStatus');}",
						data:{id:id,status:status},
						type:'post',
						success:function(e){
							thisobj.html(text=='启用'?'停用':'启用');
							if(e.code==200){
								layer.msg('设置成功',{
									icon: 1,
								});
							}else{
								layer.msg(e.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 +'页');
				}
			}
		});
	});


    $("#resetbtn").on('click',function(){
        window.location.href='{:url(vip/package/index)}';
    });
</script>

<script>
	$('.all_enabled').on('click', function () {
		var url = "{:url('Marriagecircle/allEnabled')}";
		var arr = new Array;
		var str = '';
		var obj = $('input[type=checkbox]');
		for(var i = 0;i < obj.length;i++){
			if(obj[i].checked==true){
				arr.push(obj.eq(i).parents('tr').find('.id_php').val());
				obj.eq(i).parents('tr').find('.operation_php').text('停用')
			}
		}
		if(arr.length < 1){
			layer.msg('请选择要编辑的表格', {
				icon: 2,
			});
			return false;
		}
		str = arr.join(',');
		$.ajax({
			url: url,
			data: {idStr: str},
			type: 'post',
			success: function (e) {
				if (e.code == 200) {
					layer.msg('设置成功', {
						icon: 1,
					});
				} else {
					layer.msg(e.msg, {
						icon: 2,
					});
				}
			}
		})
		return false;
	});

	$('.all_discontinuation').on('click', function () {
		var url = "{:url('Marriagecircle/allDiscontinuation')}";
		var arr = new Array;
		var str = '';
		var obj = $('input[type=checkbox]');
		for(var i = 0;i < obj.length;i++){
			if(obj[i].checked==true){
				arr.push(obj.eq(i).parents('tr').find('.id_php').val());
				obj.eq(i).parents('tr').find('.operation_php').text('启用')
			}
		}
		if(arr.length < 1){
			layer.msg('请选择要编辑的表格', {
				icon: 2,
			});
			return false;
		}
		str = arr.join(',');
		$.ajax({
			url: url,
			data: {idStr: str},
			type: 'post',
			success: function (e) {
				if (e.code == 200) {
					$('.operation_php').each(function(i){
						$('.operation_php').eq(i).text('启用');
					})
					layer.msg('设置成功', {
						icon: 1,
					});
				} else {
					layer.msg(e.msg, {
						icon: 2,
					});
				}
			}, error: function () {
				console.log('000000000');
			}
		})
		return false;
	});
</script>
</body>
</html>