jucai/public/themes/default/views/app/common/ajax/report_job.blade.php

<style type="text/css">
    .errinfo{
        margin-left:75px;
        width: 480px;
        line-height: 26px;
        color: #CC3300;
        background-color: #FFD8CE;
        border: 1px #FF9E86 solid;
        font-size: 12px;
        padding-left: 10px;
        margin-bottom: 15px;
        border-radius: 3px;
    }
    .display_none{display:none;    border: 0px #FF9E86 solid;}
</style>
<div class="report_job">
    <div class="report_job_line">
        <div class="errinfo display_none" id="report_report_type_div"></div>
        <div class="line_left">举报原因：</div>
        <div class="line_right">
            @if($type_arr)
                @foreach($type_arr as $k=>$vo)
                    <div class="reason_list_box">
                        <div data="{{$k}}" class="reason_list @if($k ==1) select @endif" >{{$vo}}</div>
                    </div>
                @endforeach
            @endif
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>

    <div class="report_job_line">
        <div class="errinfo display_none" id="report_content_div"></div>
        <div class="line_left">备注说明：</div>
        <div class="line_right">
            <textarea id="content" rows="5" placeholder="请简明扼要的阐述您的理由，以便工作人员更好的判断，经管理员核实后将奖励您{{$taskInfo->points}}积分，100字以内。(必填)"></textarea>
        </div>
        <div class="clear"></div>
    </div>

    <div class="report_job_line for_mobile">
        <div class="errinfo display_none" id="report_telephone_div"></div>
        <div class="line_left">联系电话：</div>
        <div class="line_right">
            <input class="mobile" id="telephone" type="text" placeholder="请输入您的联系电话" value="">
        </div>
        <div class="clear"></div>
    </div>
    <div class="guide_btn_group for_job txt_center">
        <input type="hidden" id="report_type" value="1">
        <div class="btn_guide">立即举报</div>
    </div>
</div>

<script type="text/javascript" src="{{theme_asset('app/js/regular.js')}}"></script>

<script type="text/javascript">
    $('.reason_list').click(function() {
        $('.reason_list').each(function(index, el) {
            $(this).removeClass('select');
        });
        $(this).addClass('select');
        $("#report_type").val($(this).attr('data'));
    });
    $("#content").keyup(function(){
        var value = $(this).val();
        var length = value.length;
        if(length>100){
            $(this).val(value.substr(0,100));
        }
    });

    $(".btn_guide").click(function(){
        var url = "{{route('jobs.report_jobs')}}";
        var report_type = $("#report_type").val();
        var jobs_id = "{{$jobs_id}}";
        var telephone = $("#telephone").val();
        var content = $("#content").val();
        if (telephone == "") {
            disapperTooltip("remind", "请填写联系电话");
            return false;
        }
        if (telephone != "" && !regularMobile.test(telephone)) {
            disapperTooltip("remind", "联系电话格式不正确");
            return false;
        }
        if (content == "") {
            disapperTooltip("remind", "请填写备注说明");
            return false;
        }
        $.post(url,{report_type:report_type,jobs_id:jobs_id,telephone:telephone,content:content,_token:"{{csrf_token()}}"},function(result){
            if(result.status==1){
                disapperTooltip('success',result.msg);
                setTimeout(function () {
                    window.location.reload();
                }, 2000);
            }else{
                disapperTooltip('remind',result.msg);
            }
        }).error(function(result) {
            if(result.status == 500 || result.status == 400){
                disapperTooltip('remind',result.responseJSON.message);
            }else if (result.status == 422) {
                var error = result.responseJSON;
                var errors = result.responseJSON.errors;
                $.each(errors,function(key,val){
                    var error_html =val.join("，");
                    $('#report_'+key+'_div').text(error_html);
                    $('#report_'+key+'_div').removeClass('display_none');
                });
            }else{
                disapperTooltip('remind','举报失败');
            }
        });
    });
</script>