{include file="common/top"/}
<div class="body_top">
	<ul class="title">
    	<li class="active"><a href="{:url('index')}">栏目管理</a></li>
    </ul>
</div>

<div class="body_content_list">

<script type="text/html" id="barDemo">
<span class="tq_table_bar">
  <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="add">添加</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  {{#  if(d.is_system == 1){ }}
  <a class="layui-btn layui-btn-danger layui-btn-xs layui-btn-disabled" {if condition="env('APP_IS_SYSTEM') eq 1"}lay-event="del"{/if}>删除</a>
  {{#  } else { }}
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
  {{#  } }}
</span>
</script>

<script type="text/html" id="is_effect">
<span class="tq_table_bar">
	<input type="checkbox" name="is_effect" value="{{d.id}}" lay-skin="switch" lay-text="停用|启用" lay-filter="is_effect" {{ d.is_effect ==2 ? 'checked' : '' }}>
</span>
</script>

<script type="text/html" id="sort">
<span class="tq_table_bar">
	<a class="layui-btn layui-btn-xs tq_sort"><input type="text" name="{{d.id}}" autocomplete="off" value="{{d.sort}}"></a>
  	<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="sort_t" title="置顶">置顶</a>
  	<a class="layui-btn layui-btn-xs btn_tq1" lay-event="sort_p" title="上移">上移</a>
  	<a class="layui-btn layui-btn-xs btn_tq1" lay-event="sort_n" title="下移">下移</a>
</span>
</script>

<script type="text/html" id="tq_btn">
  	<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="add">添加</a>
  	<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="sort_all">排序</a>
</script>
<style>
.layui-table-body {overflow-y: scroll;}
.layui-table-main table tr { display:none}
.layui-table-main table .reid_0 { display:table-row}
</style>

<table lay-filter="list" id="list" style="display:none">
  <thead>
    <tr>
      <th lay-data="{field:'id', width:80, sort:true}">编号</th>
      <th lay-data="{field:'sort', width:222, toolbar:'#sort'}">排序</th>
      <th lay-data="{field:'catename',}">栏目名称</th>
      <th lay-data="{field:'cateseo',}">展开/关闭</th>
      <th lay-data="{field:'model_id', width:110}">所属模型</th>
      <th lay-data="{field:'view_list'}">列表模板</th>
      <th lay-data="{field:'view_info'}">详情模板</th>
      <th lay-data="{field:'is_effect', width:110, align:'center', toolbar:'#is_effect'}">状态</th>
      <th lay-data="{field:'is_system', hide:true}">222</th>
      <th lay-data="{field:'pid', width:166, align:'center', toolbar:'#barDemo'}">操作</th>
    </tr> 
  </thead>
  <tbody>
	
    {volist name="list" id="v"}
    <tr>
      <td>{$v.id}</td>
      <td>{$v.sort}</td>
      <td>{$v.catename}</td>
      <td>{if $v['is_xj']==1}<span class="open_{$v.id}" style="cursor:pointer; color:#22b581" onclick="cate_open(1,{$v.id})">展开</span>{/if}</td>
      <td>{$v.model_name}</td>
      <td>{$v.view_list}</td>
      <td>{$v.view_info}</td>
      <td>{$v.is_effect}</td>
      <td>{$v.is_system}</td>
      <td>{$v.pid}</td>
    </tr>
	{/volist}
    
  </tbody>
</table>

</div>
<script>
function cate_open(t,id){
	if(t==1){
		$('.layui-table-main table .reid_'+id+'').show();
		$('.open_'+id+'').text('关闭').css('color','#f00');
		$('.open_'+id+'').attr('onclick','cate_open(2,'+id+')');
	}else{
		$.post('/admin/Common/cate_open',{id:id},function(data){
			var sl=data.id_array.length;
			$.each(data.id_array,function(index,value){
					$('.layui-table-main table .reid_'+value+'').hide();
				$('.open_'+value+'').attr('onclick','cate_open(1,'+value+')');
				$('.open_'+value+'').text('展开').css('color','#22b581');
			});
			console.log(sl);
		});		

	}
}


</script>
{include file="common/bottom"/}
<script>
iname=self.frameElement.name;
layui.use('table', function(){
var table = layui.table,form = layui.form;
table.init('list', {
	height:'full-71' //设置高度
	,toolbar: '#tq_btn'
	,limit:Number.MAX_VALUE
	,defaultToolbar: ['filter']

});   
  
//监听工具条
table.on('tool(list)', function(obj){
	var data = obj.data;
	//删除
	if(obj.event === 'del'){
		window.top.delete_c(obj,iname);
	}
	
	//添加弹窗-添加到某栏目下
	if(obj.event==='add'){
		var title='添加栏目';
		var url="{:url('add')}?pid="+data.id+"";
		var area=["634px", "450px"];
		window.top.openiframe(title,url,area,iname);
	}
	
	if(obj.event==='edit'){
		var title='修改栏目';
		var url="{:url('edit')}?id="+data.id+"";
		var area=["634px", "450px"];
		window.top.openiframe(title,url,area,iname);
	}
	if(obj.event==='sort_t'){
		is_sort('t',data['id'],'cate',data['sort'],data['pid']);
	}
	if(obj.event==='sort_p'){
		is_sort('p',data['id'],'cate',data['sort'],data['pid']);
	}
	if(obj.event==='sort_n'){
		is_sort('n',data['id'],'cate',data['sort'],data['pid']);
	}	

});

//表头操作
table.on('toolbar(list)', function(obj){

	//添加
	if(obj.event==='add'){
		var title='添加栏目';
		var url="{:url('add')}";
		var area=["634px", "450px"];
		window.top.openiframe(title,url,area,iname);
	}	
	
	//input排序
	if(obj.event==='sort_all'){
		var idArray = new Array();
		var sortArray = new Array();
		$('.tq_sort input').each(function(){
            idArray.push($(this).attr('name'));
            sortArray.push($(this).val());
		});
		$.post('/admin/Common/sort_all',{id:idArray,sort:sortArray,dbname:'cate'},function(data){
			window.location.reload();
		});
	}
		
	if(obj.event==='tq_help'){
		alert(2);
	}	

});

//监听状态操作
form.on('switch(is_effect)', function(obj){
	var is_effect=obj.elem.checked==true?2:1;
	$.post('/admin/Common/is_edit',{id:obj.value,is_effect:is_effect,dbname:'cate'},function(data){ });
});

  
});
//layui end;

//删除-父级返回
function delete_id(info){
	//info.del();
	$.post('/admin/Common/delete_id',{id:info.data.id,table:'cate'},function(data){ 
		if(data.ok==2){
			window.top.tq_alert(data.msg,'',4);
		}else{
			info.del();
		}
	});
}

//排序
function is_sort(type,id,dbname,sort,pid){
	$.post('/admin/Common/is_sort',{type:type,id:id,dbname:dbname,sort:sort,pid:pid},function(data){
		if(data['type']==1){
			layui.use('table', function(){
				var table = layui.table;
				window.location.reload();
			});
		}
	});
}
</script>