{extend name="public/base" /}
{block name="body"}
<blockquote class="layui-elem-quote">
    <form class="layui-form" action="__SELF__" style="float:right">
        <div class="layui-inline">
          <input name="title"  value="{$Think.get.title}" lay-verify="title" placeholder="请输入用户名" autocomplete="off" class="layui-input title"  type="tel">
      </div>
      <div class="layui-inline">
          <button class="layui-btn btn-yellow" >查询</button>
      </div>
      <div class="layui-inline">
        <!-- <submit class="layui-btn doexp" >导出</submit> -->
    </div>
</form>
<div style="clear:both"></div>
</blockquote>
<div class="layui-form admin-main">
    <table class="layui-table">
        <thead>
            <tr>
                <th width="20"><input type="checkbox" lay-skin="primary" lay-filter="allChoose"></th>
                <th>编号</th>
                <th>用户</th>
                <th>单号</th>
                <th>金额</th>
                <th>支付方式</th>
                <th>状态</th>
                <th>创建时间</th>
                <th>更新时间</th>
            </tr>
        </thead>
        <tbody>
            {volist name="list" id="vo"}
            <tr>
                <td><input type="checkbox" data-id="{$vo.id}" lay-filter="id" lay-skin="primary"></td>
                <td>{$vo.id}</td>
                <td><a data-href="{:url('vip/info')}?id={$vo.uid}" class="info">{$vo.user.nickname|default='未设置'}</a></td>
                <td>{$vo.orderid}</td>
                <td>{$vo.money}</td>
                <td>{$vo.model}</td>
                <td>{$vo.status}</td>
                <td>{$vo.create_time}</td>
                <td>{$vo.update_time}</td>
            </tr>
            {/volist}
        </tbody>
    </table>
    {$list->render();}
</div>
{/block}

{block name="layui"}
<script>
    layui.use(['form'], function(){
        var $ = layui.jquery, form = layui.form();
        form.on('checkbox(allChoose)', function(data) {
            var child = $(data.elem).parents('table').find('tbody input[lay-filter="id"]');
            child.each(function(index, item) {
                item.checked = data.elem.checked;
            });
            form.render('checkbox');
        });

        $('.info').on('click', function() {
            layer.open({
                type: 2,
                area: ['750px', '700px'],
                content: $(this).data('href')
            });
        });

        function getSelected() {
            var child = $('.layui-form').find('tbody input[lay-filter="id"]:checked');
            var idArr = [];
            child.each(function(index, item) {
                idArr[index] = $(item).data('id');
            });
            return idArr;
        }
    });


</script>
{/block}