@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::addPractice'))
                <button class='layui-btn layui-btn-info add'>增加</button>
                @endif
                    @if(hasPower('research::subPractice'))
                    <button class='layui-btn layui-btn-warm check'>提交</button>
                @endif
                    @if(hasPower('research::checkPractice'))
                    <button class='layui-btn layui-btn-warm check-through'>审核</button>
                @endif
                    @if(hasPower('research::optionPractice'))
                <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="12%">
                <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>{{ date('Y-m-d',$v['object_at']) }}</td>
                <td>{{ $v['cname'] }}</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::editPractice'))
                        @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_pp_add'>
    <form action="" 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" required value="{{ $staff_no }}"  lay-verify="required" readonly placeholder="请输入教职工号" autocomplete="">
                </div>
                {!! csrf_field() !!}
                <div class="ipt-item">
                    <label for="">姓名：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" required value="{{ $name }}" readonly  lay-verify="required" placeholder="请输入姓名" autocomplete="">
                </div>
                <input type="hidden" name="user_id" value="{{ $user_id }}">
                <div class="ipt-item">
                    <label for="">实践主题：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="title" required  lay-verify="required" placeholder="请输入实践主题" autocomplete="">
                </div>
                <div class="ipt-item">
                    <label for="">参与班级：</label>
                    <select value="6" style="margin-top:10px;" name="class_id" lay-verify="required">
                        <option value="0">请选择</option>
                        @foreach($class as $k=>$v)
                            <option  value="{{ $v['cl_id'] }}">{{ $v['gd_name'].$v['cl_name'] }}</option>
                        @endforeach
                    </select>
                </div>
        <div class="ipt-item">
            <label for="">日期：</label>
            <input name="object_at" style='width:150px;margin-left:10px;padding:5px 10px;' type="text" required  lay-verify="required" placeholder="请输入日期" autocomplete="" id="startDate">
            <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>
        </div>
        </form>
    </script>

    <!-- 编辑 课题实践 -->
    <script type="text" id='scientificR_pp_edit'>
    <form action="" 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" required value="$$staff_no"  lay-verify="required" readonly placeholder="请输入教职工号" autocomplete="">
                </div>
                {!! csrf_field() !!}
                <div class="ipt-item">
                    <label for="">姓名：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" required value="$$name" readonly  lay-verify="required" placeholder="请输入姓名" autocomplete="">
                </div>
                <input type="hidden" name="user_id" value="$$user_id">
                <div class="ipt-item">
                    <label for="">实践主题：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="title" required value="$$title"  lay-verify="required" placeholder="请输入实践主题" autocomplete="">
                </div>
                <div class="ipt-item">
                    <label for="">参与班级：</label>
                    <select id="selectId" style="margin-top:10px;" name="class_id" lay-verify="required">
                        <option value="0">请选择</option>
                        @foreach($class as $k=>$v)
                            <option id="t{{ $v['cl_id'] }}" value="{{ $v['cl_id'] }}">{{ $v['gd_name'].$v['cl_name'] }}</option>
                        @endforeach
                    </select>
                </div>
        <div class="ipt-item">
            <label for="">日期：</label>
            <input name="object_at" style='width:150px;margin-left:10px;padding:5px 10px;' type="text" required  lay-verify="required" value="$$object_at" placeholder="请输入日期" autocomplete="" id="startDate">
            <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="" >$$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" id="" >$$remark</textarea>
        </div>
        </div>
        </div>
        </form>
    </script>

    <!-- 预览  课题实践-->
    <script type="text" id='scientificR_pp_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>$$class</span>
                </div>
                <div class="ipt-item">
                    <label for="">日期：</label>
                    <span>$$object_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">
                        <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_pp_add").html();
        $.layer_open({
            title: "添加",
            type:"1",
            html:html,
            btn_arr:["取消", "确认"],
            area:['700px', '600px'],
            btn1:function(){

            },
            btn2:function(){
                var title = $('#form').find('[name=title]').val();
                if(!title){
                    layer.msg('请填写实践主题');
                    return false;
                }
                if($('[name=once1]').val() == 1){
                    layer.msg('不可重复提交');
                    return false;
                }

                $('[name=once1]').val('1');
                $.ajax({
                    url:'/object/addPractice',
                    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: '#startDate',
            max:'now'
        });
    })

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

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

            var html = $("#scientificR_pp_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(/\$\$object_at/g, re.data.object_at).replace(/\$\$user_id/g, re.data.user_id).replace(/\$\$remark/g, re.data.remark ).replace(/\$\$content/g, re.data.content );
             var class_id = re.data.class_id;

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

                },
                btn2:function(){
                    var title = $('#forms').find('[name=title]').val();
                    if(!title){
                        layer.msg('请填写实践主题');
                        return false;
                    }
                    if($('[name=once2]').val() == 1){
                        layer.msg('不可重复提交');
                        return false;
                    }

                    $('[name=once2]').val('1');
                    $.ajax({
                        url:'/object/editPractice?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{
                                $('[name=once2]').val('0');
                                layer.msg(re.errMsg);
                            }
                        }
                    })
                }

            })
            $("#selectId").find("option[value="+class_id+"]").attr("selected",true);
            laydate.render({
                elem: '#startDate',
                max:'now'
            });
        })

    })

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

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

            var html = $("#scientificR_pp_check").html();
            html = html.replace(/\$\$title/g, re.data.title).replace(/\$\$object_at/g, re.data.object_at).replace(/\$\$class/g, re.data.cname).replace(/\$\$remark/g, re.data.remark ).replace(/\$\$content/g, re.data.content ).replace(/\$\$status/g, re.data.status ).replace(/\$\$reason/g, re.data.status_reason );
            $.get_layer({
                title: "查看",
                type:"1",
                html:html,
                area:['700px', '600px'],
                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/optionPractice?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/optionPractice?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/practice?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=2',
                    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