{extend name="Public/base" /}
{block name="js"}
<script src="__PUBLIC__/item/lay/modules/laypage.js?v={$Think.const.APP_VERSION}"></script>
<script>
    $(function(){
        // $(".nul_bli").eq(6).find(".navb").addClass("active");
//        $(".navb.active").parent().find(".nul_s .nul_sli").eq(10).find(".navs").addClass("active");
    })
</script>
{/block}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/easyui.css?v={$Think.const.APP_VERSION}">
{/block}
{block name="main"}
<div class="if_wrap">
<div class="cus-con">
    <div class="set_tit"><span>权限设定</span></div>
    {auth code='menu1513394914'}
        <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 class="layui-input-inline" id="prompt" style="width: 400px">

            </div>
            <button class="layui-btn" lay-submit="" lay-filter="*" onclick="syncRight()">&nbsp;&nbsp;同步权限&nbsp;&nbsp;</button>

        </div>
    {/auth}
    <div class="set-top layui-form layui-form-item" id="my_position">
        <label class="layui-form-label" style="width: 130px;"><font color="#f08080" size="4px">我的权限:</font> </label>
    </div>
        <div class="checkbox_cc">
            <input type="hidden" value="{$menu}" id="menu">
            <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__/js/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/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('crm/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]);
                            if (node) {
                                $('#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]);
                                if (no) {
                                    $('#tt').tree('uncheck', no.target);
                                };
                            }
                        }
                    }
                });
            },200);
        });
    });

    layui.use('form', function(){
        var form = layui.form;
        var layer = layui.layer;
        form.on('select(brandclass)', function(data){
            var brandclass = data.value;
            if(brandclass==0){
                $.ajax({
                    type: "POST",
                    url: "{:Url('crm/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>';
                            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>';
                            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('crm/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>';
                            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>';
                            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>';
                            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('crm/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>';
                            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>';
                            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('crm/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>';
                            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>';
                            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('crm/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>';
                            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('crm/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>';
                            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 syncRight(){
        var position=$('#position').val();

        if(position=='' || position == '0'){
            alert('请选择一个岗位进行同步。');
            return false;
        }
        if($('#prompt').html() != ''){
            alert('当前岗位不能操作此功能。');
            return false;
        }
        load_page(
            '/crm/Setting/permissionSync.html?position_code='+position,
            '权限同步',
            function(){
                syncSave();
            },['保存','取消'],800,400
        );
    }
    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('crm/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;
        var layer = layui.layer;
        form.on('select(position)', function(data){
            $('#my_position').html('<label class="layui-form-label" style="width: 130px;"><font color="#f08080" size="4px">此岗位的权限:</font> </label>');
            //$('#tt').datagrid('clearcheck');
            var position=data.value;
            $.ajax({
                type: "POST",
                url: "{:Url('crm/Setting/getPositionMenu')}",
                data: 'position_code='+position,
                dataType:'json',
                success: function(ret){
                    //console.log(ret);return false;
                    if(ret.code==1){
                        if(ret.data['auth_admin']==1){
                            $('#prompt').html('<label class="layui-form-label" style="width: 350px;"><font color="#f08080" size="3px">此岗位工作类型为系统管理员，请不要修改权限</font> </label>');
                        }else{
                            $('#prompt').html('');
                        }
                        setTimeout(function(){
                            var data=ret.data['menu_id'];
                            for(var i=0;i<data.length;i++){
                                var node=$('#tt').tree('find',data[i]);
                                if (node) {
                                    $('#tt').tree('check', node.target);
                                };
                            }
                            //取消勾选
                            var arr=[];
                            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(data.indexOf(arr[k])=='-1'){
                                    var no=$('#tt').tree('find',arr[k]);
                                    if (no) {
                                        $('#tt').tree('uncheck', no.target);
                                    };
                                    
                                }
                            }
                        }, 200);

                        // //$("#tt").tree({
                        //         //url:'getPermissionJSON',
                        //         //onBeforeLoad:function(){
                        //              setTimeout(function(){
                        //                   //if(ret.data.length>0){
                        //                        var data=ret.data['menu_id'];
                        //                        for(var i=0;i<data.length;i++){
                        //                             var node=$('#tt').tree('find',data[i]);
                        //                             $('#tt').tree('check', node.target);
                        //                        }
                        //                         //取消勾选
                        //                        var arr=[];
                        //                        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(data.indexOf(arr[k])=='-1'){
                        //                                   var no=$('#tt').tree('find',arr[k]);
                        //                                   $('#tt').tree('uncheck', no.target);
                        //                               }
                        //                           }
                        //                  // }
                        //              }, 200);

                        //        // }
                        //    // });
                    }else{
                        layer.alert('操作错误');
                    }
                },
                error:function(XMLHttpRequest, textStatus, errorThrown){
                    var ret = XMLHttpRequest.responseJSON
                    layer.alert('操作失败');
                }
            });
        });
    });
</script>
{/block}