@using Core.Web.WebHelper
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
    
    <div class="x-body">
        <div class="demoTable" id="mytoolbar">
            用户名：
            <div class="layui-inline">
                <input type="text" name="txt_username" placeholder="请输入" autocomplete="off" class="layui-input" style="width:120px;">
            </div>
            注册时间：
            <div class="layui-inline">
                <input class="layui-input" placeholder="开始日" name="txt_stime" id="start" style="width:120px;">
            </div>
            <div class="layui-inline">
                <input class="layui-input" placeholder="截止日" name="txt_etime" id="end" style="width:120px;">
            </div>
            客户ID：
            <div class="layui-inline">
                <input type="text" name="txt_resid" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
            注册渠道：
            <div class="layui-inline">
                <input type="text" name="txt_regcampainid" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
            <button class="layui-btn" data-type="reload">搜索</button>
        </div>
        <table class="layui-hide" id="tabl1"></table>
    </div>
    <script>
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });
            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
        });
        layui.use('table', function () {
            var table = layui.table;
            table.render({
                id: 'testReload',//列表别名ID
                elem: '#tabl1',//表ID
                url: '/SoftUser/GetHtmlList',
                method: 'POST',
                cols: [[
                    { field: 'USERNAME', width: 150, title: '用户名', sort: true }                   
                    , { field: 'REGCAMPAINID', width: 100, title: '注册渠道' }
                    , { field: 'REGPLATFORM', title: '注册平台' }
                    , { field: 'ISACTIVE', title: '认证状态' }
                    , { field: 'ACTIVETIME', title: '认证时间' }
                    , { field: 'REGDATE', title: '注册时间', sort: true }
                    , { field: 'RESID', title: '客户ID' }
                    , { field: 'EID', title: '邀请客服' }
                    , { field: 'IP', title: 'IP' }
                ]]
                , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                    layout: ['limit', 'count', 'prev', 'page', 'next', 'skip', 'refresh'] //自定义分页布局
                    //,curr: 5 //设定初始在第 5 页
                    , groups: 5 //只显示 1 个连续页码

                }
            });

            $('.demoTable .layui-btn').on('click', function (data) {
                var type = $(this).data('type');
                //var demoReload = $('#demoReload');
                var param = GetParams("mytoolbar");

                //layer.alert(JSON.stringify(data.field), {
                //    title: 'title'
                //})
                //console.log(data);

                //执行重载
                //param["times"] = new Date();
                //console.log(param);
                table.reload('testReload', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    },
                    where: GetParams("mytoolbar")
                });
            });
        });
    </script>