@extends('layouts.crm')
@section('title')被评价人设置@endsection
@section('header')
    <style>
        .my-logo{
            width: 112px;
            height: 142px;
        }

    </style>
@endsection
@section('navbread')
    {{-- */ $navbread = [
        ['name' => '教职工考评', 'href' =>  ''],
        ['name' => '被评价人设置', 'href' =>  ''],

        ] /* --}}
@endsection
@section('body')
     <div style='margin-top:20px;' class='main-tab-box-1  clearfix'>
        @if(count($info))
            @foreach($info as $k=>$v)
                <div style='width:130px' class="tab-item {{ $k == 0 ? 'on' : '' }}" data-id="{{ $v['id'] }}">
                    <span>{{ $v['title'] }}</span>
                    <span class='icon-triangle-1'></span>
                </div>
            @endforeach
        @endif
    </div>
    @if(count($info))
    @if(count($dept))
        @foreach($dept as $k=>$v)
            <div class='position-item-box clearfix'>
                <div class='position-item-left p-l'>
                    <div class='position-ipt-box'>
                        <input type="checkbox" name="check-all" data-type="{{ $k }}">
                        <span>{{ getDeptArea($v['pid']).$v['name'] }}</span>
                    </div>

                </div>
                <div class='position-item-right p-l review{{ $k }}'>
                    @foreach($v['dept'] as $k1=>$v1)
                        <div class='position-ipt-box'>
                            <input type="checkbox" @if(in_array($v1['user_id'], $user_id)) checked @endif name="user_id" data-id="{{ $k }}" value="{{ $v1['user_id'] }}" class="child-check check{{ $k }}">
                            <span>{{ $v1['user_name'] }}</span>
                        </div>
                    @endforeach
                </div>
            </div>
        @endforeach

    <div style='width:900px;' class='position-btn-box'>
        <button class='layui-btn layui-btn-gray reset'>重置</button>
        <button class='layui-btn layui-btn-normal save'>确定</button>
    </div>
    @endif
    @endif 

@section('footer')
@endsection
<script src="{{ asset('/crm/js/layui/layui.all.js') }}"></script>
<script src="{{ asset('/crm/js/jquery-3.2.1.min.js') }}"></script>
<script src="{{ asset('/crm/js/jq_extend.js') }}"></script>
<script src="{{ asset('/crm/js/main.js') }}"></script>
<script>

    $(document).on('click','[name=check-all]',function(){
        var id = $(this).data('type');
        if($('.check'+id).is(":checked")){
            $('.check'+id).prop('checked',false)
        }else{
            $('.check'+id).prop('checked',true)
        }
    });

    $(document).on('click','.child-check',function(){
        var id = $(this).attr('data-id');
        var check = $('.review'+ id +' .position-ipt-box').find("input[type='checkbox']:checked");
        var length = check.length;
        if(length < 1){
            $(":checkbox[type=checkbox][data-type='"+ id +"']").prop("checked", false);
        }else{
            $(":checkbox[type=checkbox][data-type='"+ id +"']").prop("checked", true);
        }
    });

    $(document).on('click','.reset',function(){
        $('[type=checkbox]').prop('checked', false);
    })

    $(document).on('click','.save',function(){
        var check = $('.position-ipt-box').find("input[name=user_id]:checked");
        var main_id = $('.tab-item.on').attr('data-id');
        var length = check.length;
        if(length > 0){
            var user_id = ',';
            $(check).each(function(i,item){
                user_id+=$(this).val()+',';
            })

            $.ajax({
                url:'/review/addPersonReview',
                data:{main_id:main_id, user_id:user_id, _token:"{{ csrf_token() }}"},
                type:'post',
                success:function (re) {
                    if(re.code == 1){
                        layer.msg('数据保存成功',{icon:1})
						window.location.href = '/review/personReviewList';
                    }else{
                        layer.msg('数据保存失败');
                    }
                }
            })
        }else{
            layer.msg('未选择评价人',{icon:2});
        }

    })
    $(".main-tab-box-1").find(".tab-item").on("click",function(){
        var div = $(this);
        var id = $(this).attr('data-id');
        if(div.hasClass('on')){
            return false;
        }
        $('[type=checkbox]').prop('checked', false);
        $(this).addClass("on").siblings().removeClass("on");
        $(this).find(".icon-triangle-1").removeClass("hide").parent().siblings().find(".icon-triangle-1").addClass("hide")
        checkAll(id)
        layer.closeAll();

    })

    var check = $('.position-ipt-box').find("input[type='checkbox']:checked");
    var length = check.length;
    if(length > 0){
        $(check).each(function(i,item){
            $(item).parent().parent().parent().find("input[name=check-all]").prop('checked',true);

        })
    }

    function checkAll( id ) {
        $.get('/review/getCommUser?id='+id,function (re) {
            if(re.data.length > 0){
                for(var i = 0; i < re.data.length; i++){
                    $(":checkbox[type=checkbox][value='"+ re.data[i] +"']").prop("checked", true);
                }
                var check = $('.position-ipt-box').find("input[type='checkbox']:checked");
                $(check).each(function(i,item){
                    $(item).parent().parent().parent().find("input[name=check-all]").prop('checked',true);
                })
            }
        })
    }




</script>
@endsection