@using Core.Web.WebHelper
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
    <script src="~/Scripts/clipboard.min.js"></script>
    <div class="x-body">
        <div class="demoTable" id="mytoolbar">
            事业部：
            <div class="layui-inline">
                <select name="txt_companyCode" id="companyCode" style="height:35px;">

                    <!--<option value="QBJZ">北京一部</option>-->
                    <option value="QBJZ">
                        懂牛软件事业部一
                    </option>
                    <option value="QBJX">
                        懂牛软件事业部二
                    </option>
                    <option value="TNBD">
                        淘牛邦事业部
                    </option>
                    <option value="YSGP">
                        永顺投教事业部
                    </option>
                    <option value="JSDN">
                        金石事业部
                    </option>
                    <option value="TGLB">
                        投顾联邦事业部
                    </option>
                </select>
            </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>
            <button class="layui-btn" onclick="search()">搜索</button>
            <button class="layui-btn htbtn" data-method="copy" data-clipboard-target="#usernames">复制用户名</button>
        </div>
        <table class="layui-table" id="tabl1">
           <tr><td id="usernames"></td></tr>
        </table>
    </div>
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
            ,value : new Date((new Date()).getTime() - 24*60*60*1000)
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
            ,value : new Date()
        });
    });
   /* layui.use('table', function () {
        var table = layui.table;
        table.render({
            id: 'testReload',//列表别名ID
            elem: '#tabl1',//表ID
            url: '/SoftUser/PushUsers',
            method: 'POST',
            cols: [[
                { field: 'USERNAME', title: '' }

            ]]
            
        });

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

            table.reload('testReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                },
                where: param
            });
        });

        //监听行单击事件
        table.on('row(tabl1)', function (obj) {
            var data = obj.data;
            //console.log(data);
            //标注选中样式
            obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');

            selectRow = data;
        });

    });
    */

  /*  layui.use('layer', function () {
        var layer = layui.layer;
        var active = {
            copy: function () {
                if (selectRow.ORDERID === "undefined" || selectRow.ORDERID == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                alert(selectRow.USERNAME);
                $("#hidUrl").val(selectRow.USERNAME);
                
            }
        };

        $('.layui-btn-group .layui-btn').on('click', function () {
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        });
    });
    */
    $(function () {
        var clipboard = new ClipboardJS('.htbtn');

        clipboard.on('success', function (e) {
            alert("复制成功！");

            e.clearSelection();
        });

        clipboard.on('error', function (e) {
            console.error('Action:', e.action);
            console.error('Trigger:', e.trigger);
        });
    })
    function search() {
        $.ajax({
            type:'POST',
            url: '/SoftUser/PushUsers',
            data: { companyCode: $('#companyCode').val(), stime: $('#start').val(), etime: $('#end').val() },
            dataType:'json',
            success: function (res) {
                $('#usernames').html(res.data);
            }
        })

    }
</script>