jucai/public/themes/default/views/app/jobfairout/ajax/add_person.blade.php

<style>
    .right_box{
        float: left;
    }
     .required_star{
         color: #FF0000;
         padding-right: 12px;
         height: 34px;
         line-height: 34px;
         background: url("{{ theme_asset('app/images/16.png')}}") no-repeat left center;
     }
</style>
<script type="text/javascript" src="{{ theme_asset('app/js/company/jquery.common.js') }}"></script>
<div class="show_interview_dialogs" style="width: 700px;font-size: 14px;color: #333333; padding: 10px 0px 10px 30px;">
    <form id="person_add">
        <div class="content">
            <div class="left_box"><div style="width:60%; float: left;border-right:1px dashed #888888bd">
                    <div class="content">
                        <div style="margin-bottom: 15px;line-height: 34px;">
                            <div class="td1"><span class="required_star"></span>选择联系人：</div>
                            <div class="substring">
                                <select class="input_250_34 fl check_person">
                                    <option value="0">选择联系人</option>
                                    @foreach($reserve_list as $key=>$val)
                                        <option value="{{$val->id}}" data-key="{{$key}}">{{$val->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div style="margin-bottom: 15px;line-height: 34px;">
                            <div class="td1"><span class="required_star"></span>姓名：</div>
                            <div class="substring">
                                <input name="name" id="name" type="text" class="input_245_34 fl" value="" placeholder="请输入姓名"/>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div style="margin-bottom: 15px;line-height: 34px;">
                            <div class="td1"><span class="required_star"></span>性别：</div>
                            <div class="substring">
                                <div class="radio_list J_radioitme_parent" >
                                    <div class="rli J_radioitme man" href="javascript:;" data-code="1" >男
                                    </div>
                                    <div class="rli J_radioitme woman" href="javascript:;" data-code="2" >女
                                    </div>
                                    <div class="clear"></div>
                                    <input class="J_radioitme_code" name="sex" id="sex" type="hidden" value="">
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div style="margin-bottom: 15px;line-height: 34px;">
                            <div class="td1"><span class="required_star"></span>手机：</div>
                            <div class="substring">
                                <input name="telephone" id="telephone" type="text" class="input_245_34 fl"  value="" placeholder="请输入手机号码" />
                            </div>
                            <div class="clear"></div>
                        </div>

                        <div style="margin-bottom: 15px;line-height: 34px;">
                            <div class="td1"><span class="required_star"></span>部门职务：</div>
                            <div class="substring">
                                <input name="post" maxlength="30" id="post" type="text" class="input_245_34 fl"  value="" placeholder="请输入部门职务" />
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div style="margin-bottom: 15px;line-height: 34px;">
                            <div class="td1"><span class="required_star"></span>身份证号码：</div>
                            <div class="substring">
                                <input name="idcard" maxlength="30" id="idcard" type="text" class="input_245_34 fl"  value="" placeholder="请输入身份证号码" />
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div style="margin-bottom: 15px;line-height: 34px;">
                            <div class="td1"></span>全程跟团：</div>
                            <div class="substring">
                                <div class="radio_list J_radioitme_parent" >
                                    <div class="rli J_radioitme" href="javascript:;" data-code="1" >是
                                    </div>
                                    <div class="rli J_radioitme" href="javascript:;" data-code="0" >否
                                    </div>
                                    <div class="clear"></div>
                                    <input class="J_radioitme_code" name="gentuan" id="gentuan" type="hidden" value="">
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div style="margin-bottom: 15px;line-height: 34px;">
                            <div class="td1">房间选择：</div>
                            <div class="substring">
                                <select class="input_250_34 fl" name="star">
                                    <option value="1">无（当天来回选此项）</option>
                                    <option value="2">标间（由会务组统筹安排）</option>
                                    <option value="3">单间</option>
                                </select>
                            </div>
                            <div class="clear"></div>
                        </div>

                        <div style="margin-bottom: 15px;line-height: 34px;">
                            <div class="td1">备注：</div>
                            <div class="substring">
                             <textarea name="intro" id="intro"  style="width: 250px; height: 100px;"></textarea>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
                <div class="right_box" style="width: 35%;margin-left: 10px;">
                    <h3 style="text-align: center">已添加人员信息</h3>
                    @foreach($reserve as $val)
                        <div class="check_list" style="margin-top: 10px;">
                            <input value="{{$val->id}}" type="hidden" class="reserve_id">
                            <div style="margin-left: 10px; float: left;width: 160px;">{{$val->name1}}</div>
                            <div style="float: left; cursor:pointer" class="del">删除</div>
                        </div>
                    @endforeach
                </div>
                <div class="clear"></div>
            </div>
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="jobfair_id" value="{{ $jobfair_id }}">
            <input type="hidden" name="exid" value="{{ $exid }}">
            <div class="clear"></div>
        </div>
    </form>
</div>
<script>

    $(document).off("click",".del").on('click','.del',function () {
        var id = $(this).siblings('.reserve_id').val();
        $.post("{{ route('jobfairout.ajax.person.del') }}",{id:id,_token:"{{csrf_token()}}"},function(result){
            if(result.status == 1){
                disapperTooltip('success',result.data);
                setTimeout(function(){
                    window.location.reload();
                },2000);
            }else{
                disapperTooltip('remind',result.data);
            }
        },'json').error(function(errorData) {
            if(errorData.status==400) {//业务错误
                disapperTooltip("remind", errorData.responseJSON.message);
            }
        });
    });
    $('.check_person').change(function(){
        if($(this).val() == 0){
            $('#name').val('');
            $('#sex').val('');
            $('.man').removeClass('checked');
            $('.woman').removeClass('checked');
            $('#telephone').val('');
            $('#post').val('');
            $('#idcard').val('');
        }else{
            $.get("{{ route('jobfairout.ajax.person.info') }}",{id:$(this).val()},function(result){
                if(result.status == 1){
                    var data = result.data;
                    $('#name').val(data.name);
                    $('#sex').val(data.sex);
                    if(data.sex == 1){
                        $('.man').addClass('checked');
                    }else{
                        $('.woman').addClass('checked');
                    }
                    $('#telephone').val(data.telephone);
                    $('#post').val(data.post);
                    $('#idcard').val(data.idcard);
                }else{
                    disapperTooltip('remind',result.data);
                }
            },'json');
        }
    });

</script>