{layout name="layout" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/auth/css/easyui.css">
<style>
.checkbox_cc {
    border: 1px solid #eee;
    margin-top: 2px;
	margin-bottom: 2px;
}
.layui-form-item {
    border: 1px solid #eee;
    margin-top: 10px;
}
.set-top.layui-form.layui-form-item {
    padding: 10px 0;
    margin-bottom: 5px;
}
</style>
<div class="if_wrap">
	<div class="cus-con">
		<div class="set_tit">{$topmenu}</div>
		<div class="set-top layui-form layui-form-item" >
        <label class="layui-form-label">请选择岗位</label>
        {if condition="$is_belong eq 1"}
            <div class="layui-input-inline brandclass">
                <select name="brandclass" lay-filter="brandclass"  id="brandclass">
                    <option value="0">--请选择品牌--</option>
                    {volist name="brand" id="vo"}
                    <option value="{$vo['brandclass']}">{$vo['brandclass']}</option>
                    {/volist}
                </select>
            </div>
            <div class="layui-input-inline shop">
                <select name="shop_code" lay-filter="shop_code"  id="">
                    <option value="0">--请选择店面--</option>
                    {volist name="shop" id="vo"}
                    <option value="{$vo['shop_code']}">{$vo['shop_name']}</option>
                    {/volist}
                </select>
            </div>
        {/if}
        {if condition="$is_belong eq 2"}
            <div class="layui-input-inline shop">
                <select name="shop_code" lay-filter="shop_code"  id="shop_code">
                    <option value="0">--请选择店面--</option>
                    {volist name="shop" id="vo"}
                    <option value="{$vo['shop_code']}">{$vo['shop_name']}</option>
                    {/volist}.

                </select>
            </div>
        {/if}
            <div class="layui-input-inline department">
                <select name="department" lay-filter="department_name" id="department">
                    <option value="0">--请选择部门--</option>
                    {volist name="department" id="vo"}
                    <option value="{$vo['id']}">{$vo['department_name']}</option>
                    {/volist}
                </select>
            </div>
            <div class="layui-input-inline position">
                <select name="position_code" lay-filter="position"  id="position">
                    <option value="0">--请选择岗位--</option>
                    {volist name="position" id="vo"}
                    <option value="{$vo['position_code']}">{$vo['position_name']}</option>
                    {/volist}
                </select>
            </div>
		</div>
		<div class="checkbox_cc">
		    <ul id="tt" class="easyui-tree">

		    </ul>
		</div>
		<div class="layui-form-item">
		    <div class="layui-input-block">
		        <button class="layui-btn" lay-submit="" lay-filter="*" onclick="getChecked()">&nbsp;&nbsp;确定&nbsp;&nbsp;</button>
		    </div>
		</div>
	</div>
</div>
<script type="text/javascript" src="__PUBLIC__/auth/js/jquery.easyui.min.js"></script>
<script>
        layui.use('form', function(){
            var layer = layui.layer;
            layer.ready(function(){
                $("#tt").tree({
                    url:'getPermissionJSON',
                    //  method: 'GET',
                    checkbox: true,
                    cascadeCheck:true,//层叠选中
                    lines:false,//显示虚线效果
                    onBeforeLoad:function(){
                        var rooNode = $("#tt").tree('getRoot');
                        //调用expand方法
                        $("#tt").tree('expand', rooNode);
                    }
                });
                setTimeout(function(){
                   /* $.ajax({
                        type: "POST",
                        url: "{:Url('vip/Setting/get_menu')}",
                        dataType: 'json',
                        success: function (ret) {
                            var  menu=ret.data;
                            for(var i=0;i<menu.length;i++){
                                var node=$('#tt').tree('find',menu[i]);
                                $('#tt').tree('check', node.target);
                            }
                            //取消勾选
                            var arr=[];
                            var str=[];
                            var checkeds = $('#tt').tree('getChecked', 'checked');

                            for (var j = 0; j < checkeds.length; j++) {
                                arr.push(checkeds[j].id);
                            }

                            for(var k=0;k<arr.length;k++){
                                if(menu.indexOf(arr[k])=='-1'){
                                    str.push(arr[k]);
                                    var no=$('#tt').tree('find',arr[k]);
                                    $('#tt').tree('uncheck', no.target);
                                }
                            }
                        }
                    });*/

                },200);


            });
        });

        layui.use('form', function(){
            var form = layui.form;
            form.on('select(brandclass)', function(data){
                var brandclass = data.value;
                if(brandclass==0){      //点击品牌时
                    $.ajax({
                        type: "POST",
                        url: "{:Url('vip/Setting/link_search')}",
                        data: "brandclass="+brandclass,
                        success: function (msg) {
                            if(msg.code==1){
                                var department=msg.data['department'];
                                var position=msg.data['position'];
                                var replace = '<select name="shop_code" lay-filter="shop_code" id="shop_code"><option value="0" >--请选择店面--</option></select>';
                                $(".shop").html(replace);
                                form.render();

                                var replace2 = '<select name="department" lay-filter="department_name" id="department"><option value="0" >--请选择部门--</option>';
                                if(department){
                                    for(var j=0;j<department.length;j++){
                                        replace2 += '<option value="'+department[j]['id']+'">'+department[j]['department_name']+'</option>';
                                    }
                                }
                                replace2 +='</select>';
                                $(".department").html(replace2);
                                form.render();

                                var replace3 = '<select name="position_code" lay-filter="position"  id="position"><option value="0" >--请选择岗位--</option>';
                                if(position){
                                for(var q=0;q<position.length;q++){
                                    replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                                }
                            }
                                replace3 +='</select>';
                                $(".position").html(replace3);
                                form.render();

                            }
                        }
                    });
                }else{
                    $.ajax({
                        type: "POST",
                        url: "{:Url('vip/Setting/bran_link')}",
                        data: "brandclass="+brandclass,
                        success: function (msg) {
                            if(msg.code==1){
                                var shop=msg.data['shop'];
                                var department=msg.data['department'];
                                var position=msg.data['position'];
                                var replace = '<select name="shop_code" lay-filter="shop_code"  id="shop_code"><option value="0" >--请选择店面--</option>';
                                if(shop){
                                    for(var i=0;i<shop.length;i++){
                                        replace += '<option value="'+shop[i]['shop_code']+'">'+shop[i]['shop_name']+'</option>';
                                    }   
                                }
                                replace +='</select>';
                                $(".shop").html(replace);
                                form.render();

                                var replace2 = '<select name="department" lay-filter="department_name" id="department"><option value="0" >--请选择部门--</option>';
                                if(department){
                                    for(var j=0;j<department.length;j++){
                                        replace2 += '<option value="'+department[j]['id']+'">'+department[j]['department_name']+'</option>';
                                    }
                                }
                                replace2 +='</select>';
                                $(".department").html(replace2);
                                form.render();

                                var replace3 = '<select name="position_code" lay-filter="position"  id="position"><option value="0" >--请选择岗位--</option>';
                                if(position){
                                    for(var q=0;q<position.length;q++){
                                        replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                                    }
                                }
                                replace3 +='</select>';
                                $(".position").html(replace3);
                                form.render();

                            }
                        }
                    });
                }
            });

            form.on('select(shop_code)', function(data){
                var shop_code = data.value;
                if(shop_code==0){
                    var brandclass = $(".brandclass select[name=brandclass] option:selected").val();
                    $.ajax({
                        type: "POST",
                        url: "{:Url('vip/Setting/link_search')}",
                        data: "brandclass="+brandclass+"&shop_code="+shop_code,
                        success: function (msg) {
                            if(msg.code==1){
                                var department=msg.data['department'];
                                var position=msg.data['position'];

                                var replace2 = '<select name="department" lay-filter="department_name" id="department"><option value="0" >--请选择部门--</option>';
                                if(department){
                                    for(var j=0;j<department.length;j++){
                                        replace2 += '<option value="'+department[j]['id']+'">'+department[j]['department_name']+'</option>';
                                    }
                                }
                                replace2 +='</select>';
                                $(".department").html(replace2);
                                form.render();

                                var replace3 = '<select name="position_code" lay-filter="position"  id="position"><option value="0" >--请选择岗位--</option>';
                                if(position){
                                    for(var q=0;q<position.length;q++){
                                        replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                                    }
                                }
                                replace3 +='</select>';
                                $(".position").html(replace3);
                                form.render();

                            }else{
                                var replace2 = '<select name="department" lay-filter="department_name" id="department"><option value="0" >--请选择部门--</option></select>';
                                $(".department").html(replace2);
                                form.render();

                                var replace3 = '<select name="position_code" lay-filter="position"  id="position"><option value="0" >--请选择岗位--</option></select>';
                                $(".position").html(replace3);
                                form.render();
                            }
                        }
                    });
                }else{
                    $.ajax({
                        type: "POST",
                        url: "{:Url('vip/Setting/shop_link')}",
                        data: "shop_code="+shop_code,
                        success: function (msg) {
                            if(msg.code==1){
                                var department=msg.data['department'];
                                var position=msg.data['position'];

                                var replace2 = '<select name="department" lay-filter="department_name" id="department"><option value="0" >--请选择部门--</option>';
                                if(department){
                                    for(var j=0;j<department.length;j++){
                                        replace2 += '<option value="'+department[j]['id']+'">'+department[j]['department_name']+'</option>';
                                    }
                                }
                                replace2 +='</select>';
                                $(".department").html(replace2);
                                form.render();

                                var replace3 = '<select name="position_code" lay-filter="position"  id="position"><option value="0" >--请选择岗位--</option>';
                                if(position){
                                    for(var q=0;q<position.length;q++){
                                        replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                                    }
                                }
                                replace3 +='</select>';
                                $(".position").html(replace3);
                                form.render();

                            }else{
                                var replace2 = '<select name="department" lay-filter="department_name" id="department"><option value="0" >--请选择部门--</option></select>';
                                $(".department").html(replace2);
                                form.render();

                                var replace3 = '<select name="position_code" lay-filter="position"  id="position"><option value="0" >--请选择岗位--</option></select>';
                                $(".position").html(replace3);
                                form.render();
                            }
                        }
                    });
                }
            });

            form.on('select(department_name)', function(data){
                var department = data.value;
                if(department==0){
                    var brandclass = $(".brandclass select[name=brandclass] option:selected").val();
                    var shop_code = $(".shop select[name=shop_code] option:selected").val();
                    $.ajax({
                        type: "POST",
                        url: "{:Url('vip/Setting/link_search')}",
                        data: "brandclass="+brandclass+"&shop_code="+shop_code+"&department="+department,
                        success: function (msg) {
                            if(msg.code==1){
                                var position=msg.data['position'];
                                var replace3 = '<select name="position_code" lay-filter="position"  id="position"><option value="0" >--请选择岗位--</option>';
                                if(position){
                                    for(var q=0;q<position.length;q++){
                                        replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                                    }
                                }
                                replace3 +='</select>';
                                $(".position").html(replace3);
                                form.render();
                            }
                        }
                    });
                }else{
                    $.ajax({
                        type: "POST",
                        url: "{:Url('vip/Setting/department_link')}",
                        data: "department="+department,
                        success: function (msg) {
                            if(msg.code==1){
                                var position=msg.data['position'];
                                var replace3 = '<select name="position_code" lay-filter="position"  id="position"><option value="0" >--请选择岗位--</option>';
                                if(position){
                                    for(var q=0;q<position.length;q++){
                                        replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                                    }
                                }
                                replace3 +='</select>';
                                $(".position").html(replace3);
                                form.render();
                            }
                        }
                    });
                }
            });

        });

        
        function getChecked(){
            var arr = [];
            //var checkeds = $('#tt').tree('getChecked', 'checked');
            var checkeds = $('#tt').tree('getChecked', ['checked','indeterminate']);
            //alert(nodes);console.log(nodes);return false;
            for (var i = 0; i < checkeds.length; i++) {
                arr.push(checkeds[i].id);
            }
            var id=arr.join(',');
            var position=$('#position').val();
            $.ajax({
                type: "POST",
                url: "{:Url('vip/Setting/authorise')}",
                data: 'id='+id+'&position_code='+position,
                dataType:'json',
                success: function(ret){
                    if(ret.code==1){
                        layer.alert('授权成功');
                        location.reload();
                    }else{
                        layer.alert(ret.msg);
                    }
                },
                error:function(XMLHttpRequest, textStatus, errorThrown){
                    var ret = XMLHttpRequest.responseJSON
                    layer.alert('操作失败');
                }
            })
        }

        layui.use('form', function(){
            var form = layui.form;
            form.on('select(position)', function(data){
                //$('#tt').datagrid('clearcheck');
                var position=data.value;
                $.ajax({
                    type: "POST",
                    url: "{:Url('vip/Setting/getPositionMenu')}",
                    data: 'position_code='+position,
                    dataType:'json',
                    success: function(ret){
                        //console.log(ret);return false;

                      /*  var checkeds = $('#tt').tree('getChecked', 'checked');
                        $.each(checkeds,function(i,v){
                            var index = $('#tt').datagrid('getRowIndex',v);//获取行号
                            $('#tt').datagrid('uncheckRow',index);//取消该行选择
                        });*/

                        if(ret.code==1){
                            /*setTimeout(function(){
                                if(ret.data.length>0){
                                    for(var i=0;i<ret.data.length;i++){
                                        var node=$('#tt').tree('find',ret.data[i]);
                                        $('#tt').tree('check', node.target);
                                    }
                                }
                            }, 200);*/

                           //$("#tt").tree({
                                //url:'getPermissionJSON',
                                //onBeforeLoad:function(){
                                     //setTimeout(function(){
                                            if(ret.data.length>0){
                                                for(var i=0;i<ret.data.length;i++){
                                                	var isFarther = false;
                                                	//console.log(ret.data[i]);
                                                	for(var k=0;k<ret.data.length;k++){
                                                	 	if(ret.data[i]['id']==ret.data[k]['fid']){
                                                	 		isFarther = true;
                                                	 		continue;
                                                	 	}
                                                	}
                                            		if(!isFarther){
                                            			var node=$('#tt').tree('find',ret.data[i]['id']);
                                            			$('#tt').tree('check',node.target);
                                            		}
                                                     //if($res.data['id'])
                                                    //var node=$('#tt').tree('find',ret.data[i]);
                                                    //console.log(node.target);
                                                    //$('#tt').tree('select',node.target);
                                                   //$('#tt').tree('check',node.target);

                                                }
                                            }else{
                                                var children = $("#tt").tree('getChildren');
                                                if(children){
                                                    for(var i=0; i<children.length;i++){
                                                        if(children[i]){
                                                            $('#tt').tree('uncheck', children[i].target);
                                                        }
                                                    }
                                                }

                                            }
                                     //}, 200);
                                //}
                           // });

                        }else{
                            layer.alert('失败');
                        }
                    }/*,
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        var ret = XMLHttpRequest.responseJSON
                        layer.alert('操作失败');
                    }*/
                })
                //layer.alert(data.value);
                //console.log(data.elem); //得到select原始DOM对象
                //console.log(data.value); //得到被选中的值
                //console.log(data.othis); //得到美化后的DOM对象
            });
        });

</script>