@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 on">奖励信息</span></a>
    <a href="/worker/punish"><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/reward?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/reward?dept={{ $dept }}&id={{ $v['ad_uid'] }}">{{ $v['name'] }}</option>
                    @endforeach
                    @endif
                </select>
            </div>
            <div class='ipt-box'>
                <label for="">获奖日期：</label>
                <input type="text" name="reward_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="reward_title" required lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input">
            </div>
            <div class='ipt-box'>
                <label for="">等第名称：</label>
                <input type="text" name="section" required lay-verify="required" placeholder="请输入等第" autocomplete="off" class="layui-input">
            </div>
            <div class='ipt-box'>
                <label for="">填发单位：</label>
                <input type="text" name="company" 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::addReward'))
<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="10%">
            <col width="15%">
            <col>
        </colgroup>
        <thead>
            <tr>
                <th>工号</th>
                <th>姓名</th>
                <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 class="reward_at">{{ date('Y-m-d', $v['reward_at']) }}</td>
                <td class="reward_title">{{ $v['reward_title'] }}</td>
                <td class="section">{{ $v['section'] }}</td>
                <td class="company">{{ $v['company'] }}</td>
                <!-- <td data-text="{{ $v['reason'] }}">{{ mb_substr($v['reason'], 0, 3) }}</td> -->
                <td data-text="{{ $v['reason'] }}">{{ $v['reason'] }}</td>
                <td>
                    @if(hasPower('worker::editReward'))
                    <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::delReward'))
                    <span title="删除" style='width:18px;margin:0 5px;' class='table-icon icon-delete delete-reward' 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="$$reward_at" name="reward_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="$$reward_title" name="reward_title" required lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input">
        </div>
        <div class='ipt-box'>
            <label for="">等第名称：</label>
            <input type="text" value="$$section" name="section" required lay-verify="required" placeholder="请输入等第" autocomplete="off" class="layui-input">
        </div>
        <div class='ipt-box'>
            <label for="">填发单位：</label>
            <input type="text" value="$$company" name="company" 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>$$reward_at</span>
                </div>
                <div class='ipt-box'>
                    <label for="">奖励名称：</label>
                    <span>$$reward_title</span>
                </div>
                <div class='ipt-box'>
                    <label for="">等第名称：</label>
                    <span>$$section</span>
                </div>
                <div class='ipt-box'>
                    <label for="">填发单位：</label>
                    <span>$$company</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',
            size: 1024 * 10,
            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/getOneReward?reward_id=' + id, function(re) {
            if (re.data) {
                html = html.replace(/\$\$reward_title/g, re.data.reward_title).replace(/\$\$reward_at/g, re.data.reward_at).replace(/\$\$section/g, re.data.section).replace(/\$\$reason/g, re.data.reason).replace(/\$\$company/g, re.data.company).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' //上传接口
                        ,
                    data: {
                        '_token': "{{ csrf_token() }}"
                    },
                    type: 'images',
                    exts: 'jpg|png|jpeg',
                    size: 1024 * 10,
                    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);
                    console.log(re.data.user_id);
                    $("#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'
            });
        });
    })

    $(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/getOneReward?reward_id=' + id, function(re) {
            if (re.data) {
                html = html.replace(/\$\$reward_title/g, re.data.reward_title).replace(/\$\$reward_at/g, re.data.reward_at).replace(/\$\$section/g, re.data.section).replace(/\$\$reason/g, re.data.reason).replace(/\$\$company/g, re.data.company).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: ['确定', '取消'] //按钮
        }, function() {
            $.get('/worker/delReward?reward_id=' + id, function(re) {
                if (re.code == 1) {
                    layer.msg('删除成功', {
                        icon: 1
                    }, function() {
                        window.location.reload();
                    })
                } else {
                    layer.msg(re.errMsg);
                }
            })
        }, function() {});
    })

    function save(type, item) {
        var user_id = type == 1 ? "{{ $id }}" : $('#' + item).find('[name=user_id]').val();
        var reward_at = $('#' + item).find('[name=reward_at]').val();
        var reward_title = $('#' + item).find('[name=reward_title]').val();
        var section = $('#' + item).find('[name=section]').val();
        var company = $('#' + item).find('[name=company]').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 (!reward_at) {
            layer.msg('请选择奖励时间');
            return false;
        }

        if (!reward_title) {
            layer.msg('请填写奖励名称');
            return false;
        }

        if (!section) {
            layer.msg('请填写等第名称');
            return false;
        }

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

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


        $.ajax({
            url: "/worker/addOrEditReward?type=" + type,
            type: 'post',
            data: {
                user_id: user_id,
                reward_at: reward_at,
                reward_title: reward_title,
                section: section,
                company: company,
                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);
                }
            }
        })
    }
</script>
@endsection