@using CRM.Core.Model.Entity
@using Core.Web.WebHelper
@{
    /**/

    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    .self-table-click td {
        background-color: #f3ebbc;
    }

    .showMsg {
        margin-left: 20px;
        cursor: pointer;
    }
    .hidden {
        display: none;
    }
</style>
<div class="x-body">
    <div class="layui-btn-group" style="padding-bottom:10px;">
        @Html.Action("ToolBar", "Home",
            new
                 {
                area = "",
                rightcode = (ViewBag.rightCode as string),
                otherToolBars = new ToolBar[]
                {
                    new  Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Other1, "新增", " " ,"",true),
                    new  Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Other2, "删除", " " ,"",true),
                }
            }
            )
    </div>
    <form id="mytoolbar">
        客户编号：
        <div class="layui-inline">
            <input type="text" name="txt_UMID" placeholder="请输入" autocomplete="off" class="layui-input" style="width:200px;">
        </div>
        @*<div class="layui-inline">
            <input type="text" name="txt_resId" placeholder="请输入" autocomplete="off" class="layui-input" style="width:200px;">
        </div>*@
        备注：
        <div class="layui-inline">
            <input type="text" name="txt_reason" placeholder="请输入" autocomplete="off" class="layui-input" style="width:200px;">
        </div>
        <button class="layui-btn" type="button" id="search" data-type="reload">搜索</button>
        <button class="layui-btn layui-btn-reset" id="reset" type="reset">清空</button>
    </form>
        <table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>
        <iframe id="BillOpen" width="0" height="0" scrolling="no" frameborder="0" style="display:none;"></iframe>
</div>
<script src="~/Scripts/layui_ext/xm-select/xm-select.js"></script>
<script>
    var selectRow = {};
    var hgcrmHost = "@Html.Raw(ViewBag.hgServiceHost)";
    layui.use(['table', 'form'], function () {
        var table = layui.table;
        var form = layui.form;

        var param2 = GetParams("mytoolbar");
        console.log("param2:" + param2);
        table.render({
            id: 'testReload',//列表别名ID
            elem: '#tabl1',//表ID
            url: '/BlackNumber/Index',
            method: 'POST',
            even: true, //开启隔行背景
            cols: [[
                {
                    field: 'UMID', title: '客户ID', templet: function (res) {
                        if (res.ORDERID != 1) {
                            var url = hgcrmHost + "Csvr/CustomerInfo/CustomerDetail?hgCustomer=1&isFromHg=1&resid=" + res.UMID + "&name=" + encodeURIComponent(res.CNAME);
                            var title = "客户明细";
                            if (res.CNAME) {
                                title = res.CNAME + "--客户明细";
                            }
                            return "<a href=\"javascript:void(0)\" style=\"color:blue\" onclick=\"parent.AddNewTab('" + title + "','" + url + "')\">" + res.UMID + "</a>";
                        } else {
                            return ""
                        }
                    }
                }
                , { field: 'CName', title: '客户姓名' }
                , { field: 'BlackTypeName', title: '类型' }
                , { field: 'ChannelName', title: '范围' }
                , { field: 'REASON', title: '备注'}
                , { field: 'CTIME', title: '添加时间' }
                , { field: 'CREATEUSERNAME', title: '添加人' }
            ]]
            ,
            done: function (res, curr, count) {

            },
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip', 'refresh'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                , groups: 5 //只显示 1 个连续页码

            }
            , where: param2
        });

        $('#mytoolbar #search').on('click', function (data) {
            var param = GetParams("mytoolbar");
            table.reload('testReload', {
                page: {
                    layout: ['limit', 'count', 'prev', 'page', 'next', 'skip', 'refresh'],
                    curr: 1 //重新从第 1 页开始
                },
                where: param
            });
        });

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

            selectRow = data;
        });
    });
    layui.use('layer', function () {
        var layer = layui.layer;
        var active = {
            add: function () {
                winindex = layer.open({
                    title: '添加黑名单',
                    type: 2,
                    content: '/BlackNumber/Add',
                    area: ['600px', '600px']
                });
            },
            edit: function () {
                if (selectRow.PKID == "undefined" || selectRow.PKID == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                layer.open({
                    type: 2,
                    content: '/BlackNumber/Edit?id=' + selectRow.PKID,
                    area: ['600px', '600px']
                });
            },
            delete: function () {
                if (selectRow.PKID === "undefined" || selectRow.PKID == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                layer.confirm('确定要删除选中节点？', { icon: 3, title: '删除选中节点' }, function (index1) {
                    $.r_post("/BlackNumber/Delete?id=" + selectRow.PKID, function (data) {
                        if (data.type == 1) {
                            layer.alert(data.message);
                            TableReload();
                            //$.messageBox5s('提示', data.message);
                        }
                        else {
                            layer.alert(data.message);
                        }
                    }, "json");
                });
            }
        };
        $('.layui-btn-group .layui-btn').on('click', function () {
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        });

        $('#reset').on('click', function () {
            selectChannel.reset();
            allChannel.forEach(function (item) {
                item.selected = false;
            })
            selectChannel = xmSelect.render(optionsChannel);
            selectChannel.update({ data: allChannel });
        })
    });
    function TableReload() {
        selectRow = {};
        var table = layui.table;
        table.reload('testReload', {
            page: {
                curr: 1 //重新从第 1 页开始
            }
        });
    }
    window.addEventListener('message', function (event) {
        if (event.data != null && event.data.message) {
            layer.msg(event.data.message, { icon: 1 }, function () {
                layer.closeAll();
                document.getElementById('search').click();
            });
        }
    }, false);
    
</script>