@extends('layouts.crm')
@section('title')部门调动@endsection
@section('header')
    <style>
        .date{
            height: 26px;
            width: 100px;
            padding-left: 10px;
        }

    </style>
@endsection
@section('navbread')
    {{-- */ $navbread = [
        ['name' => '教职工信息', 'href' =>  ''],
        ['name' => '异动情况', 'href' =>  ''],

        ] /* --}}
@endsection
@section('body')

    <div class='main-tab-box-2' style='margin-bottom:20px;'>
        {{--<a href="/worker/change"><span class="tab-box-2-item">教职工增加</span></a>--}}
        <a href="/worker/reduceWorker"><span class="tab-box-2-item">教职工减少</span></a>
        <a href="/worker/changeDept"><span class="tab-box-2-item on">部门调动</span></a>
        <a href="/worker/changeNatural"><span class="tab-box-2-item">资质变动</span></a>
        <a href="/worker/changeList"><span class="tab-box-2-item">异动统计</span></a>
    </div>
    <div class='nav-box'>
        <form action="">
        <label for="">部门：</label>

            <select style='width:180px;height:30px;' name="dept_id" lay-verify="required">
                <option value="">请选择</option>
                @if(count($depts))
                    @foreach($depts as $k=>$v)
                        <option {{ $v['cp_id'] == 0 ? 'disabled' : '' }} {{ $dept_id == $v['og_id'] ? 'selected' : '' }} value="{{ $v['og_id'] }}">{{ $v['cp_id'] != 0 ? '&nbsp;&nbsp;&nbsp;' : '' }}{{ $v['og_name'] }}</option>
                    @endforeach
                @endif
            </select>
            <button type="submit" style='margin-left:40px;' class='layui-btn layui-btn-normal'>查询</button>
        </form>
    </div>

    <div class='c-table proportion-setting-table'>
        <table class="layui-table">
            <colgroup>
                <col width="8%">
                <col width="10%">
                <col width="12%">
                <col width="10%">
                <col width="10%">
                <col width="15%">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>
                    <input type="checkbox" name="check-all">
                </th>
                <th>教职工号</th>
                <th>姓名</th>
                <th>原部门</th>
                <th>日期</th>
                <th>调动后部门</th>
            </tr>
            </thead>
            <tbody class="all-info">
            @if(count($info))
                @foreach($info as $k=>$v)
                    <tr>
                        <td>
                            <input type="checkbox" name="check" value="{{ $v['user_id'] }}">
                        </td>
                        <td>{{ $v['staff_no'] }}</td>
                        <td>{{ $v['name'] }}</td>
                        <td class="old_dept" data-id="{{ $v['department'] }}">{{ $v['dept_name'] }}</td>
                        <td>
                            <input type="text" name="dept_at" value="{{ date('Y-m-d', time()) }}" class="date">
                        </td>
                        <td>
                            <select style='width:150px;box-sizing: border-box;padding:0 20px' name="new_dept">
                                <option value="">请选择</option>
                                @if(count($depts))
                                    @foreach($depts as $k=>$v)
                                        <option {{ $v['cp_id'] == 0 ? 'disabled' : '' }} value="{{ $v['og_id'] }}">{{ $v['cp_id'] != 0 ? '&nbsp;&nbsp;&nbsp;' : '' }}{{ $v['og_name'] }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="6" class="no-message">暂无数据</td>
                </tr>
            @endif
            </tbody>
        </table>
        @if(count($info->all()))
            <div class="c-page">
                {!! $info->links() !!}
            </div>
        @endif
    </div>
    @if(hasPower('worker::changeDept'))
    <div class='btn-box'>
        <a href=""><button class="layui-btn layui-btn-gray">取消</button></a>
        <button class="layui-btn layui-btn-normal save">确定</button>
    </div>
    @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 type="text/javascript">


    layui.use('laydate', function(){
        var layerDate = layui.laydate;
        layerDate.render({
            elem: '.date'
        });
    });
    $(document).on('click','[name=check-all]',function () {
        if($(this).is(":checked")){
            $('[name=check]').prop('checked', true);
        }else{
            $('[name=check]').prop('checked', false);
        }
    })


    $(document).on('click','.save',function () {
        var check = $('.all-info').find('input[name=check]:checked');
        if(check.length > 0){
            var dept = [];
            $.each(check,function (index, item) {
                var pt = {};
                pt.user_id = $(this).val();
                pt.old_dept = $(this).parent().parent().find('.old_dept').attr('data-id');
                pt.new_dept = $(this).parent().parent().find('[name=new_dept]').val();
                pt.dept_at = $(this).parent().parent().find('[name=dept_at]').val();
                dept.push(pt);
            })

            $.ajax({
                url:"{{ $_SERVER['REQUEST_URI'] }}",
                type:'post',
                data:{dept:JSON.stringify(dept), _token:"{{ csrf_token() }}"},
                success:function (re) {
                   if(re.code == 1){
                       layer.msg('部门调动成功',{icon:1, time:1000},function () {
                           window.location.reload();
                       })
                   }else{
                       layer.msg(re.errMsg);
                   }
                }
            })
        }else{
            layer.msg('请勾选所要变动人员');
        }
    })

</script>
@endsection