jucai/resources/views/admin/recruit/ajax_ticket.blade.php

<form id="J_ticketWrap" enctype="multipart/form-data" class="form-horizontal" action="{{ route('recruit.create_ticket') }}" method="post">
    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
    <input type="hidden" name="recruit_id" value="{{ $recruit->id }}">
    <input type="hidden" name="ticket_type" id="ticket_type" value="pen" />
    <div class="box-body">
        <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
                @if(in_array('3',explode(',',$recruit->step)))
                <li data-ticketType="pen">
                    <a href="#tab-form-1" data-toggle="tab">
                        笔试 <i class="fa fa-exclamation-circle text-red hide"></i>
                    </a>
                </li>
                @endif
                @if(in_array('4',explode(',',$recruit->step)))
                <li data-ticketType="check">
                    <a href="#tab-form-2" data-toggle="tab">
                        上机 <i class="fa fa-exclamation-circle text-red hide"></i>
                    </a>
                </li>
                @endif
                @if(in_array('5',explode(',',$recruit->step)))
                <li data-ticketType="face">
                    <a href="#tab-form-3" data-toggle="tab">
                        面试 <i class="fa fa-exclamation-circle text-red hide"></i>
                    </a>
                </li>
                @endif
            </ul>
            <div class="tab-content fields-group">
                @if(in_array('3',explode(',',$recruit->step)))
                <div class="tab-pane" id="tab-form-1" style="width: 1000px">
                    @if($recruit->pen_ticket_type < 0)
                        <div class="notice">
                            您已设置不需要准考证，请返回招考编辑页更改设置。
                        </div>
                    @else
                        @if(empty($recruit->pen_ticket_content))
                            <div class="notice">
                                您未设置笔试准考证模板，请联系技术人员上传。
                            </div>
                        @else
                            @if($recruit->pen_ticket_status > 0)
                                <div class="notice">
                                    笔试准考证正在生成中或已生成，暂不允许操作，有疑问请联系技术人员。
                                </div>
                            @else
                                <div class="tips">
                                    <p>
                                        1.生成准考证前您可以下载已经上传的模板，确认是否有误！
                                    </p>
                                    <p>
                                        2.生成准考证的模板变量包括：（{{ $recruit->pen_ticket_field }}），非ex开头的将自动抓取报名表里面的数据。
                                    </p>
                                    <p>
                                        3.最终生成的准考证为pdf格式。
                                    </p>
                                    <p>
                                        4.该生成操作目前不可逆，请谨慎操作。
                                    </p>
                                    <p>
                                        5.自动生成准考证仅能从准考证号、考室号、座位号三个进行生成，其余字段请确保模板中已存在。
                                    </p>
                                    <p>
                                        6.<a href="{{ route('recruit.ticket_data_template',['recruit_id' => $recruit->id,'type' => 'pen']) }}" target="_blank">点我下载</a>准考证导入信息模板。
                                    </p>
                                    <p>
                                        7.每间考场人数的设置仅在选择自动生成模式时有效。
                                    </p>
                                </div>
                                <div class="form-group">
                                    <label for="type" class="col-sm-2 astrisk control-label">准考证生成方式：</label>
                                    <div class="col-sm-8">
                                        <label class="radio-inline">
                                            <input type="radio" name="pen[type]" value="0" data-ref="pen" class="minimal type" style="position: absolute; opacity: 0;">&nbsp;不需要数据&nbsp;&nbsp;
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="pen[type]" value="1" data-ref="pen" class="minimal type" checked="" style="position: absolute; opacity: 0;">&nbsp;自动生成&nbsp;&nbsp;
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="pen[type]" value="2" data-ref="pen" class="minimal type" style="position: absolute; opacity: 0;">&nbsp;模板上传&nbsp;&nbsp;
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group  ">
                                    <label for="apply_start" class="col-sm-2 astrisk control-label">打印时间段</label>
                                    <div class="col-sm-8">
                                        <div class="row" style="width: 470px">
                                            <div class="col-lg-6">
                                                <div class="input-group">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    <input type="text" name="pen[ex_start]" value="" class="form-control ex_start" style="width: 200px"></div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="input-group">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    <input type="text" name="pen[ex_end]" value="" class="form-control ex_end" style="width: 200px"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="pen_autoCreate">
                                    <div class="form-group">
                                        <label for="auto_each_number" class="col-sm-2 control-label">每间考场人数</label>
                                        <div class="col-sm-5">
                                            <div class="input-group">
                                                <span class="input-group-addon"><i class="fa fa-pencil fa-fw"></i></span>
                                                <input type="text" id="auto_each_number" name="pen[auto_each_number]" value="35" class="form-control auto_each_number" placeholder="输入每间考场人数">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="pen_fetchCreate" style="display: none">
                                    <div class="form-group  ">
                                        <label for="test" class="col-sm-2  control-label">准考证数据</label>
                                        <div class="col-sm-8">
                                            <div class="file-input file-input-new">
                                                <input type="file" name="pen[data]" />
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            @endif
                        @endif
                    @endif
                </div>
                @endif
                @if(in_array('4',explode(',',$recruit->step)))
                <div class="tab-pane" id="tab-form-2">
{{--                    todo--}}
                </div>
                @endif
                @if(in_array('5',explode(',',$recruit->step)))
                <div class="tab-pane" id="tab-form-3" style="width: 1000px">
                    @if($recruit->face_ticket_type < 0)
                        <div class="notice">
                            您已设置不需要准考证，请返回招考编辑页更改设置。
                        </div>
                    @else
                        @if(empty($recruit->face_ticket_content))
                            <div class="notice">
                                您未设置面试准考证模板，请联系技术人员上传。
                            </div>
                        @else
                            @if($recruit->face_ticket_status > 0)
                                <div class="notice">
                                    面试准考证正在生成中或已生成，暂不允许操作，有疑问请联系技术人员。
                                </div>
                            @else
                                <div class="tips">
                                    <p>
                                        1.生成准考证前您可以下载已经上传的模板，确认是否有误！
                                    </p>
                                    <p>
                                        2.生成准考证的模板变量包括：（{{ $recruit->face_ticket_field }}），非ex开头的将自动抓取报名表里面的数据。
                                    </p>
                                    <p>
                                        3.最终生成的准考证为pdf格式。
                                    </p>
                                    <p>
                                        4.该生成操作目前不可逆，请谨慎操作。
                                    </p>
                                    <p>
                                        5.自动生成准考证仅能从准考证号、考室号、座位号三个进行生成，其余字段请确保模板中已存在。
                                    </p>
                                    <p>
                                        6.<a href="{{ route('recruit.ticket_data_template',['recruit_id' => $recruit->id,'type' => 'face']) }}" target="_blank">点我下载</a>准考证导入信息模板。
                                    </p>
                                    <p>
                                        7.每间考场人数的设置仅在选择自动生成模式时有效。
                                    </p>
                                </div>
                                <div class="form-group">
                                    <label for="type" class="col-sm-2 astrisk control-label">准考证生成方式：</label>
                                    <div class="col-sm-8">
                                        <label class="radio-inline">
                                            <input type="radio" name="face[type]" value="0" data-ref="face" class="minimal type" checked="" style="position: absolute; opacity: 0;">&nbsp;不需要准考证&nbsp;&nbsp;
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="face[type]" value="1" data-ref="face" class="minimal type" style="position: absolute; opacity: 0;">&nbsp;自动生成&nbsp;&nbsp;
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="face[type]" value="2" data-ref="face" class="minimal type" style="position: absolute; opacity: 0;">&nbsp;模板上传&nbsp;&nbsp;
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group  ">
                                    <label for="apply_start" class="col-sm-2 astrisk control-label">打印时间段</label>
                                    <div class="col-sm-8">
                                        <div class="row" style="width: 470px">
                                            <div class="col-lg-6">
                                                <div class="input-group">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    <input type="text" name="face[ex_start]" value="" class="form-control ex_start" style="width: 200px"></div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="input-group">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    <input type="text" name="face[ex_end]" value="" class="form-control ex_end" style="width: 200px"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="face_autoCreate" style="display: none">
                                    <div class="form-group">
                                        <label for="auto_each_number" class="col-sm-2 control-label">每间考场人数</label>
                                        <div class="col-sm-5">
                                            <div class="input-group">
                                                <span class="input-group-addon"><i class="fa fa-pencil fa-fw"></i></span>
                                                <input type="text" id="auto_each_number" name="face[auto_each_number]" value="35" class="form-control auto_each_number" placeholder="输入每间考场人数">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="face_fetchCreate" style="display: none">
                                    <div class="form-group  ">
                                        <label for="test" class="col-sm-2  control-label">准考证数据</label>
                                        <div class="col-sm-8">
                                            <div class="file-input file-input-new">
                                                <input type="file" name="face[data]" />
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            @endif
                        @endif
                    @endif
                </div>
                @endif
            </div>
        </div>
    </div>
</form>
<link rel="stylesheet" href="/vendor/laravel-admin/AdminLTE/plugins/iCheck/all.css">
<link rel="stylesheet" href="/vendor/laravel-admin/bootstrap-fileinput/css/fileinput.min.css">
<script src="/vendor/laravel-admin/AdminLTE/plugins/iCheck/icheck.min.js"></script>
<script src="/vendor/laravel-admin/bootstrap-fileinput/js/plugins/canvas-to-blob.min.js"></script>
<script src="/vendor/laravel-admin/bootstrap-fileinput/js/fileinput.min.js"></script>
<style>
    p{
        text-indent: 20px;
    }
    .notice{
        text-align: center;
        line-height: 80px;
        color: #404446;
        font-size: 22px;
    }
</style>
<script>
    $(function(){
        $(".nav-tabs li").click(function(){
            $("#ticket_type").val($(this).attr("data-ticketType"));
        })
        $(".nav-tabs").find('li:first-child').addClass('active');
        $(".tab-content").find('div:first-child').addClass('active');
        $('.type').iCheck({radioClass:'iradio_minimal-blue'});
        $('.type').on('ifChecked',function(e){
            var type = $(this).data('ref');
            if($(this).val() == 1){
                $("#"+ type +"_autoCreate").css('display','block');
                $("#"+ type +"_fetchCreate").css('display','none');
            }else if($(this).val() == 2){
                $("#"+ type +"_autoCreate").css('display','none');
                $("#"+ type +"_fetchCreate").css('display','block');
            } else if($(this).val() == 0) {
                $("#"+ type +"_autoCreate").css('display','none');
                $("#"+ type +"_fetchCreate").css('display','none');
            }
        });

        $('.ex_start').datetimepicker({"format":"YYYY-MM-DD HH:mm:ss","locale":"zh-CN"});
        $('.ex_end').datetimepicker({"format":"YYYY-MM-DD HH:mm:ss","locale":"zh-CN","useCurrent":false});
        $(".ex_start").on("dp.change", function (e) {
            $('.ex_end').data("DateTimePicker").minDate(e.date);
        });
        $(".ex_end").on("dp.change", function (e) {
            $('.ex_start').data("DateTimePicker").maxDate(e.date);
        });
    });
</script>