@extends('layouts.crm')
@section('title')添加证书@endsection
@section('header')
    <style>
        .my-logo{
            width: 112px;
            height: 142px;
        }
    </style>
@endsection
@section('navbread')
    {{-- */ $navbread = [
        ['name' => '我的学习', 'href' =>  '/study/addCertificate'],
        ['name' => '添加证书', 'href' =>  '/study/addCertificate'],

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

      {{--<div class='title-box'>--}}
        {{--<h2>--}}
            {{--<span class='head-line-1'>|</span>--}}
            {{--教职工培训信息</h2>--}}
        {{--</div>--}}
                           
      <div class='ipt-box clearfix' style='width:750px;'>
            <div class="ipt-item-2">
                <label for="">教职工号：</label>
                <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="" value="{{ $staff_no }}" readonly="readonly" required  lay-verify="required" placeholder="请输入职工号" autocomplete="">
            </div>
            <div class="ipt-item-2">
                <label for="">姓名：</label>
                <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="" required  value="{{ $name }}" readonly="readonly" lay-verify="required" placeholder="请输入姓名" autocomplete="">
            </div>
            <div class="ipt-item-2">
                <label for="">证书名称：</label>
                <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" value="{{$oneInfo['study_name']}}" class="cert_name" name="cert_name" required  lay-verify="required" placeholder="请输入名称" autocomplete="">
            </div>
           <input type="hidden" name="id" value="{{$oneInfo['id']}}">
            <div class="ipt-item-2">
                <label for="">证书编号：</label>
                <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" value="{{$oneInfo['cert_number']}}" class="cert_number"  name="cert_number" required  lay-verify="required" placeholder="请输入编号" autocomplete="">
            </div>
            <div class="ipt-item-2" style=''>
                <label for="">发证单位：</label>
                <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" value="{{$oneInfo['cert_unit']}}" class="cert_unit" name="cert_unit" required  lay-verify="required" placeholder="请输入单位" autocomplete="">
            </div>
            <div class="ipt-item-2">
                <label for="">发证日期：</label>
                <input name="cert_time" value="" style='display:inline-block;padding:5px 10px;height:30px;width:170px;margin-left:10px;padding:5px 10px;' type="text" class="layui-input cert_time" id="grandDate">
                <span class='icon-data' style='position:absolute;'></span>
            </div>
            <div class="ipt-item-2" style='width:600px;'>
                <label for="">上传附件：</label>
                <input name='upload_name_enclosure' style='width:225px;display:inline-block;padding:5px 10px;height:30px;margin-left:10px;padding:5px 10px;' type="text" class="layui-input" placeholder="请上传图片格式">
                <button id="upload_img" style='background:#fff;border:1px solid #e5e5e5;color:#666;' class='layui-btn layui-btn-info'>浏览......</button>
                <img id='showImg' src="{{$oneInfo['cert_attachment']}}" alt="" style='position:absolute;right:-32px;top:0;width:120px;height:60px;'> 
                <input type="hidden" name="attach_id" value="">
                <input type="hidden" name="cert_attachment" value="">
            </div>
        </div>
        <div class='btn-box my-study-train-btn-box'>
            <button class='layui-btn layui-btn-gray'>重置</button>
            <button class='layui-btn layui-btn-normal'>确认</button>
        </div>

   
     

    </div>
</div>



@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('upload', function(){
        var upload = layui.upload;
          //执行实例
        var uploadInst = upload.render({
            elem: '#upload_img' //绑定元素
            ,url: '/api/upload' //上传接口
            ,data:{'_token':"{{csrf_token()}}"}
            ,done: function(res){
                console.log(res);
                if(res.code == 1){
                    $('#showImg').attr('src', res.data.path);
                    $('[name=attach_id]').val(res.data.id);
                     $('[name=cert_attachment]').val(res.data.path);
                    layer.msg('上传成功');
                    
                }
            }
            ,error: function(){
                //请求异常回调
            }
        });
      });
      $('.layui-btn-normal').click(function(){
        var cert_name = $('.cert_name').val();
        var cert_number   = $('.cert_number').val();
        var cert_unit   = $('.cert_unit').val();
        var cert_time   = $('.cert_time').val();
        var cert_attachment= $('[name=cert_attachment]').val();
        var attach_id   =  $('[name=attach_id]').val();
        var id   =  $('[name=id]').val();
        //var cert_attachment = $('.cert_attachment').val();
         $.ajax({
            url: '/study/addCertificate',
            type: 'post',
            data: {cert_name:cert_name, cert_number:cert_number,cert_attachment:cert_attachment,id:id,attach_id:attach_id,cert_unit:cert_unit,cert_time:cert_time ,_token:"{{csrf_token()}}"},
            dataType: "json",
            success: function(re){
                if(re.code == 1){
                    layer.msg(re.data,{time:1000},function(){
                        window.location.href = '/study/trainList';
                    });

                }else{
                    layer.msg(re.errMsg);
                }
            }
        })
       
    })
$(".layui-btn-normal").click(function(){
     $("#certform").submit(); 
});
$(".layui-btn-gray").click(function(){
    $('.cert_name').val("");//证书名称
    $('.cert_number').val("");//证书编号
    $('.cert_unit').val("");//发证单位
    $('.cert_time').val("");//发证日期
	$('input[name=upload_name_enclosure]').val("");//图片前的input
    $('#showImg').attr('src', "");//图片展示
    $('[name=attach_id]').val("");//图片ID
    $('[name=cert_attachment]').val("");//图片路径
});
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
});
layui.use('laydate', function(){
var laydate = layui.laydate;

//执行一个laydate实例
laydate.render({
    elem: '#grandDate' //指定元素
});

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