如何在 laravel-admin 中实现弹出模态框

最新推荐文章于 2024-07-25 11:12:43 发布

Xerale

最新推荐文章于 2024-07-25 11:12:43 发布

阅读量364

点赞数 8

分类专栏： laravel 文章标签：笔记 html laravel

本文链接：https://blog.csdn.net/Xerale/article/details/132766058

版权

laravel 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

该篇文章介绍了如何在Laravel-admin框架中使用modal功能，展示SIM卡信息列表，包括SIM号码、注册状态等，通过分页显示详细数据。

摘要由CSDN通过智能技术生成

以下是一个简单的示例，演示了如何在 laravel-admin 中实现弹出模态框

            $grid->column('country_name', 'SIM卡查看')->display('卡查看')->modal('SIM卡查看', function ($modal) {
                $modal->icon('feather icon-eye');
//                // 获取分页数据，每页显示10条记录
                $comments = DianSimNumber::where('mobile_id', $this->id)->latest()->paginate(10);
                // 构建表格组件并返回
                return view('admin.modal', ['comments' => $comments]);
//

{{--<div class="modal-dialog modal-lg">--}}
<div class="modal-content">

    {{--        <div class="modal-header">--}}
    {{--            <h5 class="modal-title">SIM卡查看</h5>--}}
    {{--            <button type="button" class="close" data-dismiss="modal" aria-label="Close">--}}
    {{--                <span aria-hidden="true">&times;</span>--}}
    {{--            </button>--}}
    {{--        </div>--}}
    <div class="modal-body">
        <div class="table-responsive table-wrapper complex-container table-middle mt-1 table-collapse">
            <table class="table custom-data-table data-table">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>SIM号码</th>
                    <th>注册状态</th>
                    <th>创建电话</th>
                    <th>更新时间</th>
                    <th>创建时间</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($comments as $key=>$comment)
                    <tr>
                        <td>{{ $key+1}}</td>
                        <td>{{ $comment->sim_number }}</td>
                        <td>
                            @if($comment->sim_status==2)
                                <span class="label" style="background:#21b978">已注册</span>
                            @else
                                <span class="label" style="background:#586cb1">未注册</span>
                            @endif
                        </td>
                        <td>{{ $comment->sim_create_tel}}</td>
                        <td>{{ $comment->updated_at }}</td>
                        <td>{{ $comment->created_at }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7">暂无数据</td>
                    </tr>
                @endforelse
                </tbody>
            </table>
            <div class="box-footer d-block clearfix">
                <!-- 显示分页链接 -->
                {{ $comments->links() }}
            </div>
        </div>
    </div>
    {{--    </div>--}}
</div>