jucai/resources/views/admin/content/buy_house_blacklist.blade.php

{!! $grid->render() !!}
<style>
    p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
    p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
</style>
<div class="modal fade" id="audit" tabindex="-1" role="dialog" aria-labelledby="ModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel12">拉黑</h4>
            </div>
            <div class="modal-body">
                <div class="modal-body">
                    <form method="post" action="{{admin_base_path('content/buy_house_blacklist/status')}}" id="auditForm" class="form-horizontal" accept-charset="UTF-8" pjax-container="1" id="dialog-form-5cc19c85d0a5f">
                        <div class="box-body fields-group">
                            <div class="form-group  ">
                                <label for="audit1" class="col-sm-4  control-label">拉黑截至时间</label>
                                <div class="col-sm-6">
                                    <input type="text" name="end_time" required class="form-control" value="" id="datetimepicker" placeholder="请选择时间">
                                </div>
                            </div>
                            <div class="form-group  ">
                                <label for="reason" class="col-sm-2  control-label">备注</label>
                                <div class="col-sm-8">
                                    <textarea name="comment" class="form-control" rows="5" placeholder="输入备注"></textarea>
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="status" value="2">
                        <input type="hidden" name="id" id="id" value="" />
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" id="dialog-submit-5cc19c85d0a5f" class="btn btn-primary" data-loading-text="提交中..."><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>确认</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    this.vtip = function() {
        this.xOffset = -10; // x distance from mouse
        this.yOffset = 15; // y distance from mouse
        $(".vtip").unbind().hover(
            function(e) {
                this.t = $(this).attr("title");
                this.title = '';
                this.top = (e.pageY + yOffset);
                this.left = (e.pageX + xOffset);
                $('body').css("cursor","help");
                $('p#vtip').width()>450?$('p#vtip').width(450):'';
                $('body').append( '<p id="vtip">' + this.t + '</p>' );
                $('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn(0);
            },
            function() {
                this.title = this.t;
                $('body').css("cursor","");
                $("p#vtip").fadeOut("slow").remove();
            }
        ).mousemove(
            function(e) {
                this.top = (e.pageY + yOffset);
                this.left = (e.pageX + xOffset);
                $("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
            }
        );

    };

    $(document).ready(function() {
        vtip();
        $('select[name="parent_id"]').parent().parent().attr('id','parent_id_div');
        $('select[name="type_id"]').parent().parent().attr('id','type_id_div');
        $('#parent_id_div select[name="parent_id"]').change(function(){
            if($(this).val() ==''){
                $('#type_id_div').css('display','none');
                $('select[name="type_id"]').val('');
            }else{
                $('#type_id_div').css('display','block');
            }
        });

        var parent_id = $('#parent_id_div select[name="parent_id"]').val();
        if(parent_id ==''){
            $('#type_id_div').css('display','none');
        }else{
            $('#type_id_div').css('display','block');
        }

        $('#datetimepicker').datetimepicker({
            format: 'YYYY-MM-DD',
            locale : moment().locale('zh-cn')
        });
    });

    $(".close").off().on('click', function () {
        $(this).closest(".modal").removeClass('in');
        $(this).closest(".modal").hide();
    });
    function set_black(id) {
        $('#id').val(id);
        $('#audit').addClass('in');
        $('#audit').css('display', 'block');
    }
    $(document).off("click","#audit .btn-primary").on('click',"#audit .btn-primary",function () {
        $('#auditForm').submit();
    });
</script>