@extends('layouts.crm')
@section('title')辅导学生荣誉@endsection
@section('header')
<style>
    .my-logo {
        width: 112px;
        height: 142px;
    }
</style>
@endsection
@section('navbread')
{{-- */ $navbread = [
        ['name' => '我的成绩', 'href' =>  '/grade/addHonor'],
        ['name' => '辅导学生荣誉', 'href' =>  '/grade/addTrainHonor'],

        ] /* --}}
@endsection
@section('body')

<div class='nav-box-2 nav-box-lj clearfix'>
    <form action="" id="ti">
        <div style='position:relative;' class='p-l'>
            <input style='padding:5px 15px;' name='keywords' type="text">
            <span style='position:absolute;left:160px;top:8px' class='layui-icon layui-icon-search' id="tisub"></span>
        </div>
    </form>
    <div class='p-r'>
        @if(hasPower('grade::addTrainHonor'))
        <button class='layui-btn layui-btn-info add-personal-score'>增加</button>
        @endif
        @if(hasPower('grade::delTrainHonorAll'))
        <button class='layui-btn layui-btn-delete '>删除</button>
        @endif
    </div>

</div>

<div class='c-table my-score-table'>
    <table class="layui-table">
        <colgroup>
            <col width="8%">
            <col width="8%">
            <col width="9%">
            <col width="9%">
            <col width="9%">
            <col width="9%">
            <col width="8%">
            <col width="8%">
            <col width="8%">
            <col width="12%">
            <col width='14%'>
        </colgroup>
        <thead>
            <tr>
                <th><input type="checkbox" id="allAndNotAll"></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($trainList->all()))
            @foreach($trainList as $k=>$v)
            <tr>
                <td><input type="checkbox" name="ids" value="{{$v['id']}}"></td>
                <td>{{$k+1}}</td>
                <td>{{$v['student_id']}}</td>
                <td>{{$v['student_name']}}</td>
                <td>{{$v['staff_no']}}</td>
                <td>{{$v['name']}}</td>
                <td>{{$v['prize_name']}}</td>
                <td>{{$v['num']}}</td>
                <td>{{$v['prize_unit']}}</td>
                <td>1970-01-01</td>
                <td>
                    @if(hasPower('grade::editTrainHonor'))
                    @if($user_id == $v['user_id'])
                    <span style="margin-right:10px" data-id="{{$v['id']}}" data-token="{{csrf_token()}}" class='table-icon icon-setting edit-personal-score-btn'></span>
                    @endif
                    @endif
                    <span style="margin-right:10px" data-id="{{$v['id']}}" data-token="{{csrf_token()}}" class='table-icon icon-check-2 preview-personal-score-btn'></span>
                </td>
            </tr>
            @endforeach
            @else
            <tr>
                <td colspan="11" class="no-message">暂无数据</td>
            </tr>
            @endif
        </tbody>
    </table>
    @if(count($trainList->all()))
    <div class="c-page">
        {!! $trainList->links() !!}
    </div>
    @endif
</div>

</div>
</div>

<!-- 编辑个人成绩 -->
<script id='edit_personal_score' type='text'>
    <div class='edit-student-honor-layer'>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">教职工号：</label>
                <input style='margin-left:10px;padding:5px 10px;'  readonly="readonly" type="text" value="{{ $staff_no }}" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="请输入原密码">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">教职工姓名：</label>
                <input style='margin-left:10px;padding:5px 10px;'  readonly="readonly" type="text" value="{{ $name }}" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="请输入原密码">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">学生学号：</label>
                <input style='margin-left:10px;padding:5px 10px;' type="text" name="student_id" required  lay-verify="required" placeholder="请输入学生学号" autocomplete="请输入新密码">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">学生姓名：</label>
                <input style='margin-left:10px;padding:5px 10px;' type="text" name="student_name" required  lay-verify="required" placeholder="请输入学生姓名" autocomplete="请输入新密码">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">奖项名称：</label>
                <input style='margin-left:10px;padding:5px 10px;' type="text" name="prize_name" required  lay-verify="required" placeholder="请输入奖项名称" autocomplete="请再次输入新密码">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">颁奖单位：</label>
                <input style='margin-left:10px;padding:5px 10px;' type="text" name="prize_unit" required  lay-verify="required" placeholder="请输入颁奖单位" autocomplete="请再次输入新密码">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">名次等第：</label>
                <input style='margin-left:10px;padding:5px 10px;' type="text" name="num" required  lay-verify="required" placeholder="请输入名次等第" autocomplete="请再次输入新密码">
            </div>
           <div style='position:relative;text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">获奖日期：</label>
                <input name="prize_time" style='border:1px solid #e5e5e5;display:inline-block;width:178px;margin-left:10px;padding:5px 10px;' type="text" class="layui-input" id="dateAward3">
                <span class='icon-data' style='position:absolute;'></span>
           </div>
            <input type="hidden" name="_token" value="{{csrf_token()}}">
           <div style='text-align:left;margin:20px 50px;'>
                <label style='display:inline-block;width:110px;text-align:right;' for="">附件：</label>
                <input name="attachment" style='width:155px;padding:5px 10px;margin-left:10px;' type="text"  required  lay-verify="required" placeholder="请选择附件" autocomplete="请再次输入新密码">
                 <button style='position:relative;top:-2px;background:#fff;color:#666;border:1px solid #e5e5e5;' class="layui-btn layui-btn-info upload_img">浏览...</button></span>
            </div>
               <input type="hidden" name="attach_id" value="">
        </div>
</script>

<!-- 新增个人成绩 -->
<script id='add_personal_score' type='text'>
    <div class='edit-student-honor-layer'>
         <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">教职工号：</label>
                <input style='margin-left:10px;padding:5px 10px;'  readonly="readonly" type="text" value="{{ $staff_no }}" name="title" required  lay-verify="required" placeholder="请输入教职工号" autocomplete="请输入教职工号">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">教职工姓名：</label>
                <input style='margin-left:10px;padding:5px 10px;'  readonly="readonly" type="text" value="{{ $name }}" name="title" required  lay-verify="required" placeholder="请输入教职工姓名" autocomplete="请输入教职工姓名">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">学生学号：</label>
                <input style='margin-left:10px;padding:5px 10px;' type="text" name="student_id" required  lay-verify="required" placeholder="请输入学生学号" autocomplete="请输入学生学号">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">学生姓名：</label>
                <input style='margin-left:10px;padding:5px 10px;' type="text" name="student_name" required  lay-verify="required" placeholder="请输入学生姓名" autocomplete="请输入学生姓名">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">奖项名称：</label>
                <input style='margin-left:10px;padding:5px 10px;' type="text" name="prize_name" required  lay-verify="required" placeholder="请输入奖项名称" autocomplete="请输入奖项名称">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">颁奖单位：</label>
                <input style='margin-left:10px;padding:5px 10px;' type="text" name="prize_unit" required  lay-verify="required" placeholder="请输入颁奖单位" autocomplete="请输入颁奖单位">
            </div>
            <div style='text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">名次等第：</label>
                <input style='margin-left:10px;padding:5px 10px;' type="text" name="num" required  lay-verify="required" placeholder="请输入名次,数字" autocomplete="请输入名次,数字">
            </div>
           <div style='position:relative;text-align:left;margin:20px 60px;'>
                <label style='display:inline-block;width:100px;text-align:right;' for="">获奖日期：</label>
                <input name="prize_time" style='border:1px solid #e5e5e5;display:inline-block;width:178px;margin-left:10px;padding:5px 10px;' type="text" class="layui-input" id="dateAward3">
                <span class='icon-data' style='position:absolute;'></span>
           </div>
            <input type="hidden" name="_token" value="{{csrf_token()}}">
           <div style='text-align:left;margin:20px 50px;'>
                <label style='display:inline-block;width:110px;text-align:right;' for="">附件：</label>
                <input name="attachment" style='width:155px;padding:5px 10px;margin-left:10px;' type="text" name="title" required  lay-verify="required" placeholder="请选择附件,格式:jpg" autocomplete="请选择附件">
                <button style='position:relative;top:-2px;background:#fff;color:#666;border:1px solid #e5e5e5;' class="layui-btn layui-btn-info upload_img">浏览...</button>
            </div>
               <input type="hidden" name="attach_id" value="">
        </div>
    </script>

<!-- 个人成绩预览 -->
<script id='check_personal_score' type='text'>
    <div class='edit-student-honor-layer'>
    <div style='position:relative;text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">教职工号：</label>
            <span  id ="staff_no" style='' ></span>
        </div>
    <div style='position:relative;text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">教职工姓名：</label>
            <span id="x_name" style='' ></span>
        </div>
       
        <div style='position:relative;text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">学生学号：</label>
            <span style='' id="student_id"></span>
        </div>
        <div style='position:relative;text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">学生姓名：</label>
            <span style='' id="student_name"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">奖项名称：</label>
            <span  id="prize_name"></span>
        </div>
         <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">名次等第：</label>
            <span  id="num"></span>
        </div>
      
          <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">获奖日期：</label>
            <span  id="prize_time"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">颁奖单位：</label>
            <span  id="prize_unit"></span>
        </div>
       
        
        <div style='text-align:left;margin:20px 50px;'>
            <label style='display:inline-block;width:110px;text-align:right;' for="">附件：</label>
            <span class="down_attachment"><a id="down_attachment" href="" style='color:#1d4a9f;'>下载</a></a>
            <span class="view_attachment" style='margin-left:50px;color:#666;cursor:pointer;'>
              <a id="view_attachment" href="" target="_blank">在线浏览</a></span>
        </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>
    $(function() {
        //实现全选与反选
        $("#allAndNotAll").click(function() {
            if (this.checked) {
                $("input[name='ids']:checkbox").each(function() {
                    $(this).prop("checked", true);
                });
            } else {
                $("input[name='ids']:checkbox").each(function() {
                    $(this).prop("checked", false);
                });
            }
        });


        $('.layui-btn-delete').click(function() {
            if ($("input[name='ids']:checked").length == 0) {
                layer.msg('未选中任何项！');
                return false;
            }
            //获取被选中的id
            var ids = [];
            $("input[name='ids']:checked").each(function() {
                ids.push($(this).attr("value"));
            })
            var delIds = ids.join(",");
            //console.log(delIds);
            layer.confirm('确定删除吗？', {
                btn: ['确定', '取消'] //按钮
            }, function() {
                $.ajax({
                    url: '/grade/delTrainHonorAll',
                    type: 'post',
                    data: {
                        ids: delIds,
                        _token: "{{csrf_token()}}"
                    },
                    dataType: "json",
                    success: function(re) {
                        if (re.code == 1) {
                            layer.msg(re.data, {
                                time: 1000
                            }, function() {
                                window.location.href = '/grade/addTrainHonor';
                            });

                        }
                    }
                })
            }, function() {});
        });
    });
    $("#tisub").click(function() {
        $('#ti').submit()
    })
    $('.icon-delete').click(function() {
        var idval = $(this).attr("data-id");

        $.ajax({
            url: '/grade/delTrainHonor',
            type: 'post',
            data: {
                ids: idval,
                _token: "{{csrf_token()}}"
            },
            dataType: "json",
            success: function(re) {
                if (re.code == 1) {
                    layer.msg(re.data, {
                        time: 1000
                    }, function() {
                        window.location.href = '/grade/addTrainHonor';
                    });
                }
            }
        })
    })
    //JavaScript代码区域
    layui.use('element', function() {
        var element = layui.element;
    });
    layui.use('upload', function() {
        var upload = layui.upload;


    })

    main.myScore.init();
</script>
@endsection