layui.define(['layer', 'form'], function (exports) {
    var $ = layui.jquery,layer = layui.layer,form = layui.form;
    query();
    /*查询*/
    function query(){
    	web.ajaxPost(base+"/wxMenu/query",{},function(data){
    		var html="";
    		$.each(data,function(id1,item1){
    			html +='<tr class="treegrid-'+(id1+1)+'" data-id="'+item1.id+'">';
    			html +='<td>'+web.nullToSpace(item1.name)+'</td>';
    			html +='<td>'+web.nullToSpace(item1.type)+'</td>';
    			html +='<td class="layui-elip">'+web.nullToSpace(item1.url)+'</td>';
    			html +='<td class="text-c">';
    			html +=	'<a title="编辑" class="ml-5 btn-edit" data-id="'+item1.id+'"><i class="layui-icon">&#xe642;</i></a>';
    			html +=	'<a title="删除" class="ml-5 btn-delete" data-id="'+item1.id+'"><i class="layui-icon">&#xe640;</i></a>';
    			html +='</td>';
    			html +='</tr>';
    			if(item1.children&&(item1.children).length>0){
    				$.each(item1.children,function(id2,item2){
    					html +='<tr data-id="'+item2.id+'" class="treegrid-'+(data.length+id2+1)+' treegrid-parent-'+(id1+1)+'">';
    					html +='<td>'+web.nullToSpace(item2.name)+'</td>';
    					html +='<td>'+web.nullToSpace(item2.type)+'</td>';
    					html +='<td class="layui-elip">'+web.nullToSpace(item2.url)+'</td>';
    					html +='<td class="text-c">';
    					html +=	'<a title="编辑" class="ml-5 btn-edit" data-id="'+item2.id+'"><i class="layui-icon">&#xe642;</i></a>';
    					html +=	'<a title="删除" class="ml-5 btn-delete" data-id="'+item2.id+'"><i class="layui-icon">&#xe640;</i></a>';
    					html +='</td>';
    					html +='</tr>';
    				});
    			}
    		});
    		$("#dateTable tbody").html(html);
    		$('.tree').treegrid();  
    	});
    }
    window.query=function(){
    	query();
	}
    //查询
    $("#btn-query").on('click',function(){
    	query();
    });
    
    //新增
    $('#btn-add').on('click',function(){
    	add("新增","");
    });
    
    //生成
    $('#btn-create').on('click',function(){
    	layer.confirm('生成成功后会覆盖原版本，且将在24小时内对所有用户生效，确认生成？',function(index){
    		web.ajaxPost(base+"/wxMenu/createMenu",{},function(data){
    			if(data.success){
    				layer.msg('生成成功');
    			}else{
    				layer.msg(data.msg);
    			}
    		});
    	});
    });
    
    //双击
    $("#dateTable tbody").on("dblclick","tr",function(e){
    	var id = $(this).attr('data-id');
    	add("编辑菜单",id);
    });
    //删除
    $("#dateTable").on('click','.btn-delete', function(){
    	var id = $(this).attr('data-id');
    	layer.confirm('确认要删除吗？',function(index){
    		web.ajaxPost(base+"/wxMenu/delete",{id:id},function(data){
    			if(data.success){
    				query();
    				layer.msg('删除成功');
    			}else{
    				layer.msg('删除失败');
    			}
    		});
    	});
    });
    
    //编辑
    $("#dateTable").on('click','.btn-edit', function(){
    	var id = $(this).attr('data-id');
    	add("编辑菜单",id);
    });
    
    //弹出
    function add(title,id){
    	var url="wxMenuForm.jsp";
    	if(id){
    		url +="?id="+id;
    	}
    	layer_show(title,url,"100%","100%");
    }
    
    exports('wxMenuList', {});
});