jjhc
/
jucai


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619
							<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>晋江经济开发区“职鼠于你”新春招聘会报名及用工需求调查系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/buijs/lib/latest/bui.css">
    <script src="https://cdn.jsdelivr.net/npm/buijs/lib/zepto.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/buijs/lib/latest/bui.js"></script>
    <style></style>
</head>
<body>
<style>

    .page-form .bui-fluid-space-3 .span1 {
        margin-bottom: .2rem;
    }
    .selected-val {
        margin-right: .1rem;
    }
    #toptitle {
        background-color: rgba(255,255,255,0.9);
        padding: 26px 10px 12px;
        width: 100%;
        color: #1ea0fa;
    }
    #toptitle .htitle {
        font-size: 24px;
        line-height: 32px;
        font-weight: bold;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    div.formfield {
        display: block;
        padding: 10px 0 26px;
        margin: 0 10px 16px;
        clear: both;
        border-bottom: 1px dashed #ccc;
    }
    .req{
        color: red !important;
    }
    .field-label {
        position: relative;
        font-weight: bold;
        display: block;
        word-wrap: break-word;
        width: 2.3rem;
        /* overflow: hidden; */
    }
    .select_title {
        font-size: 14px;
        color: #808080;
        margin: 5px 0;
    }
    .field .select_title:nth-of-type(2) {
        margin: 6px 0 8px;
    }
    .mdivtable {
        position: relative;
        background-color: #ffffff;
        border-radius: 6px !important;
        margin: 0 !important;
        /* border: solid 1px #ebebeb !important; */
    }
    .matrix-rating {
        width: 100%;
        background: #fafafa;
        border-radius: 6px;
        overflow: hidden;
        border: solid 1px #f0f0f0;
    }
    .matrix-rating .bui-btn{
        background: #fafafa;
    }
    .matrix-rating .bui-input{
        border:1px solid #ccc;
    }
</style>
<div class="bui-page page-form">
    <main>
        <div id="toptitle">
            <h1 class="htitle" id="htitle">
                晋江经济开发区“职鼠于你”新春公益招聘会报名及用工需求调查系统</h1>
        </div>
        <div id="divDesc" class="formfield">
                <span class="description">
                    <p style="text-indent: 0.6rem">
                        2020年晋江经济开发区新春公益招聘会将于新年元宵节期间举办，为做好招聘会各项准备服务工作，请参会企业上传营业执照，填报详细、准确的用工需求信息，以精准匹配求职者，提高招聘成功率。通过审核后，将统一自动生成“聚才网www.jucai.gov.cn”帐号，实现自行修改招聘信息，选择招聘位置，发布招聘简章，查询求职者信息等功能，如有疑问可咨询庄先生（15860571126，微信同号）！谢谢您的支持与配合！
                    </p>

                </span>
        </div>

        <form id="require">
            <ul class="bui-list">
                <li class="bui-btn bui-box clearactive">
                    <label class="bui-label field-label" for="company_name"><span class='req'>*</span>公司名称</label>
                    <div class="span1">
                        <div class="bui-input user-input">
                            <input id="company_name" name="company_name" type="text" value="" placeholder="公司名称"> </div>
                    </div>
                </li>
                <li class="bui-btn bui-box" id="company_type" >
                    <label class="bui-label field-label" for="company_type"><span class='req'>*</span>公司类型</label>
                    <div class="span1">请选择公司类型</div>
                    <i class="icon-listright"></i>
                    <input name="company_type" type="hidden" value="">
                </li>

                <li class="bui-btn bui-box clearactive" id="company_trade">
                    <label class="bui-label field-label" for="company_trade"><span class='req'>*</span>所属行业</label>
                    <div class="span1">请选择所属行业</div>
                    <i class="icon-listright"></i>
                    <input name="company_trade" type="hidden" value="">
                </li>
                <li class="bui-btn bui-box clearactive">
                    <label class="bui-label field-label" for="company_desc"><span class='req'>*</span>公司简介</label>
                    <div class="span1">
                        <div class="bui-input user-input">
                            <input id="company_desc" name="company_desc" type="text" value="" placeholder="公司简介"> </div>
                    </div>
                </li>
{{--                <li class="bui-btn bui-box clearactive">--}}
{{--                    <label class="bui-label field-label" for="company_desc"><span class='req'>*</span>意向招聘时间</label>--}}
{{--                    <div class="span1">--}}
{{--                        <div class="bui-input user-input">--}}
{{--                            <input type="text" id="datepicker_input" name="time" readonly class="bui-input"> </div>--}}

{{--                    </div>--}}
{{--                    <i class="icon-listright"></i>--}}
{{--                </li>--}}
                <li class="bui-btn bui-box clearactive">
                    <label class="bui-label field-label" for="real_name"><span class='req'>*</span>联系人姓名</label>
                    <div class="span1">
                        <div class="bui-input user-input">
                            <input id="real_name" name="real_name" type="text" value="" placeholder="联系人姓名"> </div>
                    </div>
                </li>
                <li class="bui-btn bui-box clearactive">
                    <label class="bui-label field-label" for="phone"><span class='req'>*</span>联系方式</label>
                    <div class="span1">
                        <div class="bui-input user-input">
                            <input id="phone" name="phone" type="number" value="" placeholder="联系方式(手机或固话)"> </div>
                    </div>
                </li>
                <li class="bui-btn bui-box clearactive">
                    <label class="bui-label field-label" for="company_address"><span class='req'>*</span>公司地址</label>
                    <div class="span1">
                        <div class="bui-input user-input">
                            <input id="company_address" name="company_address" type="text" value="" placeholder="公司地址"> </div>
                    </div>
                </li>
            </ul>
            <h3 class="section-title field-label" style="color:#666;width:100%"><span class='req'>*</span>欲参加的招聘会场次</h3>
            <ul class="bui-list">
                <li class="bui-btn bui-box">
                    <input id="scene1" type="checkbox" class="bui-checkbox" name="scene[]" value="1" text="" >
                    <div class="span1">
                        <label for="scene1">第一场（2020年2月6日）</label>
                    </div>
                </li>
                <li class="bui-btn bui-box bui-btn-line">
                    <input id="scene2" type="checkbox" class="bui-checkbox" name="scene[]" value="2" text="">
                    <div class="span1">
                        <label for="scene2">第二场（2020年2月7日）</label>
                    </div>
                </li>
                <li class="bui-btn bui-box bui-btn-line">
                    <input id="scene3" type="checkbox" class="bui-checkbox" name="scene[]" value="3" text="">
                    <div class="span1">
                        <label for="scene3">第三场（2020年2月8日）</label>
                    </div>
                </li>
                <li class="bui-btn bui-box bui-btn-line">
                    <input id="scene4" type="checkbox" class="bui-checkbox" name="scene[]" value="4" text="">
                    <div class="span1">
                        <label for="scene4">第四场（2020年2月9日）</label>
                    </div>
                </li>
                <li class="bui-btn bui-box bui-btn-line">
                    <input id="scene5" type="checkbox" class="bui-checkbox" name="scene[]" value="5" text="">
                    <div class="span1">
                        <label for="scene5">省外场（节后，时间待通知）</label>
                    </div>
                </li>
            </ul>
            <h3 class="section-title field-label" style="color:#666">营业执照</h3>
            <div id="buiPhoto" class="bui-upload bui-fluid-space-4">
                <div class="span1">
                    <div id="btnUpload" class="bui-btn btnUpload">
                        <input type="hidden" name="license">
                        <i class="icon-plus large"></i>
                    </div>
                </div>
                <div class="span1" style="width: 75%">
                    <label id="filename" class="bui-btn" style="width: 100%;margin: 0 auto;height: 1.4rem;line-height: 1.4rem;border: none"></label>
                </div>
            </div>
            <h3 class="section-title field-label" style="color:#666;width: 100%">上传公司招聘简章，用于统一制作（请上传word或者PDF）</h3>
            <div id="buiPhoto" class="bui-upload bui-fluid-space-4">
                <div class="span1">
                    <div id="btnUpload" class="bui-btn btnUpload">
                        <input type="hidden" name="attachment">
                        <i class="icon-plus large"></i>
                    </div>
                </div>
                <div class="span1" style="width: 75%">
                    <label id="filename" class="bui-btn" style="width: 100%;margin: 0 auto;height: 1.4rem;line-height: 1.4rem;border: none"></label>
                </div>
            </div>
            <h3 class="section-title field-label" style="color:#666"><span class='req'>*</span>招聘岗位</h3>
            <ul class="bui-list field" id="job_list">
                <li class="bui-btn clearactive" >
                    <h3 class="section-title">1</h3>
                    <ul class="bui-list matrix-rating">
                        <li class="bui-btn bui-box clearactive">
                            <label class="bui-label field-label" for="job_name">岗位名称</label>
                            <div class="span1">
                                <div class="bui-input user-input">
                                    <input id="job_name" name="job_name[]" class="job_name_value" type="text" value="" placeholder="招聘岗位"> </div>
                            </div>
                        </li>
                        <li class="bui-btn bui-box clearactive" id="job_type_1" >
                            <label class="bui-label field-label" for="company_type">岗位类型</label>
                            <div>
                                <div class="bui-box ">
                                    <div class="job_name">请选择</div>
                                </div>
                            </div>
                            <input name="job_type[]" class="job_type" type="hidden" value="">
                        </li>
                        <li class="bui-btn bui-box clearactive">
                            <label class="bui-label field-label" for="job_num">招聘人数</label>
                            <div class="span1">
                                <div class="bui-input user-input">
                                    <input id="job_num" name="job_num[]" class="job_num" type="number" value="" placeholder="招聘人数"> </div>
                            </div>
                        </li>
                        <li class="bui-btn bui-box clearactive">
                            <label class="bui-label field-label" for="job_salary">薪资范围</label>
                            <div class="span1">
                                <div class="bui-input user-input">
                                    <input id="job_salary" name="job_salary[]" class="job_salary" type="text" value="" placeholder="薪资范围"> </div>
                            </div>
                        </li>
                        <li class="bui-btn bui-box clearactive">
                            <label class="bui-label field-label" for="job_desc">职位说明</label>
                            <div class="span1">
                                <div class="bui-input user-input">
                                    <textarea class="job_desc" id="job_desc" name="job_desc[]" cols="30" rows="4" placeholder="职位说明" maxlength="100"></textarea>
                                </div>
                            </div>
                        </li>

                    </ul>

                </li>
            </ul>
            <div class="container-y">
                <div class="bui-box-space">
                    <div class="span1">
                        <div class="bui-btn small add"><i class="icon-jiahao">&#xe61d;</i>增加招聘岗位</div>
                    </div>
                </div>
            </div>

            <div class="container-y">
                <div class="bui-box-space">
                    <div class="span1">
                        <div class="bui-btn round primary">提交</div>
                    </div>
                </div>
            </div>
        </form>
    </main>
</div>

<script>

    bui.ready(function(){
        var companyType = '<?php echo json_encode($companyType); ?>';
        var jobs = '<?php echo $jobs; ?>';
        var companyTrade = '<?php echo json_encode($companyTrade);?>';

        var company_type = bui.select({
            trigger: "#company_type",
            type: "radio",
            autoClose: true,
            data: eval(companyType)
        });

        var company_trade = bui.select({
            trigger: "#company_trade",
            type: "radio",
            autoClose: true,
            data: eval(companyTrade)
        });

        var uiPickerdate = bui.pickerdate({
            handle: "#datepicker_input",
            bindValue: true, // 1.5.3 新增, 修改的值会自动绑定到 handle, 不再需要自己去绑定
            // input 显示的日期格式
            formatValue: "MM-dd",
            cols:[{
                year:'none',
                hour:'none',
                minute:'none',
                second:"none"
            }],
            onChange: function(value) {},
            callback: function(e) {
                console.log(e.target)
                console.log(this.value())
            },
            min:"2020/02/01",
            max:"2020/02/22",
            value:"2020/02/09"
        });
        uiPickerdate.cols({
            hour: "none",
            minute: "none",
            second: "none"
        });

        var uiUpload = bui.upload({
            showProgress: false
        });

        $(".btnUpload").on('click',function(){
            var that = this;
            uiUpload.add({
                "onSuccess": function(val,data){
                    // 直接调用start上传图片
                    this.start({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        fileKey: 'files',
                        needNative: false,
                        url: "{{ route('mobile.spring.uploadfile') }}",
                        onSuccess: function(data) {
                            $(that).find("input").val(data.path)
                            $(that).find("i").removeClass("icon-plus");
                            $(that).find("i").removeClass("large");
                            $(that).find("i").addClass("icon-check");
                            $(that).find("i").addClass("large");
                            $(that).parent().parent().find("label").text("上传成功："+data.filename)
                        },
                        onFail: function(data) {
                            alert("上传失败")
                        },
                    })
                }
            });
        });


        var typeSelect = new Array();

        // 普通初始化
        typeSelect[1] = bui.levelselect({
            data: eval(jobs),
            title: "职业类型",
            level: 3,
            field: {
                name: "name",
                value: "id",
                data: ["child", "id"],
            },
            showValue: true,
            autoClose:true
        });


        $("#job_type_1").on("click", function() {
            typeSelect[1].show();
        });

        typeSelect[1].on("lastchange",function () {
            var values = this.value();
            $("#job_type_1").find('.job_name').text(values[2].name);
            $("#job_type_1").find('.job_type').val(values[0].value + '.' + values[1].value + '.' + values[2].value);
        });


        //增加招聘岗位
        var i = 2
        $(".add").on("click", function() {
            var str = '<li class="bui-btn clearactive" >\n' +
                '                    <h3 class="section-title">' + i + '</h3>\n' +
                '                    <ul class="bui-list matrix-rating">\n' +
                '                        <li class="bui-btn bui-box clearactive">\n' +
                '                            <label class="bui-label field-label" for="job_name">岗位名称</label>\n' +
                '                            <div class="span1">\n' +
                '                                <div class="bui-input user-input">\n' +
                '                                    <input id="job_name" name="job_name[]" class="job_name_value" type="text" value="" placeholder="招聘岗位"> </div>\n' +
                '                            </div>\n' +
                '                        </li>\n' +
                '                        <li class="bui-btn bui-box clearactive" id="job_type_' + i + '" >\n' +
                '                            <label class="bui-label field-label" for="company_type">岗位类型</label>\n' +
                '                            <div>\n' +
                '                                <div class="bui-box ">\n' +
                '                                    <div class="job_name">请选择</div>\n' +
                '                                </div>\n' +
                '                            </div>\n' +
                '                            <input name="job_type[]" class="job_type" type="hidden" value="">\n' +
                '                        </li>\n' +
                '                        <li class="bui-btn bui-box clearactive">\n' +
                '                            <label class="bui-label field-label" for="job_num">招聘人数</label>\n' +
                '                            <div class="span1">\n' +
                '                                <div class="bui-input user-input">\n' +
                '                                    <input id="job_num" name="job_num[]" class="job_num" type="number" value="" placeholder="招聘人数"> </div>\n' +
                '                            </div>\n' +
                '                        </li>\n' +
                '                        <li class="bui-btn bui-box clearactive">\n' +
                '                            <label class="bui-label field-label" for="job_salary">薪资范围</label>\n' +
                '                            <div class="span1">\n' +
                '                                <div class="bui-input user-input">\n' +
                '                                    <input id="job_salary" name="job_salary[]" class="job_salary" type="text" value="" placeholder="薪资范围"> </div>\n' +
                '                            </div>\n' +
                '                        </li>\n' +
                '                        <li class="bui-btn bui-box clearactive">\n' +
                '                            <label class="bui-label field-label" for="job_desc">职位说明</label>\n' +
                '                            <div class="span1">\n' +
                '                                <div class="bui-input user-input">\n' +
                '                                    <textarea class="job_desc" id="job_desc" name="job_desc[]" cols="30" rows="4" placeholder="职位说明" maxlength="100"></textarea>\n' +
                '                                </div>\n' +
                '                            </div>\n' +
                '                        </li>\n' +
                '\n' +
                '                    </ul>\n' +
                '\n' +
                '                </li>';

            $("#job_list").append(str);

            var index = i;

            // 普通初始化
            typeSelect[i] = bui.levelselect({
                data: eval(jobs),
                title: "职业类型",
                level: 3,
                field: {
                    name: "name",
                    value: "id",
                    data: ["child", "id"],
                },
                showValue: true,
                autoClose:true
            });

            i++;

            $("#job_type_"+index).on("click", function() {
                typeSelect[index].show();
            });

            typeSelect[index].on("lastchange",function () {
                var values = this.value();
                $("#job_type_"+index).find('.job_name').text(values[2].name);
                $("#job_type_"+index).find('.job_type').val(values[0].value + '.' + values[1].value + '.' + values[2].value);
            });
        });

        var uiLoading = bui.loading({
            width: 40,
            height: 40
        });

        $(".primary").on('click',function(){
            if($("#company_name").val() == ''){
                bui.alert('公司名称必须填写！');
                return false;
            }
            if(company_type.value() == ''){
                bui.alert('公司类型必须选择！');
                return false;
            }
            $("input[name='company_type']").val(company_type.value());

            if(company_trade.value() == ''){
                bui.alert('所属行业必须填写！');
                return false;
            }

            $("input[name='company_trade']").val(company_trade.value());

            if($("#company_desc").val() == ''){
                bui.alert('公司简介必须填写！');
                return false;
            }

            if($("#company_desc").val() == ''){
                bui.alert('公司简介必须填写！');
                return false;
            }

            if($("#datepicker_input").val() == ''){
                bui.alert('必须选择意向招聘日期');
                return false;
            }

            if($("#real_name").val() == ''){
                bui.alert('必须填写联系人姓名');
                return false;
            }

            if($("#phone").val() == ''){
                bui.alert('必须填写联系人联系方式');
                return false;
            }

            if($("#company_address").val() == ''){
                bui.alert('必须填写公司地址');
                return false;
            }
            var job_name_status = true;
            $.each($(".job_name_value"),function(index,element){
                if($(this).val() == ''){
                    job_name_status = false;
                }
            });
            if(!job_name_status){
                bui.alert('所有招聘岗位都必须填写');
                return false;
            }
            var job_type_status = true;
            $.each($(".job_type"),function(index,element){
                if($(this).val() == ''){
                    job_type_status = false;
                }
            });
            if(!job_type_status){
                bui.alert('所有岗位类型都必须选择');
                return false;
            }
            var job_num_status =true;
            $.each($(".job_num"),function(index,element){
                if($(this).val() == ''){
                    job_num_status = false;
                }
            });
            if(!job_num_status){
                bui.alert('所有招聘人数都必须填写');
                return false;
            }
            var job_salary_status =true;
            $.each($(".job_salary"),function(index,element){
                if($(this).val() == ''){
                    job_salary_status = false;
                }
            });
            if(!job_salary_status){
                bui.alert('所有招聘薪资都必须填写');
                return false;
            }
            var job_desc_status =true;
            $.each($(".job_desc"),function(index,element){
                if($(this).val() == ''){
                    job_desc_status = false;
                }
            });
            if(!job_desc_status){
                bui.alert('所有职位说明都必须填写');
                return false;
            }

            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ route('mobile.spring.enterprise') }}",
                type: 'POST',
                dataType: 'json',
                data: $("#require").serialize(),
                success: function (result) {
                    bui.alert('登记成功，谢谢您的关注与参与！',function(){
                        window.location.reload();
                    });
                },
                error: function (errorData) {
                    alert("错误代码:"+errorData.status)
                    if (errorData.status==422) {//验证错误
                        $.each(JSON.parse(errorData.response).errors,function (key,val) {
                            bui.alert(val[0]);
                            return false;
                        });
                    }
                    else if(errorData.status==400) {//业务错误
                        bui.alert(JSON.parse(errorData.response).message);
                        return false;
                    }
                }
            })

            // bui.ajax({
            //     headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            //     url: '/mobile/active/spring/enterprise',
            //     data: $("#require").serialize(),
            //     method: "POST"
            // });


            console.log($("#require").serialize());
        });

        // 修复ios 光标跟着一起滚动问题
        if (bui.platform.isIos()) {
            $("main").on("scroll", function() {
                $('input').toggleClass('focus-fixed');
            })
        }

    })

</script>
</body>
</html>