jucai/public/themes/default/views/mobile/app/ic/recruit/apply.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"></div>
            </div>
        </div>
    </div>

    <div class="list_height plist-txt qs-relative">
        <div class="pic"></div>
        <div class="tit font14">简历照片</div>
        <div class="describe font13">
            <div class="avatar">
                <img id="avatars" src="{{asset('themes/default/assets/mobile/images/no_photo_male.png')}}">
            </div>
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
        <input type="file" id="browseFile" class="browseFile">
    </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="fullname" 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="2" 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 plist-txt">
        <div class="pic"></div>
        <div class="tit font14">出生年份<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <span class="for-select"></span>
            <select id="birthdate" name="birthdate">
                <option value="">请选择</option>
                <option value="2003">2003年</option>
                <option value="2001年">2001年</option>
                <option value="2000年">2000年</option>
                <option value="1999年">1999年</option>
                <option value="1998年">1998年</option>
                <option value="1997年">1997年</option>
                <option value="1996年">1996年</option>
                <option value="1995年">1995年</option>
                <option value="1994年">1994年</option>
                <option value="1993年">1993年</option>
                <option value="1992年">1992年</option>
                <option value="1991年">1991年</option>
            </select>
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

    <div class="list_height plist-txt js-actionParent">
        <div class="pic"></div>
        <div class="tit font14">籍贯<span class="font_red_light">*</span></div>
        <div class="describe font13 qs-temp js-showActionSheet" data-type="city2" data-base="QS_city_parent" data-source="QS_city" data-multiple="false" data-num="0" data-link="false" data-level="3" data-addjob="true">
            <span class="qs-temp-txt-city2" data-otxt="">请选择</span>
            <input class="qs-temp-code-city2" name="householdaddress" id="householdaddress" type="hidden" value="">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
        <!--BEGIN actionSheet-->
        <div>
            <div class="qs-mask" style="display: none"></div>
            <div class="qs-actionsheet js-actionsheet">
                <div class="qs-actionsheet-menu">
                    <div class="con-filter">
                        <div class="f-selected-group f-selected-group-city2">
                            <div class="s-bar">
                                <div class="qs-btn qs-btn-inline qs-btn-small qs-btn-border-gray qs-left js-cancelActionSheet">取消</div>
                                <div class="clear"></div>
                            </div>
                            <div class="s-list qs-hidden"></div>
                        </div>
                        <div class="f-box f-box-city2"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="list_height plist-txt">
        <div class="pic"></div>
        <div class="tit font14">是否应届<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <span class="for-select"></span>
            <select id="birthdate" name="birthdate">
                <option value="">请选择</option>
                <option value="1">是</option>
                <option value="2">否</option>
            </select>
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>
    <div class="list_height plist-txt">
        <div class="pic"></div>
        <div class="tit font14">当前学历<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <span class="for-select"></span>
            <select id="education" name="education">
                <option value="">请选择</option>
                @foreach($category['other']['AIX_education'] as $key => $val )
                    <option value="{{ explode(',',$val)[0] }}" >{{ explode(',',$val)[1] }}</option>
                @endforeach
            </select>
        </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="school" name="school" 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 class="describe font13">
            <input type="text" id="xi" name="xi" placeholder="请输入院系"  value="">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>
    <div class="list_height plist-txt js-actionParent">
        <div class="pic"></div>
        <div class="tit font14">专业</div>
        <div class="describe font13 qs-temp-level-major js-showActionSheet" data-type="major" data-base="QS_major_parent" data-source="QS_major" data-multiple="false" data-num="0" data-link="false">
            <span class="qs-temp-txt-major" data-otxt="请选择">请选择</span>
            <input class="qs-temp-code-major" name="major" id="major" type="hidden" value="" />
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
        <!--BEGIN actionSheet-->
        <div>
            <div class="qs-mask" style="display: none"></div>
            <div class="qs-actionsheet js-actionsheet">
                <div class="qs-actionsheet-menu">
                    <div class="con-filter">
                        <div class="f-selected-group f-selected-group-major">
                            <div class="s-bar">
                                <div class="qs-btn qs-btn-inline qs-btn-small qs-btn-border-gray qs-left js-cancelActionSheet">取消</div>
                                <div class="clear"></div>
                            </div>
                            <div class="s-list qs-hidden"></div>
                        </div>
                        <div class="f-box f-box-major"></div>
                    </div>
                </div>
            </div>
        </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="ye" name="ye" 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">简历</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="btn-spacing">
        <a id="btnSave" class="qs-btn qs-btn-blue qs-btn-linear-orange bd4 font16 b-big">保存</a>
    </div>
@endsection

@section('script')
    <script src="{{ theme_asset('mobile/js/mobileBUGFix.mini.js') }}"></script>
    <script src="{{ theme_asset('mobile/js/qsCategory.js') }}"></script>
    <script src="{{ theme_asset('mobile/js/LocalResizeIMG.js') }}"></script>
    <script src="{{ theme_asset('mobile/js/nprogress.js') }}"></script>
    <script>
        var default_district = '<?php echo $defaultCity;?>';
        var str_major = '<?php echo json_encode($category['major']['first']);?>';
        var QS_major_parent = eval(str_major);
        for(var i = 0;i <QS_major_parent.length;i ++){
            QS_major_parent[i].step_size = 0;
        }
        var major = '<?php echo json_encode($category['major']['sec']);?>';
        var QS_major = eval('('+major+')');
        for(var i = 0;i <QS_major.length;i ++){
            QS_major[i].step_size = 0;
        }
        var str = '<?php echo json_encode($category['jobs']['first']);?>';
        var QS_jobs_parent = eval(str);
        for(var i = 0;i <QS_jobs_parent.length;i ++){
            QS_jobs_parent[i].step_size = 0;
        }
        var jobs = '<?php echo json_encode($category['jobs']['sec']);?>';
        var QS_jobs = eval('('+jobs+')');
        for(var i = 0;i <QS_jobs.length;i ++){
            QS_jobs[i].step_size = 0;
        }

        var district = '<?php echo json_encode($category['district']['first']);?>';
        var QS_city_parent = eval(district);
        for(var i = 0;i <QS_city_parent.length;i ++){
            QS_city_parent[i].step_size = 0;
        }
        var districts = '<?php echo json_encode($category['district']['person']);?>';
        var QS_city = eval('('+districts+')');
        for(var i = 0;i <QS_city.length;i ++){
            QS_city[i].step_size = 0;
        }
        var other = '<?php echo json_encode($category['other']['AIX_trade']);?>';
        var QS_trade = eval(other);
        for(var i = 0;i <QS_trade.length;i ++){
            QS_trade[i].step_size = 0;
        }
        $(function(){
            $(".js-showActionSheet").on("click", function(){
                var $iosActionsheet = $(this).closest('.js-actionParent').find('.js-actionsheet');
                var $iosMask = $(this).closest('.js-actionParent').find('.qs-mask');
                $iosActionsheet.removeClass('qs-actionsheet-toggle');
                $iosActionsheet.addClass('qs-actionsheet-toggle');
                $iosMask.fadeIn(200);
                $iosMask.on('click', hideActionSheet);
                $(this).closest('.js-actionParent').find('.js-cancelActionSheet').on('click', hideActionSheet);
                $(this).closest('.js-actionParent').find('.qs-actionsheet-cell').on('click', hideActionSheet);
                function hideActionSheet() {
                    $(this).closest('.js-actionParent').find('.js-actionsheet').removeClass('qs-actionsheet-toggle');
                    $(this).closest('.js-actionParent').find('.qs-mask').fadeOut(200);
                }
            });
        });
        $('#browseFile').localResizeIMG({
            width: 400,
            quality: 1,
            success: function (result) {
                var submitData={
                    pic1:result.clearBase64,
                };
                NProgress.start();
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    type: "POST",
                    url: "{{ route($sub_site.'mobile.person.upload.head') }}",
                    data: submitData,
                    dataType:"json",
                    success: function(result){
                        if(result.status == 1){
                            $('#avatars').attr('src','/storage/'+result.data);
                        }else{
                            qsToast({type:2,context:'上传失败!'});
                        }
                        NProgress.done();
                    },
                    complete :function(XMLHttpRequest, textStatus){},
                    error:function(XMLHttpRequest, textStatus, errorThrown){ //上传失败
                        qsToast({type:2,context: '头像上传失败！'});
                    }
                });
            }
        });

        $('#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);
                    }
                }
            });
        });

        $('#btnSave').click(function() {
            alert('投递成功');
            location.href = "{{route('mobile.ic.index')}}";
        });
    </script>
@endsection