jucai/public/themes/default/views/mobile/app/health/recruit/will.blade.php

@extends('mobile.module.layouts.health')
@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/personal.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('mobile/css/nprogress.css') }}" rel="stylesheet">
    <style>
        .form-item{width:100%;background-color:#FFFFFF;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
        .form-item .pic{float:left;height:100%;border-bottom:1px  #FFFFFF solid;width:.4rem;}
        .form-item .tit{float:left;height:100%;border-bottom:1px  #F2F2F2 solid;width:2.44rem;font-weight:700}
        .form-item .describe{position:relative;float:left;height:100%;border-bottom:1px #F2F2F2 solid;width:3.9rem;text-align:right;color:#999999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    </style>
@endpush

@push('js')

@endpush

@section('content')
    {{--    头部--}}
    <div class="headernavfixed">
        <div class="headernav font18">
            <div class="title">
                <div class="n-tit-box">
                    就业意向
                </div>
                <div class="return js-back for-event" data-href="{{route('mobile.health.recruit.index')}}"></div>
            </div>
        </div>
    </div>
    <form action="" id="form">
    <div class="list_height plist-txt notarrow">
        <div class="pic"></div>
        <div class="tit font14">姓名<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <input type="text" id="realname" name="realname" placeholder="请输入姓名" value="">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

    <div class="list_height plist-txt notarrow">
        <div class="pic"></div>
        <div class="tit font14">性别<span class="font_red_light">*</span></div>
        <div id="sex" class="describe font13">
            <div class="radio-group x2">
                <div class="radio-cell">
                    <label for="radio4">男</label>
                    <input id="radio4" name="sex" type="radio" value="1" title="男" checked="checked">
                </div>
                <div class="radio-cell">
                    <label for="radio5">女</label>
                    <input id="radio5" name="sex" type="radio" value="0" title="女">
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>
    <div class="list_height plist-txt notarrow">
        <div class="pic"></div>
        <div class="tit font14">联系方式<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <input type="text" id="mobile" name="mobile" placeholder="请输入联系方式"  value="">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>
    <div class="list_height form-item">
        <div class="pic"></div>
        <div class="tit font14">简历<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <span id="uploadPicButton">双击上传文件</span>
            <input type="file" id="uploadFile" accept="application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,text/plain,application/pdf" style="display: none;">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
        <input type="hidden" id="attachment" name="attachment" value="">
    </div>
    <div class="split-block"></div>
    <div class="textarea-txt">
        <textarea id="remark" name="remark" placeholder="求职意向，请简述一下岗位职责和工作业绩，可使用人单位对你了解更多！" class="font13">{{ $workEdu->achievements or '' }}</textarea>
    </div>
    <div class="bottom_txt font12">
        <div class="llt">最多可输入1000字</div>
        <div class="rlt clear-content">清空</div>
    </div>
    <div class="btn-spacing">
        <button type="submit" class="qs-btn qs-btn-blue qs-btn-linear-orange bd4 font16 b-big">保存</button>
    </div>
    </form>
@endsection

@section('script')
    <script>
        $('.clear-content').on('click',function(){
            $('#remark').val('');
        });
        $('#form').on('submit', function() {
            var data = $(this).serialize();
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ route('mobile.health.recruit.will.save') }}",
                type: 'POST',
                dataType: 'json',
                data: data,
                success : function(result){
                    if (result.status == 1) {
                        alert('提交成功');
                        location.href = "{{route('mobile.health.recruit.index')}}";
                    } else {
                        qsToast({type:2,context: result.msg});
                    }
                },
                error: function (errorData) {
                    if (errorData.status==422) {//验证错误
                        $.each(JSON.parse(errorData.response).errors,function (key,val) {
                            qsToast({type:2,context: val[0]});
                            return false;
                        });
                    }
                    else if(errorData.status==400) {//业务错误
                        qsToast({type:2,context: JSON.parse(errorData.response).message});
                        return false;
                    }
                }
            })
            return false;
        });

        $('#uploadPicButton').click(function(){
            $('#uploadFile').click();
        });
        $('#uploadFile').on('change',function(event) {
            $('#uploadPicButton').html('正在上传文件中');
            let file = this.files[0];
            let formData = new FormData();
            formData.append('files',file);
            $.ajax({
                url: "{{route('mobile.spring.uploadfile')}}",
                type: 'POST',
                data: formData,
                async: true,
                cache: false,
                contentType: false,
                processData: false,
                success: function(data) {
                    if (data.status == 0) {
                        alert(data.msg);
                        $('#uploadPicButton').html('上传失败，重新选择');
                    } else {
                        $('#uploadPicButton').html(data.filename);
                        $('#attachment').val(data.path);
                    }
                }
            });
        });
    </script>
@endsection