@extends('module.layouts.organization')
@push('meta')

@endpush

@push('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/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/lib/layui-v2.5.4/css/layui.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_user.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: 20px;
            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

@push('js')
    <script type="text/javascript" src="{{ theme_asset('app/js/company/jquery.common.js') }}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/htmlspecialchars.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/lib/layui-v2.5.4/layui.all.js')}}"></script>


@endpush

@section('content')
    <div class="user_main">
        <div class="mleft">
            @include('module.section.org_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">
                <div class="mb16">
                    <div class="modKey"><span></span>服务类型：</div>
                    <div class="modVal">
                        <div class="select_input w113 fl mr10 J_hoverinput J_dropdown J_listitme_parent" style="background: none;border:none">
                            <span class="J_listitme_text">
                                @switch(intval($serviceInfo->service_type))
                                    @case(1)
                                        管理培训
                                        @break
                                    @case(2)
                                        猎头服务
                                        @break
                                    @case(3)
                                        人力资源供应
                                        @break
                                    @case(4)
                                        其它
                                        @break
                                @endswitch
                            </span>

                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div id="content_1" class="service_content" @if($serviceInfo->service_type == 1) style="display:block" @else style="display: none" @endif>
                    <form id="training_form" action="" method="post">
                        <div class="mb16">
                            <div class="modKey"><span></span>培训内容：</div>
                            <div class="modVal">
                                <div class="fl">
                                    <input name="training_ctontents" id="training_ctontents" 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="fl">
                                    <input name="training_duration" id="training_duration" 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="fl">
                                    <input name="training_expenses" id="training_expenses" type="text" class="input_245_34 fl" value="" style="width: 193px;">
                                </div>
                            </div>
                            <div class="clear"></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="1">
                            </div>
                            <div class="clear"></div>
                        </div>
                    </form>
                </div>
                <div id="content_2" class="service_content" @if($serviceInfo->service_type == 2) style="display:block" @else style="display: none" @endif>
                    <form id="headhunter_form" action="" method="post">
                        <div class="mb16">
                            <div class="modKey"><span></span>可提供岗位：</div>
                            <div class="modVal">
                                <div class="select_input w193 fl mr10 J_hoverinput J_dropdown J_listitme_parent" id="job_select">
                                    <span class="J_listitme_text" id="job_text">
                                        请选择
                                    </span>
                                    <div class="dropdowbox8 J_dropdown_menu">
                                        <div class="dropdow_inner8">
                                            <ul class="nav_box">
                                                <li><a class="J_listitme" href="javascript:;" data-code="1">总经理/副总经理</a></li>
                                                <li><a class="J_listitme" href="javascript:;" data-code="2">人事经理</a></li>
                                                <li><a class="J_listitme" href="javascript:;" data-code="3">财务经理</a></li>
                                                <li><a class="J_listitme" href="javascript:;" data-code="4">市场经理</a></li>
                                                <li><a class="J_listitme" href="javascript:;" data-code="5">营销经理</a></li>
                                                <li><a class="J_listitme" href="javascript:;" data-code="6">产品经理</a></li>
                                                <li><a class="J_listitme" href="javascript:;" data-code="7">技术经理</a></li>
                                                <li><a class="J_listitme" href="javascript:;" data-code="8">厂长</a></li>
                                                <li><a class="J_listitme" href="javascript:;" data-code="9">生产经理</a></li>
                                                <li><a class="J_listitme" href="javascript:;" data-code="10">高级工程师</a></li>
                                                <li><a class="J_listitme" href="javascript:;" data-code="11">博士后/博士</a></li>
                                                <li><a class="J_listitme" href="javascript:;" data-code="12">工商管理高级人才</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <input class="J_listitme_code" name="job" id="job" type="hidden" value="">
                                </div>
                                <div class="w205 fl box-hide" style="width: 245px;" >
                                    <div class="fl">
                                        <input name="other_job" id="other_job" placeholder="其他可提供岗位" class="input_245_34 pdl w140" style="width: 230px" type="text"
                                               value="">
                                    </div>
                                </div>
                                <div class="jobs-customize">其他</div>
                                <input id="iscustomize" name="iscustomize" type="hidden" value="0">
                            </div>
                            <div class="clear"></div>

                        </div>
                        <div class="mb16">
                            <div class="modKey"><span></span>报价及结算方式：</div>
                            <div class="modVal">
                                <textarea name="check" id="check" placeholder="请详细输入" maxlength="2000" cols=""
                                          rows=""
                                          class="textarea_638_80 w518"></textarea>
                            </div>
                            <div class="clear"></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="2">
                            </div>
                            <div class="clear"></div>
                        </div>
                    </form>
                </div>
                <div id="content_3" class="service_content" @if($serviceInfo->service_type == 3) style="display:block" @else style="display: none" @endif>
                    <form id="services_form" action="" method="post">
                        <input type="hidden" name="_token" value="{{csrf_token()}}" />
                        <input type="hidden" name="id" value="{{$serviceInfo->id}}" />
                        <div class="group">
                            @foreach($serviceInfo['detail'] as $k => $v)
                            <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="item_val select_input select_205_34 J_hoverinput J_showmodal_trade" data-title="请选择所属行业" data-multiple="false" data-maxnum="0" data-width="682">
                                                <span title="" class="result J_resuletitle_trade">{{ $trade[$v['trade']] or '请选择所属行业' }}</span>
                                                <input class="J_resultcode_trade" type="hidden" name="trade[]" id="trade" value="{{$v['trade']}}">
                                                <div class="clear"></div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey"><span></span>工种：</div>
                                        <div class="modVal">
                                            <div class="fl">
                                                <input name="job_type[]" id="job_type" type="text" class="input_245_34 fl" value="{{$v['job_type']}}" style="width: 193px;">
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey"><span></span>所在地区：</div>
                                        <div class="modVal">
                                            <div class="fl">
                                                <input name="district[]" id="district" type="text" class="input_245_34 fl" value="{{$v['district']}}" style="width: 193px;" placeholder="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey">来晋时间：</div>
                                        <div class="modVal">
                                            <div class="fl">
                                                <input name="time[]" id="time" type="text" class="input_245_34 fl" value="{{$v['time']}}" style="width: 193px;" placeholder="若非晋江人员请填写">
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey"><span></span>员工薪酬：</div>
                                        <div class="modVal">
                                            <div class="fl">
                                                <input name="salary[]" id="salary" type="text" class="input_245_34 fl" value="{{$v['salary']}}" style="width: 193px;" placeholder="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mb16">
                                        <div class="modKey"><span></span>可提供人数：</div>
                                        <div class="modVal">
                                            <div class="fl">
                                                <input name="number[]" id="number" type="text" class="input_245_34 fl" value="{{$v['number']}}" 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">{{$v['sharetype']}}</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="check[]">{{$v['check']}}</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[]">{{$v['remark']}}</textarea>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </fieldset>
                            @endforeach
                        </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="保存服务">
                            </div>
                            <div class="clear"></div>
                        </div>
                    </form>
                </div>
                <div id="content_4" class="service_content" @if($serviceInfo->service_type == 4) style="display:block" @else style="display: none" @endif>
                    <form id="headhunter_form" action="" method="post">
                        <div class="mb16">
                            <div class="modKey"><span></span>详细描述：</div>
                            <div class="modVal">
                                <textarea name="other_service" id="other_service" placeholder="请详细输入您可以提供的服务" maxlength="2000" cols=""
                                          rows=""
                                          class="textarea_638_80 w518"></textarea>
                            </div>
                            <div class="clear"></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="4">
                            </div>
                            <div class="clear"></div>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
    <div class="clear"></div>
    </div>
@endsection
@section('script')
    <script>
        var default_district = "{{config('aix.system.site_other.site_other.district')}}";
    </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 str = '<?php echo json_encode($category['other']['AIX_trade']);?>';
        var QS_trade = eval(str);
        for(var i = 0;i <QS_trade.length;i ++){
            QS_trade[i].step_size = 0;
        }

        var str1 = '<?php echo json_encode($category['district']['first']);?>';
        var QS_city_parent = eval(str1);
        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']['sec']);?>';
        var QS_city = eval('('+districts+')');
        for(var i = 0;i <QS_city.length;i ++){
            QS_city[i].step_size = 0;
        }
        var str2 = '<?php echo json_encode($category['other']['AIX_jobtag']);?>';
        var QS_jobtag = eval(str2);
        for(var i = 0;i <QS_jobtag.length;i ++){
            QS_jobtag[i].step_size = 0;
        }

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

            var serviceType = {{$serviceInfo->service_type}};

            $(document).on('click','.service', function(e) {
                var thisCode = $(this).data('code');
                $(".service_content").css('display','none');
                $("#content_"+thisCode).css('display','block');
                serviceType = thisCode;
            });

            //其他服务类型
            $(".jobs-customize").click(function () {
                var jobsSelect = $(this).prev().prev();
                var jobsCustomize = $(this).prev();
                jobsSelect.toggleClass("box-hide");
                jobsCustomize.toggleClass("box-hide");
                if (jobsSelect.hasClass("box-hide")) {
                    $(this).text("返回选择");
                    $(this).next("[name=iscustomize]").val(1);
                    $("#job").val(0);
                } else {
                    $(this).text("其他");
                    $(this).next("[name=iscustomize]").val(0);
                    $("#job").val(-1);
                    $("#job_select .J_listitme_text").html('请选择');
                }
            });

            $(".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="item_val select_input select_205_34 J_hoverinput J_showmodal_trade" data-title="请选择所属行业" data-multiple="false" data-maxnum="0" data-width="682">\n' +
                    '                                                    <span title="" class="result J_resuletitle_trade">请选择所属行业</span>\n' +
                    '                                                    <input class="J_resultcode_trade" type="hidden" name="trade[]" id="trade" value="">\n' +
                    '                                                    <div class="clear"></div>\n' +
                    '                                                </div>\n' +
                    '\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="fl">\n' +
                    '                                                    <input name="district[]" id="district" type="text" class="input_245_34 fl" value="" style="width: 193px;" placeholder="">\n' +
                    '                                                </div>\n' +
                    '                                            </div>\n' +
                    '                                        </div>\n' +
                    '                                        <div class="mb16">\n' +
                    '                                            <div class="modKey">来晋时间：</div>\n' +
                    '                                            <div class="modVal">\n' +
                    '                                                <div class="fl">\n' +
                    '                                                    <input name="time[]" id="time" type="text" class="input_245_34 fl" value="" style="width: 193px;" placeholder="若非晋江人员请填写">\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="fl">\n' +
                    '                                                    <input name="salary[]" id="salary" type="text" class="input_245_34 fl" value="" style="width: 193px;" placeholder="">\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="number[]" id="number" 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="check[]"></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>\n' +
                    '                                </fieldset>';
                $(".group").append(html)
            });

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

            $(document).on('click','.J_showmodal_trade',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 htmlTrade = '';

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

                $('.J_modal_content').html(htmlTrade);
                $('.J_btnyes').attr('id', 'J_btnyes_trade');

                $('.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_trade").val();
                if (recoverValue.length) {
                    var recoverValueArray = recoverValue.split(',');
                    for (var i = 0; i < recoverValueArray.length; i++) {
                        $('.J_list_trade').each(function(index, el) {
                            if ($(this).data('code') == recoverValueArray[i]) {
                                $(this).prop('checked', !0);
                                $(this).closest('li').addClass('current');
                            }
                        });
                    }
                    if (multipleValue) {
                        copyTradeSelected();
                    }
                }
                var that = this;
                // 行业列表点击
                $('.J_list_trade').off().on('click', function() {
                    if (multipleValue) {
                        if ($(this).is(':checked')) {
                            $(this).closest('li').addClass('current');
                            var checkedArray = $('.J_list_trade:checked');
                            if (checkedArray.length > maxNumValue) {
                                disapperTooltip("remind", '最多选择' + maxNumValue + '个');
                                $(this).prop('checked', 0);
                                $(this).closest('li').removeClass('current');
                                return false;
                            } else {
                                copyTradeSelected();
                            }
                        } else {
                            $(this).closest('li').removeClass('current');
                            copyTradeSelected();
                        }
                    } else {
                        $(this).closest('li').addClass('current');
                        var code = $(this).data('code');
                        var title = $(this).data('title');
                        $(that).find('.J_resultcode_trade').val(code);
                        $(that).find('.J_resuletitle_trade').text(title);
                        $(that).find('.J_resuletitle_trade').attr('title', title);
                        $('.modal_backdrop').remove();
                        $('.modal').remove();
                    }
                });

                function copyTradeSelected() {
                    var htmlListed = '';
                    $('.J_list_trade:checked').each(function(index, el) {
                        var listedCode = $(this).data('code');
                        var listedTitle = $(this).data('title');
                        htmlListed += ['<div class="listed_item_parent J_listed_trade" data-code="' + listedCode + '" data-title="' + listedTitle + '">', '<a href="javascript:;" class="listed_item">', '<span>' + listedTitle + '</span><div class="del"></div>', '</a>', '</div>'].join('');
                    });
                    $('#J_listed_content').html(htmlListed);
                    if ($('.J_listed_trade').length) {
                        $('#J_listed_group').addClass('nmb');
                    } else {
                        $('#J_listed_group').removeClass('nmb');
                    }
                    $('#J_listed_group').show();
                }

                $(document).off('click','.J_listed_trade').on('click','.J_listed_trade', function() {
                    var listedValue = $(this).data('code');
                    $('.J_list_trade').each(function(index, el) {
                        if ($(this).data('code') == listedValue) {
                            $(this).prop('checked', 0);
                            $(this).closest('li').removeClass('current');
                        }
                    });
                    copyTradeSelected();
                });

                // 清空
                $('#J_listed_clear').on('click', function() {
                    $('.J_list_trade:checked').each(function(index, el) {
                        $(this).prop('checked', 0);
                        $(this).closest('li').removeClass('current');
                    });
                    copyTradeSelected();
                });

                // 确定
                $('#J_btnyes_trade').on('click', function(event) {
                    var checkedArray = $('.J_list_trade:checked');
                    var codeArray = new Array();
                    var titleArray = new Array();
                    $.each(checkedArray, function(index, val) {
                        codeArray[index] = $(this).data('code');
                        titleArray[index] = $(this).data('title');
                    });
                    $('.J_showmodal_trade .J_resultcode_trade').val(codeArray.join(','));
                    ;$('.J_showmodal_trade .J_resuletitle_trade').text(titleArray.length ? titleArray.join('+') : '不限');
                    $('.J_showmodal_trade .J_resuletitle_trade').attr('title', titleArray.length ? titleArray.join('+') : '不限');
                    removeModal();
                });
            });

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

            $(".submit").click(function(){
                switch(serviceType){
                    case 1:
                        var training_ctontents = $("#training_ctontents").val();
                        var training_duration = $("#training_duration").val();
                        var training_expenses = $("#training_expenses").val();
                        if(training_ctontents == '' || training_ctontents == null){
                            disapperTooltip("remind", "请填写培训内容");
                            return false;
                        }
                        if(training_duration == '' || training_duration == null){
                            disapperTooltip("remind", "请填写培训时长");
                            return false;
                        }
                        if(training_expenses == '' || training_expenses == null){
                            disapperTooltip("remind", "请填写培训费用");
                            return false;
                        }
                        var data = {
                            _token: "{{csrf_token()}}",
                            service_type:serviceType,
                            training_ctontents:training_ctontents,
                            training_duration:training_duration,
                            training_expenses:training_expenses
                        };
                        break;
                    case 2:
                        var iscustomize = parseInt($("#iscustomize").val());
                        var other_job = $("#other_job").val();
                        if(iscustomize && (other_job == '' || other_job == null)){
                            disapperTooltip("remind", "可提供的岗位不能为空");
                            return false;
                        }
                        var job = $("#job").val();
                        if(!iscustomize && (job == '' || job == null)){
                            disapperTooltip("remind", "可提供的岗位不能为空");
                            return false;
                        }
                        var check = $("#check").val();
                        var desc = check.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' ');
                        if(check == '' || check == null){
                            disapperTooltip("remind", "报价及结算方式不能为空");
                            return false;
                        }

                        var data = {
                            _token: "{{csrf_token()}}",
                            service_type:serviceType,
                            iscustomize:iscustomize,
                            other_job:other_job,
                            job:job,
                            check:desc
                        };
                        break;
                    case 3:
                        $("[name^='trade']").each(function(index,item){
                            if($(item).val() == '' || $(item).val() == null){
                                disapperTooltip("remind", "请将资料填写完整");
                                return false;
                            }
                        });
                        $("[name^='job_type']").each(function(index,item){
                            if($(item).val() == '' || $(item).val() == null){
                                disapperTooltip("remind", "请将资料填写完整");
                                return false;
                            }
                        });
                        $("[name^='district']").each(function(index,item){
                            if($(item).val() == '' || $(item).val() == null){
                                disapperTooltip("remind", "请将资料填写完整");
                                return false;
                            }
                        });
                        $("[name^='salary']").each(function(index,item){
                            if($(item).val() == '' || $(item).val() == null){
                                disapperTooltip("remind", "请将资料填写完整");
                                return false;
                            }
                        });
                        $("[name^='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;
                            }
                        });
                        $("#content_3 [name^='check']").each(function(index,item){
                            if($(item).val() == '' || $(item).val() == null){
                                disapperTooltip("remind", "请将资料填写完整");
                                return false;
                            }
                        });
                        var data = $("#services_form").serialize();
                        break;
                }
                $.ajax({
                    url: "{{ route('service.add') }}",
                    method: 'post',
                    dataType: 'json',
                    data: data
                }).done(function (data) {
                    if (parseInt(data.status)) {
                        disapperTooltip('success', data.msg);
                        setTimeout(function () {
                            location.href = "{{route('org.index')}}";
                        }, 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