弹窗选取后跳转到新页面

主要用于一些需要获取相关数据，后续根据实际需求再完善当前页面直接操作

1 打开弹窗选取数据，可分页 需使用 data-iframe

{block name="button"}
<!--{if auth("select")}-->
<button class='layui-btn layui-btn-sm layui-btn-primary' data-iframe='{:url("select")}' data-title="请选择需考核的课程">开始考核</button>
<!--{/if}-->
{/block}

2 弹窗选取内容后，因为逻辑需要先关闭当前弹窗，然后打开新页面

{extend name="../../admin/view/full"}

{block name='content'}
<div class="iframe-pagination">
    <table class="layui-table margin-top-10" lay-skin="line">
        {notempty name='list'}
        <thead>
        <tr>
            <th class="text-left nowrap">信息</th>
            <th></th>
        </tr>
        </thead>
        {/notempty}
        <tbody>
        {foreach $list as $key => $vo}
        <tr>
            <td class="nowrap">{$vo.name|default='--'}</td>
            <td class='text-right'><a class="layui-btn layui-btn-xs layui-btn-normal" data-item="{:url('add')}?course_id={$vo.id}">选择</a></td>
        </tr>
        {/foreach}
        </tbody>
    </table>
    {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}
</div>
{/block}

{block name='script'}
<script>
    $(function () {
        layui.form.render();
        $('[data-item]').on('click', function () {
            top.layer.closeAll();
            top.$.form.href(this.getAttribute('data-item'), this);
        });
    });
</script>
{/block}

如有更可行的方式，可随时联系 L ，如有不严谨或者不规范的地方欢迎指正。