jucai/resources/views/admin/content/buy_house.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="notice" 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 close_modal" 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" id="error_content">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default close_modal" data-dismiss="modal" aria-label="Close">确定</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();
    });

    //释放名额
    $('.sock').on('click', function () {
        let id = $(this).data('id');
        $.ajax({
            url: "{{admin_base_path('/content/buy_house/sock')}}",
            data:{'id':id,'_token':'{{csrf_token()}}'},
            method: 'POST',
            dataType:'json',
            success:function (res) {
                if (res.code == 0) {
                    $('#notice').addClass('in');
                    $('#notice').css('display', 'block');
                    $('#error_content').html(res.content);
                } else {
                    location.reload();
                }
            },
        })
    });
    //同步到选房系统
    $('.sync').on('click', function () {
        let id = $(this).data('id');
        $.ajax({
            url: "{{admin_base_path('/content/buy_house/sync')}}",
            data:{'id':id,'_token':'{{csrf_token()}}'},
            method: 'POST',
            dataType:'json',
            success:function (res) {
                if (res.code == 0) {
                    $('#notice').addClass('in');
                    $('#notice').css('display', 'block');
                    $('#error_content').html(res.content);
                } else {
                    location.reload();
                }
            },
        })
    });
    $('.close_modal').on('click',function () {
        $('#notice').addClass('out');
        $('#notice').css('display', 'none');
    })
    $('.select_house').click(function(){
        let id = $(this).data('id');
        location.href = "{{admin_base_path('/content/buy_house_select/index')}}/"+id;
    });
</script>