@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 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 on">教职工减少</span></a>
        <a href="/worker/changeDept"><span class="tab-box-2-item">部门调动</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 id="form1">
        <div class='ipt-main-box clearfix'>
            <div class='ipt-main-left p-l clearfix'>
                <div class='ipt-box'>
                    <label for="">部门：</label>
                    <select name="dept" lay-verify="required" onchange="window.location=this.value">
                        <option value="">请选择</option>
                        @if($depts)
                            @foreach($depts as $k=>$v)
                                <option {{ $v['cp_id'] == 0 ? 'disabled' : '' }} {{ $dept == $v['og_id'] ? 'selected' : '' }} value="/worker/reduceWorker?dept={{ $v['og_id'] }}">{{ $v['cp_id'] != 0 ? '&nbsp;&nbsp;&nbsp;' : '' }}{{ $v['og_name'] }}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
                <input type="hidden" name="user_id" value="{{ $user_id }}">
                <div class='ipt-box'>
                    <label for="">人员：</label>
                    <select name="user_id" lay-verify="required" onchange="window.location=this.value">
                        <option value="">请选择</option>
                        @if($groupUser)
                            @foreach($groupUser as $k=>$v)
                                <option {{ $user_id == $v['ad_uid'] ? 'selected' : '' }} value="/worker/reduceWorker?dept={{ $dept }}&user_id={{ $v['ad_uid'] }}">{{ $v['name'] }}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
                <div class='ipt-box'>
                    <label for="">教职工号：</label>
                    <input disabled type="text" value="{{ isset($userInfo['staff_no']) ? $userInfo['staff_no'] : '' }}" name="staff_no" required lay-verify="required" placeholder="请输入教职工号" autocomplete="off" class="layui-input">
                </div>
                <div class='ipt-box'>
                    <label for="">日期：</label>
                    <input type="text" name="reduce_at" required lay-verify="required" placeholder="请输入日期" autocomplete="off" class="layui-input reduce_date">
                    <span class='icon-date'></span>
                </div>
                <div class='ipt-box'>
                    <label for="">类别：</label>
                    <select name="reduce_type" lay-verify="required">
                        @foreach($reduce_type as $k=>$v)
                            <option value="{{ $k }}">{{ $v }}</option>
                        @endforeach
                    </select>
                </div>
                <div style='width:652px;' class='ipt-box'>
                    <label for="">减少原因：</label>
                    <textarea name="reason" id="" ></textarea>
                </div>
            </div>
            <div id='s_r_p_file' class='ipt-main-right p-l'>
                <div class='upload-img' >
                    <img src="{{ isset($userInfo['url']) ? $userInfo['url'] : '' }}" alt="">
                </div>
            </div>
            <input type="hidden" name="attach_id">
        </div>
    </div>
    @if(hasPower('worker::reduceWorker'))
    <div class='btn-box'>
        <button class='layui-btn layui-btn-gray'>取消</button>
        <button class='layui-btn layui-btn-pri save'>保存</button>
    </div>
    @endif

    @if(count($reduce))
        <div class='c-table s-r-p-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>工号</th>
                    <th>姓名</th>
                    <th>日期</th>
                    <th>类别</th>
                    <th>减少原因</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                @foreach($reduce as $k=>$v)
                    <tr>
                        <td>{{ $v['staff_no'] }}</td>
                        <td>{{ $v['name'] }}</td>
                        <td>{{ date('Y-m-d', $v['reduce_at']) }}</td>
                        <td>{{ configInfo('reduce_type', $v['reduce_type']) }}</td>
                        <td>{{ mb_substr($v['reduce_reason'], 0, 3) }}</td>
                        <td>
                            @if(hasPower('worker::backUser'))
                            <span title="撤回" style='width:18px;margin:0 5px;' class='table-icon icon-setting back-reduce' data-id="{{ $v['user_id'] }}"></span>
                            @endif
                            <span title="查看" style='width:18px;margin:0 5px;' class='table-icon icon-check check-btn' data-id="{{ $v['user_id'] }}"></span>
                            @if(hasPower('worker::delReduce'))
                            <span title="删除" style='width:18px;margin:0 5px;' class='table-icon icon-delete delete-reward' data-id="{{ $v['user_id'] }}"></span>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @endif

    <!--  查看 -->
    <script type='text' id='s_r_p_check'>
    <div class='s-r-p-layer-box c-layer-padding'>
        <div class='ipt-main-box clearfix'>
            <div class='ipt-main-left p-l clearfix'>
                <div class='ipt-box'>
                    <label for="">部门：</label>
                    <span>$$dept_name</span>
                </div>
                <div class='ipt-box'>
                    <label for="">人员：</label>
                    <span>$$name</span>
                </div>
                <div class='ipt-box'>
                    <label for="">工号：</label>
                    <span>$$staff_no</span>
                </div>
                <div class='ipt-box'>
                    <label for="">日期：</label>
                    <span>$$reduce_at</span>
                </div>
                <div style='width:530px;' class='ipt-box'>
                    <label for="">减少原因：</label>
                    $$reduce_reason
                </div>
            </div>
            <div id='s_r_p_file_2' class='ipt-main-right p-l'>
                <div class='upload-img'>
                    <img src="$$url" alt="">
                </div>
            </div>
          </div>
    </div>
</script>
@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 laydate = layui.laydate;
        laydate.render({
            elem: '.reduce_date',
            max:'now'
        });
    });

    $(document).on('click','.save',function(){
        save('form1');
    })
	
	$(".layui-btn-gray").click(function(){
        $("select[name='dept']").val('');
        $("select[name='user_id']").val('');
        $("input[name='staff_no']").val('');
        $("input[name='reduce_at']").val('');
        var firstOption = $("select[name='reduce_type'] option:first").val();
        $("select[name='reduce_type']").val(firstOption);
        $("textarea[name='reason']").val('');
    });


    $(document).on('change','#select', function () {
        var dept = $(this).val();

        $.get('/worker/getDeptInfo?dept='+dept,function(re){
            if(re.code == 1){
                var option = '<option value="">请选择</option>';
                $.each(eval(re.data),function(index,item){
                    option+='<option value="'+item.user_id+'">'+item.name+'</option>';
                });
                $('#user_id').html(option);
            }
        })
    })

    //撤回
    $(document).on('click','.back-reduce',function(){
        var id = $(this).attr('data-id');

        var id = $(this).attr('data-id');
        layer.confirm('确定回撤吗？', {
            btn: ['确定','取消'], //按钮
            title:'撤回'
        }, function(){
            $.get('/worker/backUser?user_id='+id,function (re) {
                if(re.code == 1){
                    layer.msg('回撤成功',{icon:1},function(){
                        window.location.reload();
                    })
                }else {
                    layer.msg(re.errMsg);
                }
            })
        }, function(){
        });
    })


    //查看
    $(document).on("click",".check-btn",function(){
        var id = $(this).attr('data-id');
        var html = $("#s_r_p_check").html();
        var tt = '';
        $.get('/worker/getOneReduce?user_id='+id,function (re) {
            if (re.data) {
                html = html.replace(/\$\$reduce_at/g, re.data.reduce_at).replace(/\$\$staff_no/g, re.data.staff_no).replace(/\$\$reduce_reason/g, re.data.reduce_reason).replace(/\$\$url/g, re.data.url).replace(/\$\$dept_name/g, re.data.dept_name).replace(/\$\$name/g, re.data.name);
            }
            $.layer_open({
                title: "查看",
                type: "1",
                html: html,
                btn_arr: ["返回", "确定"],
                area: ['920px', 'auto'],
                btn1: function () {
                },
                btn2: function () {
                    /*window.open('/worker/printInfo?id='+id+'&type=1');*/
                    layer.closeAll();
                },


            })
        })
    })

    $(document).on('click','.delete-reward',function(){
        var id = $(this).attr('data-id');
        layer.confirm('确定删除吗？', {
            btn: ['确定','取消'], //按钮
            title:'删除'
        }, function(){
            $.get('/worker/delReduce?user_id='+id,function (re) {
                if(re.code == 1){
                    layer.msg('删除成功',{icon:1},function(){
                        window.location.reload();
                    })
                }else {
                    layer.msg(re.errMsg);
                }
            })
        }, function(){
        });
    })

    function save(item) {
        var user_id = "{{ $user_id }}";
        var reduce_at = $('#'+item).find('[name=reduce_at]').val();
        var reduce_type = $('#'+item).find('[name=reduce_type]').val();
        var reason = $('#'+item).find('[name=reason]').val();
        var attach_id = $('#'+item).find('[name=attach_id]').val();

        if(!user_id){
            layer.msg('请选择人员');
            return false;
        }

        if(!reduce_at){
            layer.msg('请选择时间');
            return false;
        }

        if(!reason){
            layer.msg('请填写减少原因');
            return false;
        }


        $.ajax({
            url:"{{ $_SERVER['REQUEST_URI'] }}",
            type:'post',
            data:{
                user_id:user_id,
                reduce_at:reduce_at,
                reduce_type:reduce_type,
                reason:reason,
                reduce_attach_id:attach_id,
                _token:"{{ csrf_token() }}"
            },
            success:function(re){
                if(re.code == 1){
                    layer.msg('保存成功',{icon:1, time:2000},function () {
                        window.location.reload();
                    });
                }else{
                    layer.msg(re.errMsg);
                }
            }
        })
    }
</script>
@endsection