jucai/resources/views/admin/grid/card.blade.php

<link rel="stylesheet" href="{{ theme_asset('app/css/viewer.min.css') }}">
<style type="text/css">
	.box-body .mailbox-attachments li{height: 210px;overflow: hidden;position: relative;}
	.box-body .mailbox-attachments li .review{display:block;}
	.box-body .mailbox-attachments .mailbox-attachment-icon img{max-height: 130px !important;}
	.box-body .mailbox-attachments .mailbox-attachment-info{position: absolute;bottom: 0;left: 0;width: 100%;height: 78px;}
	.box-body .mailbox-attachments .mailbox-attachment-info .mailbox-attachment-name{width: 100%;display:block;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
    .viewer-container .viewer-toolbar>li{width: 24px !important;height: 24px !important;}
    .viewer-container .viewer-toolbar>.viewer-play{width: 30px !important;height: 30px !important;}
    .viewer-container .viewer-toolbar{width: 400px;}
    .viewer-container .viewer-toolbar>li:before{margin: 1px;}
    .viewer-container .viewer-toolbar>.viewer-play:before{margin: 4px;}
    .viewer-container .viewer-prev{display: none;}
    .viewer-container .viewer-next{display: none;}
</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 action="{{route('companyimg.audit')}}" method="post" 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-2  control-label">审核状态</label>
                                <div class="col-sm-10">
                                    <label class="radio-inline">
                                        <input type="radio" name="audit1" value="1" class="minimal audit1" checked>
                                        &nbsp;审核通过&nbsp;&nbsp;
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="audit1" value="2" class="minimal audit1" >
                                        &nbsp;审核中&nbsp;&nbsp;
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="audit1" value="3" class="minimal audit1" >
                                        &nbsp;审核未通过&nbsp;&nbsp;
                                    </label>
                                </div>
                            </div>
                            <div class="form-group  ">
                                <label for="reason" class="col-sm-2  control-label">备注</label>
                                <div class="col-sm-8">
                                    <textarea name="reason" class="form-control reason" rows="5" placeholder="输入 备注"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2  control-label"></label>
                                <div class="col-sm-8">
                                    <input type="checkbox" name="is_send" checked="" value="1">站内信通知
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="ids" id="ids" value="" />
                        <input type="hidden" name="type" id="type" value="1" />
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    </form>
                </div>
                <div class="modal-footer">
                    {{--<button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>取消</button>--}}
                    <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>
<div class="box">
    @if(isset($title))
        <div class="box-header with-border">
            <h3 class="box-title"> {{ $title }}</h3>
        </div>
    @endif

    <div class="box-header with-border">
        <div class="pull-right">
            {!! $grid->renderExportButton() !!}
            {!! $grid->renderCreateButton() !!}
        </div>
        <span>
            {!! $grid->renderHeaderTools() !!}
        </span>
    </div>

{!! $grid->renderFilter() !!}

<!-- /.box-header -->
    <div class="box-body">
        <ul class="mailbox-attachments clearfix">
            @foreach($grid->rows() as $row)
                <li>
                    <span class="mailbox-attachment-icon has-img">
                        {!! $row->column('image') !!}
                    </span>
                    <div class="mailbox-attachment-info">
                        <a href="javascript:void(0);" class="mailbox-attachment-name" title="{{ $row->column('company_id') }}">
                            {!! $row->column('company_id') !!}
                        </a>
                        <a class="review">
                            {!! $row->column('audit') !!}
                        </a>
                        <span class="mailbox-attachment-size">
                              {!! $row->column('__row_selector__') !!}
                            <span class="pull-right">
                                {!! $row->column('__actions__') !!}
                            </span>
                        </span>
                    </div>
                </li>
            @endforeach
        </ul>

    </div>
    <div class="box-footer clearfix">
        {!! $grid->paginator() !!}
    </div>
    <!-- /.box-body -->
</div>
<script type="text/javascript" src="{{ theme_asset('app/js/viewer-jquery.min.js') }}"></script>
<script>
    $('.has-img').viewer({
        url: 'data-original',
        title:false,  // 显示当前图片的标题
        navbar:false  //显示缩略图导航
    });
    $(document).off("click",'.jobaudit').on('click','.jobaudit',function () {
        $("#myModalLabel1").html('业务');
        $('#ids').val($(this).data('code'));
        $('#audit').addClass('in');
        $('#audit').css('display', 'block');
        $(' #audit .contentfade').html('');
    });
    $(document).off("click","#audit .btn-primary").on('click',"#audit .btn-primary",function () {
        $('#auditForm').submit();
    });
    $(".close").on('click', function () {
        $(this).closest(".modal").removeClass('in');
        $(this).closest(".modal").hide();
    })
</script>