@extends('admin.layouts.base')
@section('add_css')
    <style>
        .layui-table-page {
            position: fixed;
            background: #fff;
            width: 100%;
            padding: 7px 7px 0;
            height: 41px;
            font-size: 12px;
            white-space: nowrap;
            bottom: 0px;
            left: 0;
        }
    </style>
@endsection
@section('layui_fluid')
    <div class="">
        @endsection
@section('content')
    <div class="layui-form layui-card-header layuiadmin-card-header-auto">
        <div class="layui-form-item">
            <div class="layui-inline">
                    <input type="text" name="name" placeholder="输入姓名/手机/昵称" autocomplete="off" class="layui-input">
            </div>


            <div class="layui-inline">
                <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-list-search">
                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                </button>
            </div>
        </div>
    </div>
    <table id="LAY-list-table" lay-filter="LAY-list-table"></table>
@endsection
@section('add_js')
    <script src="{{ ____('js/jquery.min.js') }}"></script>
    @verbatim
        <script type="text/html" id="table-useradmin-admin">
            <a class="layui-btn layui-btn-normal layui-btn-xs open_select_id" data-pobj="#select_push_id" data-id="{{ d.id }}" lay-event="open_select_id"><i
                        class="layui-icon layui-icon-ok"></i>选择</a>

        </script>
    @endverbatim
    <script>
        var listConfig = {
            table_name: 'users',
            page_name: '{{ $page['name'] }}',
            open_height: '100%',
            open_width: '100%'
        };

        layui.use(['index', 'table', 'listable','custorm'], function () {
            var $ = layui.$
                , form = layui.form
                , listable = layui.listable
                , table = layui.table;
            var element = layui.element;

            //请求数据
            table.render({
                page: true,
                elem: '#LAY-list-table',
                text: {
                    none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
                },
                url: "{{ action($controller.'@index',['type'=>'shop_server','group_type'=>$group_type,'json'=>1]) }}", //模拟接口
                cols: [[
                     {field: 'id', width: 80, title: 'ID', sort: true}
                    , {field: 'name', title: '店铺名称'},

                    {field: 'tel', title: '电话'},

                    {
                        title: '操作',
                        width: 150,
                        align: 'center',
                        fixed: 'right',
                        toolbar: '#table-useradmin-admin'
                    }
                ]]

            });
            //监听表操作
            listable.handle();
            listable.top_handle();
            //监听is_checked操作
            listable.search();


        });

        function select(){
            $(document).on('click',".open_select_id",function () {
                id=$(this).data('id');
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                parent.layer.close(index); //再执行关闭
                //$(".select_id_input",parent).text(id);
                $(".select_id_input",window.parent.document).val(id);
            });
        }


    </script>
@endsection