jucai/public/themes/default/views/jkq/company/company_dispensing.blade.php

@extends('jkq.module.layouts.company')
@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" type="text/css" href="{{theme_asset('app/css/company/company_jobs.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{theme_asset('app/css/jobmoney.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_ajax_dialog.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/organization/common.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{theme_asset('app/css/organization/organization_service.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/lib/layui-v2.5.4/css/layui.css')}}"/>
    <style>
        .bootstrap-elem-field{
            margin-bottom: 10px;
            padding: 0;
            border-width: 1px;
            border-style: solid;
            border-color: #e6e6e6;
            padding: 10px 0;
            position: relative;
        }
        .bootstrap-elem-field legend {
            margin-left: 20px;
            padding: 0 10px;
            font-size: 14px;
            font-weight: 300;
            border-bottom:none;
            width: auto;
        }
        .close{
            position: absolute;
            width: 30px;
            height: 30px;
            top: -5px;
            right: -15px;
            background: url("{{ theme_asset('app/images/252.png') }}") no-repeat;
            background-size: contain;
            cursor: pointer;
        }
    </style>
@endpush

@section('content')
    <div class="user_main">
        <div class="mleft">
            @include('jkq.module.section.square_left')
        </div>
        <div class="mright">
            <div class="user_pagetitle">
                <div class="pat_l">发布调剂需求</div>
                <div class="clear"></div>
            </div>
            <div class="modTitle">信息登记</div>
                <div class="mod J_focus">
                    <form id="services_form" action="" method="post">
                        <input type="hidden" name="_token" value="{{csrf_token()}}" />
                        <div class="group">
                            <fieldset class="bootstrap-elem-field">
                                <legend>人员信息组</legend>
                                <div class="bootstrap-field-box">
                                    <div class="mb16">
                                        <div class="modKey"><span></span>需求岗位：</div>
                                        <div class="modVal">
                                            <div class="fl">
                                                <input name="job_name[]" id="job_type" type="text" class="input_245_34 fl" value="" style="width: 193px;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey"><span></span>需求人数：</div>
                                        <div class="modVal">
                                            <div class="fl">
                                                <input name="job_number[]" id="job_type" type="text" class="input_245_34 fl" value="" style="width: 193px;">
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey"><span></span>共享方式：</div>
                                        <div class="modVal">
                                            <div class="item_val select_input_multi select_245_34 w518 J_hoverinput J_showmodal_shareType" data-maxnum="4" data-title=""  data-multiple="true" data-width="582">
                                                <span title="" class="result J_resuletitle_jobtag"></span>
                                                <input class="J_resultcode_shareType" type="hidden" name="sharetype[]" id="sharetype" value="">
                                                <div class="clear"></div>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey"><span></span>费用结算说明：</div>
                                        <div class="modVal">
                                            <textarea class="textarea_438_34 w518" rows="" placeholder="请输入费用结算说明" cols="" maxlength="2000" name="fee[]"></textarea>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey"><span></span>人员要求说明：</div>
                                        <div class="modVal">
                                            <textarea class="textarea_438_34 w518" rows="" placeholder="请输入人员要求说明" cols="" maxlength="2000" name="require[]"></textarea>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey"><span></span>合作周期：</div>
                                        <div class="modVal">
                                            <textarea class="textarea_438_34 w518" rows="" placeholder="请输入合作周期说明" cols="" maxlength="2000" name="period[]"></textarea>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey"><span></span>人员保障：</div>
                                        <div class="modVal">
                                            <textarea class="textarea_438_34 w518" rows="" placeholder="请输入人员保障" cols="" maxlength="2000" name="safe[]"></textarea>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey">其他备注：</div>
                                        <div class="modVal">
                                            <textarea class="textarea_438_34 w518" rows="" placeholder="请输入其他备注" cols="" maxlength="2000" name="remark[]"></textarea>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey">信息公开：</div>
                                        <div class="modVal" style="padding: 8px 0">
                                            <label class="for-radio privacy-radio"><input name="switch[]" type="radio" value="1" checked="checked">公开&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                            <label class="for-radio privacy-radio"><input name="switch[]" type="radio" value="0">保密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                        </div>
                                        <div class="fl" style="padding: 8px 0;color: #c9444f">公开信息对接机构将直接联系到您，反之将由平台运营方协助对接</div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                        <div class="btnbox" style="padding: 10px 0;text-align: center">
                            <div class="btn_yellow J_hoverbut btn_add" >
                                增加需求
                            </div>
                        </div>
                        <div class="mb16">
                            <div class="modKey">&nbsp;</div>
                            <div class="modVal">
                                <input type="button" id="J_release" class="btn_blue J_hoverbut btn_80_38 w140 submit"
                                       value="发布需求">
                                <input type="hidden" name="service_type" value="3">
                            </div>
                            <div class="clear"></div>
                        </div>
                    </form>

                </div>

            </div>


        </div>
        <div class="clear"></div>
    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.listitem.js') }}"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={{ subsite_config('aix.system.map.map.map_ak') }}&s=1"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/company/jquery.baidumap.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.dropdown.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/emailAutoComplete.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/aix.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/regular.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/ajaxfileupload.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.user.city.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/company/jquery.common.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.allselected.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{theme_asset('app/lib/layui-v2.5.4/layui.all.js')}}"></script>
    <script type="text/javascript">
        var QS_shareType = new Array();
        QS_shareType.push('1,小时工');
        QS_shareType.push('2,劳务派遣');
        QS_shareType.push('3,委托招聘');
        QS_shareType.push('4,服务外包');
        QS_shareType.push('5,其它');
        $(document).ready(function () {
            var backdropLayerTpl = '<div class="modal_backdrop fade"></div>';
            var htmlLayerTpl = ['<div class="modal">', '<div class="modal_dialog">', '<div class="modal_content pie_about">', '<div class="modal_header">', '<span class="title J_modal_title"></span>', '<span class="max_remind J_modal_max"></span>', '<a href="javascript:;" class="close J_dismiss_modal"></a>', '</div>', '<div class="modal_body">', '<div class="listed_group" id="J_listed_group">', '<div class="left_text">已选择：</div>', '<div class="center_text" id="J_listed_content"></div>', '<a href="javascript:;" class="right_text" id="J_listed_clear">清空</a>', '<div class="clear"></div>', '</div>', '<div class="J_modal_content"></div>', '</div>', '<div class="modal_footer">', '<div class="res_add_but">', '<div class="butlist">', '<div class="btn_blue J_hoverbut btn_100_38 J_btnyes">确 定</div>', '</div>', '<div class="butlist">', '<div class="btn_lightgray J_hoverbut btn_100_38 J_dismiss_modal J_btncancel">取 消</div>', '</div>', '<div class="clear"></div>', '</div>', '</div>', '<input type="hidden" class="J_btnload" />', '</div>', '</div>', '</div>'].join('');

            $(".btn_add").click(function(){
                var html = '<fieldset class="bootstrap-elem-field">\n' +
                    '                                <legend>人员信息组</legend>\n' +
                    '                                <div class="close"></div>\n' +
                    '                                <div class="bootstrap-field-box">\n' +
                    '                                    <div class="mb16">\n' +
                    '                                        <div class="modKey"><span></span>需求岗位：</div>\n' +
                    '                                        <div class="modVal">\n' +
                    '                                            <div class="fl">\n' +
                    '                                                <input name="job_type[]" id="job_type" type="text" class="input_245_34 fl" value="" style="width: 193px;">\n' +
                    '                                            </div>\n' +
                    '                                        </div>\n' +
                    '                                    </div>\n' +
                    '                                    <div class="mb16">\n' +
                    '                                        <div class="modKey"><span></span>需求人数：</div>\n' +
                    '                                        <div class="modVal">\n' +
                    '                                            <div class="fl">\n' +
                    '                                                <input name="job_type[]" id="job_type" type="text" class="input_245_34 fl" value="" style="width: 193px;">\n' +
                    '                                            </div>\n' +
                    '                                        </div>\n' +
                    '                                        <div class="clear"></div>\n' +
                    '                                    </div>\n' +
                    '                                    <div class="mb16">\n' +
                    '                                        <div class="modKey"><span></span>共享方式：</div>\n' +
                    '                                        <div class="modVal">\n' +
                    '                                            <div class="item_val select_input_multi select_245_34 w518 J_hoverinput J_showmodal_shareType" data-maxnum="4" data-title=""  data-multiple="true" data-width="582">\n' +
                    '                                                <span title="" class="result J_resuletitle_jobtag"></span>\n' +
                    '                                                <input class="J_resultcode_shareType" type="hidden" name="sharetype[]" id="sharetype" value="">\n' +
                    '                                                <div class="clear"></div>\n' +
                    '                                            </div>\n' +
                    '                                        </div>\n' +
                    '                                        <div class="clear"></div>\n' +
                    '                                    </div>\n' +
                    '                                    <div class="mb16">\n' +
                    '                                        <div class="modKey"><span></span>费用结算说明：</div>\n' +
                    '                                        <div class="modVal">\n' +
                    '                                            <textarea class="textarea_438_34 w518" rows="" placeholder="请输入费用结算说明" cols="" maxlength="2000" name="fee[]"></textarea>\n' +
                    '                                        </div>\n' +
                    '                                        <div class="clear"></div>\n' +
                    '                                    </div>\n' +
                    '                                    <div class="mb16">\n' +
                    '                                        <div class="modKey"><span></span>人员要求说明：</div>\n' +
                    '                                        <div class="modVal">\n' +
                    '                                            <textarea class="textarea_438_34 w518" rows="" placeholder="请输入人员要求说明" cols="" maxlength="2000" name="require[]"></textarea>\n' +
                    '                                        </div>\n' +
                    '                                        <div class="clear"></div>\n' +
                    '                                    </div>\n' +
                    '                                    <div class="mb16">\n' +
                    '                                        <div class="modKey"><span></span>合作周期：</div>\n' +
                    '                                        <div class="modVal">\n' +
                    '                                            <textarea class="textarea_438_34 w518" rows="" placeholder="请输入合作周期说明" cols="" maxlength="2000" name="period[]"></textarea>\n' +
                    '                                        </div>\n' +
                    '                                        <div class="clear"></div>\n' +
                    '                                    </div>\n' +
                    '                                    <div class="mb16">\n' +
                    '                                        <div class="modKey"><span></span>人员保障：</div>\n' +
                    '                                        <div class="modVal">\n' +
                    '                                            <textarea class="textarea_438_34 w518" rows="" placeholder="请输入人员保障" cols="" maxlength="2000" name="safe[]"></textarea>\n' +
                    '                                        </div>\n' +
                    '                                        <div class="clear"></div>\n' +
                    '                                    </div>\n' +
                    '                                    <div class="mb16">\n' +
                    '                                        <div class="modKey">其他备注：</div>\n' +
                    '                                        <div class="modVal">\n' +
                    '                                            <textarea class="textarea_438_34 w518" rows="" placeholder="请输入其他备注" cols="" maxlength="2000" name="remark[]"></textarea>\n' +
                    '                                        </div>\n' +
                    '                                        <div class="clear"></div>\n' +
                    '                                    </div>\n' +
                    '                                    <div class="mb16">\n' +
                    '                                        <div class="modKey">信息公开：</div>\n' +
                    '                                        <div class="modVal" style="padding: 8px 0">\n' +
                    '                                            <label class="for-radio privacy-radio"><input name="switch[]" type="radio" value="1" checked="checked">公开&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>\n' +
                    '                                            <label class="for-radio privacy-radio"><input name="switch[]" type="radio" value="0">保密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>\n' +
                    '                                        </div>\n' +
                    '                                        <div class="fl" style="padding: 8px 0;color: #c9444f">公开信息对接机构将直接联系到您，反之将由我司进行居中对接</div>\n' +
                    '                                        <div class="clear"></div>\n' +
                    '                                    </div>\n' +
                    '                                </div>\n' +
                    '                            </fieldset>';
                $(".group").append(html)
            });

            $(document).on('click','.J_showmodal_shareType',function(){
                var titleValue = $(this).data('title');
                var multipleValue = eval($(this).data('multiple'));
                var maxNumValue = eval($(this).data('maxnum'));
                var widthValue = eval($(this).data('width'));
                var htmlJobtag = '';

                if (QS_shareType) {
                    htmlJobtag += '<div class="modal_body_box modal_body_box4">';
                    for (var i = 0; i < QS_shareType.length; i++) {
                        if (QS_shareType[i].split(',')) {
                            var iArray = QS_shareType[i].split(',');
                            htmlJobtag += ['<ul class="list_nav">', '<li>', '<label>', '<input class="J_list_shareType" type="checkbox" data-code="' + iArray[0] + '" data-title="' + iArray[1] + '"> ', '' + iArray[1] + '</label>', '</li>', '</ul>'].join('');
                        }
                    }
                    htmlJobtag += '<div class="clear"></div>';
                    htmlJobtag += '</div>';
                }
                prepareModal(titleValue, multipleValue, maxNumValue);

                $('.J_modal_content').html(htmlJobtag);
                $('.J_btnyes').attr('id', 'J_btnyes_jobtag');

                $('.modal_dialog').css({
                    width: widthValue + 'px',
                    left: ($(window).width() - widthValue) / 2,
                    top: ($(window).height() - $('.modal_dialog').outerHeight()) / 2 + $(document).scrollTop()
                });

                $('.modal_backdrop').addClass('in');

                var recoverValue = $(this).find('.J_resultcode_shareType').val();
                if (recoverValue.length) {
                    var recoverValueArray = recoverValue.split(',');
                    for (var i = 0; i < recoverValueArray.length; i++) {
                        $('.J_list_shareType').each(function(index, el) {
                            if ($(this).data('code') == recoverValueArray[i]) {
                                $(this).prop('checked', !0);
                            }
                        });
                    }
                }
                var that = this;
                $('.J_list_shareType').on('click', function() {
                    if (multipleValue) {
                        var checkedArray = $('.J_list_shareType:checked');
                        if ($(this).is(':checked')) {
                            if (checkedArray.length > maxNumValue) {
                                disapperTooltip("remind", '最多选择' + maxNumValue + '个');
                                $(this).prop('checked', 0);
                                $(this).closest('li').removeClass('current');
                                return false;
                            }
                        } else {
                            $('.J_list_shareType').not(':checked').prop('disabled', 0);
                        }
                    } else {
                        var code = $(this).data('code');
                        var title = $(this).data('title');
                        $(that).find('.J_resultcode_shareType').val(code);
                        $(that).find('.J_resuletitle_jobtag').text(title);
                        $(that).find('.J_resuletitle_jobtag').attr('title', title);
                        $('.modal_backdrop').remove();
                        $('.modal').remove();
                    }
                });

                $('.J_btnyes').on('click', function(event) {
                    console.log($(that))
                    var checkedArray = $('.J_list_shareType:checked');
                    var codeArray = new Array();
                    var titleArray = new Array();
                    $.each(checkedArray, function(index, val) {
                        codeArray[index] = $(this).data('code');
                        titleArray[index] = $(this).data('title');
                    });
                    $(that).find('.J_resultcode_shareType').val(codeArray.join(','));
                    $(that).find('.J_resuletitle_jobtag').text(titleArray.length ? titleArray.join('+') : '请选择');
                    $(that).find('.J_resuletitle_jobtag').attr('title', titleArray.length ? titleArray.join('+') : '请选择');
                    removeModal();
                });
            });

            function prepareModal(titleValue, multipleValue, maxNumValue) {
                var ie = !-[1, ];
                var ie6 = !-[1, ] && !window.XMLHttpRequest;
                $(backdropLayerTpl).appendTo($(document.body));
                if (ie6) {
                    $('.modal_backdrop').css("height", $(document).height());
                }
                $(htmlLayerTpl).appendTo($(document.body));

                $('.J_modal_title').text(titleValue);
                if (multipleValue) {
                    $('.J_modal_max').text('（最多选择' + maxNumValue + '个）');
                }
                if (!multipleValue) {
                    $('.modal_footer').hide();
                }
                $(".J_hoverbut").hover(function() {
                    $(this).addClass("hover");
                }, function() {
                    $(this).removeClass("hover");
                });

                // 可拖动
                var newObj = $('.modal_dialog');
                var newTit = newObj.find(".modal_header");

                newTit.mousedown(function(e) {
                    var offset = newObj.offset();
                    var x = e.pageX - offset.left;
                    var y = e.pageY - offset.top;
                    $(document).bind('mousemove', function(ev) {
                        newObj.bind('selectstart', function() {
                            return false;
                        });
                        var newx = ev.pageX - x;
                        var newy = ev.pageY - y;
                        newObj.css({
                            'left': newx + "px",
                            'top': newy + "px"
                        });
                    });
                });

                $(document).mouseup(function() {
                    $(this).unbind("mousemove");
                })

                if (ie) {
                    if (window.PIE) {
                        $('.pie_about').each(function() {
                            PIE.attach(this);
                        });
                    }
                }
            }

            function removeModal() {
                setTimeout(function() {
                    $('.modal_backdrop').remove();
                    $('.modal').remove();
                }, 50)
            }

            $(document).on('click','.close',function(e){
                $(this).parent().remove()
            });

            $(".submit").click(function(){

                $("[name^='job_name']").each(function(index,item){
                    if($(item).val() == '' || $(item).val() == null){
                        disapperTooltip("remind", "请将资料填写完整");
                        return false;
                    }
                });
                $("[name^='job_number']").each(function(index,item){
                    if($(item).val() == '' || $(item).val() == null){
                        disapperTooltip("remind", "请将资料填写完整");
                        return false;
                    }
                });
                $("[name^='sharetype']").each(function(index,item){
                    if($(item).val() == '' || $(item).val() == null){
                        disapperTooltip("remind", "请将资料填写完整");
                        return false;
                    }
                });
                $("[name^='fee']").each(function(index,item){
                    if($(item).val() == '' || $(item).val() == null){
                        disapperTooltip("remind", "请将资料填写完整");
                        return false;
                    }
                });
                $("[name^='period']").each(function(index,item){
                    if($(item).val() == '' || $(item).val() == null){
                        disapperTooltip("remind", "请将资料填写完整");
                        return false;
                    }
                });
                $("[name^='safe']").each(function(index,item){
                    if($(item).val() == '' || $(item).val() == null){
                        disapperTooltip("remind", "请将资料填写完整");
                        return false;
                    }
                });
                $("[name^='switch']").each(function(index,item){
                    if($(item).val() == '' || $(item).val() == null){
                        disapperTooltip("remind", "请将资料填写完整");
                        return false;
                    }
                });
                var data = $("#services_form").serialize();

                $.ajax({
                    url: "{{ route('jkq.com.dispensing.add') }}",
                    method: 'post',
                    dataType: 'json',
                    data: data
                }).done(function (data) {
                    if (parseInt(data.status)) {
                        disapperTooltip('success', data.msg);
                        setTimeout(function () {
                            location.href = "{{route('jkq.com.dispensing')}}";
                        }, 2000);
                    } else {
                        //$('#J_release').val($('#J_release').data('title')).removeClass('btn_disabled').prop('disabled', 0);
                        disapperTooltip("remind", data.msg);
                    }
                }).fail(function (errorData) {
                    //$('#J_release').val($('#J_release').data('title')).removeClass('btn_disabled').prop('disabled', 0);
                    if (errorData.status == 422) {//验证错误
                        $.each(errorData.responseJSON.errors, function (key, val) {
                            disapperTooltip("remind", val[0]);
                        });
                    } else if (errorData.status == 400) {//业务错误
                        disapperTooltip('remind', errorData.responseJSON.message);
                    }
                });

            });

        });
    </script>
@endsection