@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='module-1'>
    <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" placeholder="课题\姓名" 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::addResearch'))
                <a style="margin-right: 10px;" href="/object/addResearch"><button class='layui-btn layui-btn-info'>增加</button></a>
                @endif
                @if(hasPower('research::subResearch'))
                    <button class='layui-btn layui-btn-warm check'>提交</button>
                @endif
                @if(hasPower('research::checkResearch'))
                    <button class='layui-btn layui-btn-warm check-through'>审核</button>
                @endif
                @if(hasPower('research::optionResearch'))
                    <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="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>
                <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'] }}">
                    @elseif($auth=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>{{ isset($v['staff']) ? $v['staff'] : '无' }}</td>
                <td>{{ mb_substr($v['intro'], 0, 3) }}</td>
                <td>{{ date('Y-m-d',$v['start_at']) }}</td>
                <td>{{ date('Y-m-d',$v['end_at']) }}</td>
                <td>
                    {{ configInfo('status')[$v['status']] }}
                </td>
                <td>
                    @if(hasPower('research::editResearch'))
                        @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="11" class="no-message">暂无数据</td>
                </tr>
            @endif
            </tbody>
        </table>
    </div>
    @if(count($info->all()))
        <div class="c-page">
            {!! $info->links() !!}
        </div>
    @endif
    </div>

    <!-- 预览 课题研究 -->
    <script type="text" id='scientificR_sr_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">
                        <label for="">教职工号：</label>
                        <span>$$staff_no</span>
                    </div>
                    <div class="ipt-item">
                        <label for="">姓名：</label>
                        <span>$$name</span>
                    </div>
                    <div class="ipt-item">
                        <label for="">授权单位：</label>
                        <span>$$company</span>
                    </div>
                    <div class="ipt-item" style='width:650px;'>
                        <label for="">参与人员：</label>
                        <span>$$staff</span>
                    </div>
                    <div class="ipt-item" style='width:640px;height:150px;'>
                        <label for="">研究目标：</label>
                        {{--<span>$$intro</span>--}}
                         <textarea readonly="readonly"  placeholder='' style='resize:none;width:500px;margin-left:10px;height:130px;vertical-align: text-top;' name="" id="" >$$intro</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="" >$$result</textarea>
                    </div>
                    <div class="ipt-item">
                        <label for="">开始日期：</label>
                        <span>$$start_at</span>
                    </div>
                    <div class="ipt-item">
                        <label for="">结束日期：</label>
                        <span>$$end_at</span>
                    </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>


@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">
    $(document).on('click','.edit',function(){
        var id = $(this).attr('data-id');
        window.location.href = '/object/editResearch?id='+id;
    })
    $(".check-info").on("click",function(){

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

            var html = $("#scientificR_sr_check").html();
            html = html.replace(/\$\$title/g, re.data.title).replace(/\$\$staff_no/g, re.data.staff_no).replace(/\$\$name/g, re.data.name).replace(/\$\$company/g, re.data.company ).replace(/\$\$staff/g, re.data.staff ).replace(/\$\$result/g, re.data.result ).replace(/\$\$start_at/g, re.data.start_at ).replace(/\$\$end_at/g, re.data.end_at ).replace(/\$\$intro/g, re.data.intro ).replace(/\$\$status/g, re.data.status ).replace(/\$\$reason/g, re.data.status_reason );
            $.get_layer({
                title: "查看",
                type:"1",
                html:html,
                area:['700px', '530px'],
                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/optionResearch?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/optionResearch?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/research?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=1',
                    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