@extends('layouts.crm')
@section('title')处罚信息@endsection
@section('header')
    <style>
        .s-r-p-box .ipt-main-box .ipt-main-right .upload-img {
            overflow: hidden;
        }
        .upload-img {
            overflow: hidden;
        }

    </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/reward"><span class="tab-box-2-item">奖励信息</span></a>
        <a href="/worker/punish"><span class="tab-box-2-item on">处罚信息</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/punish?dept={{ $v['og_id'] }}">{{ $v['cp_id'] != 0 ? '&nbsp;&nbsp;&nbsp;' : '' }}{{ $v['og_name'] }}</option>
                        @endforeach
                    @endif
                </select>
            </div>
            <input type="hidden" name="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 {{ $id == $v['ad_uid'] ? 'selected' : '' }} value="/worker/punish?dept={{ $dept }}&id={{ $v['ad_uid'] }}">{{ $v['name'] }}</option>
                        @endforeach
                    @endif
                </select>
            </div>
            <div class='ipt-box'>
                <label for="">处罚日期：</label>
                <input type="text" name="punish_at" required lay-verify="required" placeholder="请输入日期" autocomplete="off" class="layui-input reward-date">
                <span class='icon-date'></span>
            </div>
            <div class='ipt-box'>
                <label for="">处罚名称：</label>
                <input type="text" name="punish_title" required lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input">
            </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' >

            </div>
            <button class="upload" lay-data="{accept: 'images'}">上传附件</button>
        </div>
        <input type="hidden" name="attach_id">
    </div>
</div>
    @if(hasPower('worker::addPunish'))
    <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($info))
    <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="20%">
                <col width="15%">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>工号</th>
                <th>姓名</th>
                <th>处罚日期</th>
                <th>处罚名称</th>
                <th>处罚原因</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            @foreach($info as $k=>$v)
                <tr>
                    <td>{{ $v['staff_no'] }}</td>
                    <td>{{ $v['name'] }}</td>
                    <td>{{ date('Y/m/d', $v['punish_at']) }}</td>
                    <td>{{ $v['punish_title'] }}</td>
                    <td>{{ mb_substr($v['reason'], 0, 3) }}</td>
                    <td>
                        @if(hasPower('worker::editPunish'))
                        <span title="编辑" style='width:18px;margin:0 5px;' class='table-icon icon-setting setting-btn' data-dept="{{ $v['dept'] }}" data-user="{{ $v['user_id'] }}" data-id="{{ $v['id'] }}"></span>
                        @endif
                        <span title="查看" style='width:18px;margin:0 5px;' class='table-icon icon-check check-btn' data-id="{{ $v['id'] }}"></span>
                        @if(hasPower('worker::delPunish'))
                        <span title="删除" style='width:18px;margin:0 5px;' class='table-icon icon-delete delete-punish' data-id="{{ $v['id'] }}"></span>
                         @endif
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    @endif
    <script type='text' id='s_r_p_setting'>
    <div id="form">
    <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>
                    <select id="select" name="dept" lay-verify="required">
                        <option value="">请选择</option>
                        @if($deptList)
                             @foreach($deptList as $k=>$v)
                                <option value="{{ $v['og_id'] }}">{{ $v['og_name'] }}</option>
                             @endforeach
                        @endif
                    </select>
                </div>
            <div class='ipt-box'>
            <label for="">人员：</label>
                <select id="user_id"  name="user_id" lay-verify="required">
                    <option value="">请选择</option>
                </select>
            </div>
    <div class='ipt-box'>
    <label for="">惩罚日期：</label>
    <input type="text" value="$$punish_at" name="punish_at" required lay-verify="required" placeholder="请输入日期" autocomplete="off" class="layui-input reward-time">
    <span class='icon-date'></span>
    </div>
    <div class='ipt-box'>
    <label for="">惩罚名称：</label>
    <input type="text" value="$$punish_title" name="punish_title" required lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input">
    </div>
    <div style='width:530px;' class='ipt-box'>
    <label for="">惩罚原因：</label>
    <textarea name="reason" id="" >$$reason</textarea>
    </div>
    </div>
    <div id='s_r_p_file_2' class='ipt-main-right p-l'>
    <div class='upload-img'><img src="$$url" alt=""></div>
    <button class="uploadFile" lay-data="{accept: 'images'}">上传附件</button>
    </div>
    <input type="hidden" value="$$id" name="id">
    <input type="hidden" value="$$attach_id" name="attach_id">
    </div>
    </div>
    </div>
</script>

    <!-- 奖励信息 查看 -->
    <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>$$punish_at</span>
                </div>
                <div class='ipt-box'>
                    <label for="">惩罚名称：</label>
                    <span>$$punish_title</span>
                </div>
                <div style='width:530px;' class='ipt-box'>
                    <label for="">惩罚原因：</label>
                    $$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>
                <a href="/worker/downFile?src=$$url"><button>下载附件</button></a>
            </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>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '.reward-date',
            max: 'now'
        });
    });
    layui.use('upload', function(){
        var upload = layui.upload;

        //执行实例
        var uploadInst = upload.render({
            elem: '.upload' //绑定元素
            ,url: '/api/upload' //上传接口
            ,data:{'_token':"{{ csrf_token() }}"}
            ,type:'images'
            ,exts: 'jpg|png|jpeg'
            ,done: function(res){
                if(res.code == 1){
                    if(res.type = 1){
                        $('.upload-img').html('<img src="'+res.data.path+'"/>');
                    }

                    //$('.my-logo').attr('src', res.data.path);
                    $('[name=attach_id]').val(res.data.id);
                    layer.msg('附件上传成功');
                    console.log(res);
                }
            }
            ,error: function(){
                //请求异常回调
            }
        });
    });
    $(document).on('click','.reset',function(){
        $('input').val('');
    })

    //数据添加
    $(document).on('click','.save',function(){
        save(1,'form1');
    })

    //编辑
    $(".s-r-p-table").on("click",".setting-btn",function(){

        var html = $("#s_r_p_setting").html();
        var id = $(this).attr('data-id');
        $.get('/worker/getOnePunish?punish_id='+id,function (re) {
            if(re.data){
                html = html.replace(/\$\$punish_title/g, re.data.punish_title).replace(/\$\$punish_at/g, re.data.punish_at).replace(/\$\$reason/g, re.data.reason).replace(/\$\$url/g, re.data.url).replace(/\$\$attach_id/g, re.data.attach_id).replace(/\$\$id/g, re.data.id);
            }
            $.get_layer({
                title: "编辑",
                type:"1",
                html:html,
                btn_arr:["取消","保存"],
                area:['920px', 'auto'],
                btn1:function(){

                },
                btn2:function(){
                    save(2,'form');
                }
            })
            layui.use(['upload', 'laydate'], function(){
                var upload = layui.upload;
                var laydate = layui.laydate;
                laydate.render({
                    elem: '#form .reward-time'
                });
                //执行实例
                var uploadInst = upload.render({
                    elem: '.uploadFile' //绑定元素
                    ,url: '/api/upload' //上传接口
                    ,type:'images'
                    ,exts: 'jpg|png|jpeg'
                    ,data:{'_token':"{{ csrf_token() }}"}
                    ,done: function(rr){
                        if(rr.code == 1){
                            if(rr.type = 1){
                                $('#form .upload-img').find('img').attr('src',rr.data.path);
                            }
                            $('#form').find('[name=attach_id]').val(rr.data.id);
                            layer.msg('附件上传成功');
                        }
                    }
                    ,error: function(){
                        //请求异常回调
                    }
                });
            });
            $("#select").find("option[value="+re.data.dept+"]").attr("selected",true);
            $.get('/worker/getDeptInfo?dept='+re.data.dept,function(R){
                if(R.code == 1){
                    var option = '<option value="">请选择</option>';
                    $.each(eval(R.data),function(index,item){
                        option+='<option value="'+item.ad_uid+'">'+item.name+'</option>';
                    });
                    $('#user_id').html(option);
                    $("#user_id").find("option[value="+re.data.user_id+"]").attr("selected",true);
                }
            })
        })
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            laydate.render({
                elem: '.reward-time'
            });
        });
    })

    //数据操作
    function save(type,item){
        var user_id = type == 1 ? "{{ $id }}" : $('#'+item).find('[name=user_id]').val();
        var punish_at = $('#'+item).find('[name=punish_at]').val();
        var punish_title = $('#'+item).find('[name=punish_title]').val();
        var reason = $('#'+item).find('[name=reason]').val();
        var attach_id = $('#'+item).find('[name=attach_id]').val();
        var id = $('#'+item).find('[name=id]').val();

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

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

        if(!punish_title){
            layer.msg('请填写处罚名称');
            return false;
        }

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

        if(!attach_id){
            layer.msg('请上传附件');
            return false;
        }


        $.ajax({
            url:"/worker/addOrEditPunish?type="+type,
            type:'post',
            data:{
                user_id:user_id,
                punish_at:punish_at,
                punish_title:punish_title,
                reason:reason,
                id:id,
                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);
                }
            }
        })
    }
    $(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",".check-btn",function(){
        var id = $(this).attr('data-id');
        var html = $("#s_r_p_check").html();
        var tt = '';
        $.get('/worker/getOnePunish?punish_id='+id,function (re) {
            if (re.data) {
                html = html.replace(/\$\$punish_title/g, re.data.punish_title).replace(/\$\$punish_at/g, re.data.punish_at).replace(/\$\$reason/g, re.data.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=2');
                    layer.closeAll();
                },


            })
        })
    })

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

</script>
@endsection