{extend name="Public/base" /}
{block name="js"}
<script src="__PUBLIC__/item2/lay/modules/laypage.js?v={$Think.const.APP_VERSION}"></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>


        <div class="set-top layui-form layui-form-item" >
            <label class="layui-form-label">请选择职位</label>

            <div class="layui-input-inline shop" id="sel_zhiwei">
                <select name="zhiwei" lay-filter="zhiwei"  id="zhiwei">
                    <option value="0">--请选择职位--</option>
                    {volist name="$zhiwei" id="vo"}
                    <option value="{$vo['id']}">{$vo['name']}</option>
                    {/volist}.

                </select>
            </div>
            <div class="layui-input-inline ">
                <div class="layui-btn layui-btn-primary" id="set_position_auth">同步岗位权限</div>
            </div>

            <div class="layui-input-inline" id="prompt" style="width: 400px">

            </div>
        </div>

    <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:'/oa/Setting/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('oa/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);
            });
        });

        function getChecked(){
            var arr = [];
            //var checkeds = $('#tt').tree('getChecked', 'checked');
            var checkeds = $('#tt').tree('getChecked', ['checked','indeterminate']);
            for (var i = 0; i < checkeds.length; i++) {
                arr.push(checkeds[i].id);
            }
            var id=arr.join(',');
            var position_id=$('#zhiwei').val();
            $.ajax({
                type: "POST",
                url: "{:Url('oa/Setting/zwAuthorise')}",
                data: 'id='+id+'&position_id='+position_id,
                dataType:'json',
                success: function(ret){
                    if(ret.code==200){
                        layer.alert('授权成功');
                    }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(zhiwei)', function(data){
                $('#my_position').html('<label class="layui-form-label" style="width: 130px;"><font color="#f08080" size="4px">此职位的权限:</font> </label>');
                //$('#tt').datagrid('clearcheck');
                var zhiwei=data.value;

                $.ajax({
                    type: "POST",
                    url: "{:Url('oa/Setting/getPostMenu')}",
                    data: 'position_id='+zhiwei,
                    dataType:'json',
                    success: function(ret){
                        //console.log(ret);return false;
                        if(ret.code == 200){
                            setTimeout(function(){
                                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('操作失败');
                    }
                });
            });
        });

        $('#set_position_auth').click(function(){
            var position_id = $('#zhiwei').val();
            var zhiwei = $("#sel_zhiwei select[name=zhiwei] option:selected").html();
            var arr = [];
            var checkeds = $('#tt').tree('getChecked', ['checked','indeterminate']);
            for (var i = 0; i < checkeds.length; i++) {
                arr.push(checkeds[i].id);
            }
            var menu_id=arr.join(',');

            if(position_id == 0){
                layui.alert('请选择职位');
            }else{
                $.ajax({
                    type:'post',
                    url:'batchPositionAuth',
                    data:'position_id='+position_id+'&zhiwei=' +zhiwei+'&menu_id='+menu_id,
                    success:function(res){
                        if(res.code == 200){
                            layer.alert('同步岗位授权成功！');
                        }else{
                            layer.alert(res.msg);
                        }
                    }
                })
            }
        });

</script>
{/block}