@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='nav-box-2 clearfix' style='margin:30px 0 15px 0;'>
        <div style='position:relative;' class='p-l'>
            <input style='padding:5px 15px;' type="text" name="search" value="{{ $search }}">
            <span style='position:absolute;left:160px;top:8px' class='layui-icon layui-icon-search search'></span>
            </div>
            <div class='p-r'>
                @if(hasPower('research::addPaper'))
                <button class='layui-btn layui-btn-info add'>增加</button>
                @endif
                    @if(hasPower('research::subPaper'))
                <button class='layui-btn layui-btn-warm check'>提交</button>
                @endif
                    @if(hasPower('research::checkPaper'))
                <button class='layui-btn layui-btn-warm check-through'>审核</button>
                @endif
                    @if(hasPower('research::optionPaper'))
                <button class='layui-btn layui-btn-delete delete'>删除</button>
                        @endif
            </div>
        
    </div>
    <div class='c-table my-teaching-skills-practice-table'>
        <table class="layui-table">
            <colgroup>
                <col width="5%">
                <col width="9%">
                <col width="9%">
                <col width="10%">
                <col width="9%">
                <col width="9%">
                <col width="9%">
                <col width="11%">
                <col width="11%">
                <col width="9%">
                <col width="15%">
            </colgroup>
            <thead>
            <tr>
                <th>
                    <input type="checkbox" name="check-all">
                </th>
                <th>教职工号</th>
                <th>姓名</th>
                <th>论文名称</th>
                <th>发表单位</th>
                <th>发表日期</th>
                <th>内容摘要</th>
                <th>备注</th>
                <th>审核状态</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            @if(count($info->all()))
            @foreach($info as $k=>$v)
            <tr>
                <td>
                    @if($v['status'] != 1)
                        <input type="checkbox" name="box-check" value="{{ $v['id'] }}">
                    @endif
                </td>
                <td>{{ $v['staff_no'] }}</td>
                <td>{{ $v['name'] }}</td>
                <td>{{ $v['title'] }}</td>
                <td>{{ $v['company'] }}</td>
                <td>{{ date('Y-m-d',$v['publish_at']) }}</td>
                <td>{{ mb_substr($v['content'], 0, 3) }}</td>
                <td>{{ mb_substr($v['remark'], 0, 3) }}</td>
                <td>{{ configInfo('status')[$v['status']] }}</td>
                <td>
                    @if(hasPower('research::editPaper'))
                    @if($user_id == $v['user_id'] && in_array($v['status'], [2,3]))
                    <span title="编辑" style="margin-right:10px" class='table-icon icon-setting edit' data-id="{{ $v['id'] }}"></span>
                    @endif
                    @endif
                    <span title="查看" style="margin-right:10px"  class='table-icon icon-check-2 check-info' data-id="{{ $v['id'] }}"></span>
                </td>
            </tr>
                @endforeach
                @else
                <tr>
                    <td colspan="10" class="no-message">暂无数据</td>
                </tr>
            @endif
            </tbody>
        </table>
    </div>
    @if(count($info->all()))
        <div class="c-page">
            {!! $info->links() !!}
        </div>
    @endif


    <!-- 添加 著作 -->
    <script type="text" id='scientificR_p_add'>
    <form id="form">
        <div class='teaching-skills-plan-layer c-layer-padding'>
            <div class='ipt-box clearfix'>
                <div class="ipt-item">
                    <label for="">教职工号：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" value="{{ $staff_no }}" placeholder="请输入教职工号" autocomplete="">
                </div>
                <div class="ipt-item">
                    <label for="">姓名：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" value="{{ $name }}" placeholder="请输入姓名" autocomplete="">
                </div>
                <input type="hidden" name="user_id" value="{{ $user_id }}">
                {!! csrf_field() !!}
                <div class="ipt-item">
                    <label for="">论文名称：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="title" placeholder="请输入论文名称" autocomplete="">
                </div>
                <div class="ipt-item">
                    <label for="">发表单位：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="company" placeholder="请输入单位" autocomplete="">
                </div>
                <div class="ipt-item">
                    <label for="">发表日期：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="publish_at"  placeholder="请输入日期" autocomplete="" id="publishDate">
                    <span class='icon-data' style='position:absolute;right:60px;top:15px;'></span>
                </div>
                <div class="ipt-item" style='width:640px;height:140px;'>
                    <label for="">摘要内容：</label>
                    <textarea placeholder='' style='resize:none;width:500px;margin-left:10px;height:130px;vertical-align: text-top;' name="content" id="" ></textarea>
                </div>
                <div class="ipt-item" style='width:640px;height:140px;'>
                    <label for="">备注：</label>
                    <textarea placeholder='' style='resize:none;width:500px;margin-left:10px;height:130px;vertical-align: text-top;' name="remark" id="" ></textarea>
                </div>
                <div class="ipt-item" style='width:640px;height:50px;margin-top:10px;'>
                    <label for="">附件：</label>
                    <input id="file_name" style='width:399px;margin-left:10px;padding:5px 10px;' type="text" readonly placeholder="请上传附件,格式:doc">
                    <input type="hidden" name="attach_id">
                    <div style='position:relative;top:-1px;' class='layui-btn upload layui-btn-info'>浏览...</div>
                </div>
            </div>
        </div>
        </form>
</script>

    <!-- 编辑 著作 -->
    <script type="text" id='scientificR_p_edit'>
    <form id="forms">
        <div class='teaching-skills-plan-layer c-layer-padding'>
            <div class='ipt-box clearfix'>
                <div class="ipt-item">
                    <label for="">教职工号：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" value="$$staff_no" placeholder="请输入教职工号" autocomplete="">
                </div>
                <div class="ipt-item">
                    <label for="">姓名：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" value="$$name"placeholder="请输入姓名" autocomplete="">
                </div>
                <div class="ipt-item">
                    <label for="">论文名称：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="title" value="$$title" placeholder="请输入论文名称" autocomplete="">
                </div>
                <input type="hidden" name="user_id" value="$$user_id">
                {!! csrf_field() !!}
                <div class="ipt-item">
                    <label for="">发表单位：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="company" value="$$company" required  lay-verify="required" placeholder="请输入单位" autocomplete="">
                </div>
                <div class="ipt-item">
                    <label for="">发表日期：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="publish_at" value="$$publish_at" placeholder="请输入日期" autocomplete="" id="publishDate">
                    <span class='icon-data' style='position:absolute;right:60px;top:15px;'></span>
                </div>
                <div class="ipt-item" style='width:640px;height:140px;'>
                    <label for="">摘要内容：</label>
                    <textarea placeholder='' style='resize:none;width:500px;margin-left:10px;height:130px;vertical-align: text-top;' name="content" >$$content</textarea>
                </div>
                <div class="ipt-item" style='width:640px;height:140px;'>
                    <label for="">备注：</label>
                    <textarea placeholder='' style='resize:none;width:500px;margin-left:10px;height:130px;vertical-align: text-top;' name="remark" >$$remark</textarea>
                </div>
                <div class="ipt-item" style='width:640px;height:50px;margin-top:10px;'>
                    <label for="">附件：</label>
                    <input id="file_name" style='width:399px;margin-left:10px;padding:5px 10px;' type="text" readonly value="$$cname">
                    <input type="hidden" name="attach_id" value="$$attach_id">
                    <div style='position:relative;top:-1px;' class='layui-btn layui-btn-info upload'>浏览...</div>
                </div>
            </div>
        </div>
        </form>
</script>

    <!-- 预览  -->
    <script type="text" id='scientificR_p_check'>
        <div class='teaching-skills-plan-layer c-layer-padding'>
                <h2 style='text-align:center;margin:15px 0;'>论文名称：$$title</h2>
                <div class='ipt-box clearfix'>
                    <div class="ipt-item" style='width:200px;'>
                        <label for="">作者：</label>
                        <span>$$name</span>
                    </div>
                    <div class="ipt-item" style='width:200px;'>
                        <label for="">发表单位：</label>
                        <span>$$company</span>
                    </div>
                    <div class="ipt-item" style='width:200px;'>
                        <label for="">发表日期：</label>
                        <span>$$publish_at</span>
                    </div>
                    <div class="ipt-item" style='width:640px;height:150px;'>
                        <label for="">课题研究总结：</label>
                        <textarea readonly="readonly"  placeholder='输入课题研究总结' style='resize:none;width:500px;margin-left:10px;height:130px;vertical-align: text-top;' name="" id="" >$$content</textarea>
                    </div>
                    <div class="ipt-item" style='width:640px;height:150px;'>
                        <label for="">备注：</label>
                        <textarea readonly="readonly"  placeholder='输入实践反思' style='resize:none;width:500px;margin-left:10px;height:130px;vertical-align: text-top;' name="" id="" >$$remark</textarea>
                    </div>
                    <div class="ipt-item" style='width:640px;height:50px;'>
                        <label for="">附件：</label>
                        <a style='margin:0 20px;color:#1942ab;' download="$$download" href="$$url" data-url="$$url"}}>下载</a>
                        <a target="_black" href="https://view.officeapps.live.com/op/view.aspx?{{$jzg_url}}$$url" style='color:#1942ab;'>预览</a>
                    </div>
                    <div class="ipt-item">
                        <label for="">状态：</label>
                        <span>$$status</span>
                    </div>
                    <div class="ipt-item">
                        <label for="">备注：</label>
                        <span>$$reason</span>
                    </div>
                </div>
            </div>
</script>
    <script type="text" id='check-status'>
        <div class="check-item">
            <div class="ipt-item">
                <label for="">审核结果：</label>
                <div class="item-input">
                    <input type="radio" name="status" value="2">
                    <span>不通过</span>
                </div>
                <div class="item-input" style="margin-right: 76px;">
                    <input type="radio" name="status" value="1">
                    <span>通过</span>
                </div>
            </div>
            <div class="ipt-item">
                <label for="">审核意见：</label>
                <div class="item-area">
                    <textarea name="status_reason" id="" cols="30" rows="10" placeholder="请输入意见"></textarea>
                </div>
            </div>
        </div>
    </script>
    <input type="hidden" name="once1" value="0">
@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">


    $(".add").on("click",function(){
        var html = $("#scientificR_p_add").html();


        $.layer_open({
            title: "添加",
            type:"1",
            html:html,
            btn_arr:["取消","确认"],
            area:['720px', '630px'],
            btn1:function(){


            },
            btn2:function(){
                if(!$('[name=title]').val()){
                    layer.msg('请输入论文名称');
                    return false;
                }

                if(!$('[name=company]').val()){
                    layer.msg('请输入发表单位');
                    return false;
                }

                if(!$('[name=attach_id]').val()){
                    layer.msg('请上传附件');
                    return false;
                }

                if($('[name=once1]').val() == 1){
                    layer.msg('不可重复提交');
                    return false;
                }

                $('[name=once1]').val('1');

                $.ajax({
                    url:'/object/addPaper',
                    type:'post',
                    data:$("#form").serialize(),
                    dataType:'json',
                    success:function (re) {
                        if(re.code == 1){
                            layer.msg('数据添加成功', {time:2000},function(){
                                window.location.reload();
                            });
                        }else{
                            $('[name=once1]').val('0');
                            layer.msg(re.errMsg);
                        }
                    }
                })
            }
        })
        laydate.render({
            elem: '#publishDate'
        });
        layui.use('upload', function(){
            var upload = layui.upload;

            //执行实例
            var uploadInst = upload.render({
                elem: '.upload' //绑定元素
                ,url: '/api/upload' //上传接口
                ,data:{'_token':"{{ csrf_token() }}"}
                ,accept: 'file'
                ,done: function(res){
                    if(res.code == 1){
                        $('#file_name').val(res.data.name);
                        $('[name=attach_id]').val(res.data.id);
                        layer.msg('上传成功');
                    }
                }
                ,error: function(){
                    //请求异常回调
                }
            });
        });
    })

    $(".edit").on("click",function(){

        var id = $(this).attr('data-id');
        $.get('/object/editPaper?id='+id,function (re) {

            var html = $("#scientificR_p_edit").html();
             html = html.replace(/\$\$staff_no/g, re.data.staff_no).replace(/\$\$name/g, re.data.name).replace(/\$\$title/g, re.data.title).replace(/\$\$publish_at/g, re.data.publish_at).replace(/\$\$user_id/g, re.data.user_id).replace(/\$\$content/g, re.data.content ).replace(/\$\$company/g, re.data.company ).replace(/\$\$remark/g, re.data.remark).replace(/\$\$cname/g, re.data.cname);

            $.layer_open({
                title: "编辑",
                type:"1",
                html:html,
                btn_arr:["取消","确认"],
                area:['720px', '630px'],
                btn1:function(){

                },
                btn2:function(){
                    $.ajax({
                        url:'/object/editPaper?id='+id,
                        type:'post',
                        data:$("#forms").serialize(),
                        dataType:'json',
                        success:function (re) {
                            if(re.code == 1){
                                layer.msg('数据编辑成功', {time:2000},function(){
                                    window.location.reload();
                                });
                            }else{
                                layer.msg(re.errMsg);
                            }
                        }
                    })
                }
            })
            laydate.render({
                elem: '#publishDate'
            });

            layui.use('upload', function(){
                var upload = layui.upload;

                //执行实例
                var uploadInst = upload.render({
                    elem: '.upload' //绑定元素
                    ,url: '/api/upload' //上传接口
                    ,data:{'_token':"{{ csrf_token() }}"}
                    ,accept: 'file'
                    ,done: function(res){
                        if(res.code == 1){
                            $('#file_name').val(res.data.name);
                            $('[name=attach_id]').val(res.data.id);
                            layer.msg('上传成功');
                        }
                    }
                    ,error: function(){
                        //请求异常回调
                    }
                });
            });
        })

    })

    $(".check-info").on("click",function(){

        var id = $(this).attr('data-id');
        $.get('/object/editPaper?id='+id,function (re) {

            var html = $("#scientificR_p_check").html();
            html = html.replace(/\$\$name/g, re.data.name).replace(/\$\$title/g, re.data.title).replace(/\$\$publish_at/g, re.data.publish_at).replace(/\$\$content/g, re.data.content ).replace(/\$\$company/g, re.data.company ).replace(/\$\$remark/g, re.data.remark).replace(/\$\$cname/g, re.data.cname).replace(/\$\$url/g, re.data.url).replace(/\$\$status/g, re.data.status ).replace(/\$\$reason/g, re.data.status_reason ).replace(/\$\$download/g, re.data.download );

            $.get_layer({
                title: "查看",
                type:"1",
                html:html,
                area:['720px', '630px'],
                btn1:function(){
                    layer.closeAll();
                },
                btn2:function(){}
            })
        })

    })

    //删除
    $(document).on('click','.delete',function(){
        var id = $('[name=action_id]').val();
        if(!id || id == ','){
            layer.msg('请勾选数据');
            return false;
        }
        layer.confirm('确定删除吗？', {
            btn: ['确定','取消'], //按钮
            title:'删除'
        }, function(){
            $.get('/object/optionPaper?type=1&id='+id,function(re){
                if(re.code == 1){
                    layer.msg('删除成功',{time:2000},function(){
                        window.location.reload();
                    })
                }else{
                    layer.msg(re.errMsg);
                }
            })
        }, function(){
        });
    });

    //审核
    $(document).on('click','.check',function(){
        var id = $('[name=action_id]').val();
        if(!id || id == ','){
            layer.msg('请勾选数据');
            return false;
        }
        layer.confirm('确定提交审核该内容吗？', {
            btn: ['确定','取消'], //按钮
            title:'审核'
        }, function(){
            $.get('/object/optionPaper?type=2&id='+id,function(re){
                if(re.code == 1){
                    layer.msg('提交成功',{time:2000},function(){
                        window.location.reload();
                    })
                }else{
                    layer.msg(re.errMsg);
                }
            })
        }, function(){
        });
    })

    $(document).on('click', '.search', function(){
        var search = $('[name=search]').val();
        if(search){
            window.location.href='/object/paper?search='+search;
        }
    });

    $(document).on('click', '.check-through', function () {
        var check = $('tr').find('input[name=box-check]:checked');
        if(check.length == 0){
            layer.msg('请勾选审核内容');
            return false;
        }
        $.layer_open({
            title: "查看",
            type:"1",
            html: $('#check-status').html(),
            btn_arr:["取消","确认"],
            area:['450px', '260px'],
            btn1:function(){
                layer.closeAll();
            },
            btn2:function(){

                var status = $('[name=status]:checked').val();
                var status_reason = $('[name=status_reason]').val();

                var id = ',';
                check.each(function (index, item) {
                    id+= $(this).val() + ',';
                });

                if(id == ','){
                    layer.msg('数据出错，请刷新');
                    return false;
                }
                if(!status){
                    layer.msg('请勾选审核状态');
                    return false;
                }

                if(!status_reason){
                    layer.msg('请输入意见');
                    return false;
                }

                $.ajax({
                    url:'/object/checkThrough?type=4',
                    type:'post',
                    data:{id:id, status:status, status_reason:status_reason, _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);
                        }
                    }
                })


            }
        })
    })

</script>
@endsection