@using WX.CRM.IBLL.Res;
@using WX.CRM.Model.Entity;
@{
    ViewBag.Title = "分配规则列表";
    Layout = "~/Views/Shared/_content.cshtml";

}
<script src="/Scripts/jquery.easyui.min.js" type="text/javascript"></script>
<link href="/Content/themes/blue/easyui.css" rel="stylesheet" />
<link href="/Content/Site.css" rel="stylesheet" />
<script src="/Scripts/common.js"></script>
<link href="/Content/data_grid_list.css" rel="stylesheet" />
<script src="/Scripts/op/jquery.rewrite.js"></script>

<style type="text/css">
    .layui-form-item .layui-form-label {
        padding: 9px 0px;
    }
</style>

<div class="layui-form" style="padding:10px;" id="content">
    <div class="layui-form-item">
        <label class="layui-form-label">规则组：</label>
        <div class="layui-input-block">
            @{
                if (string.IsNullOrEmpty(Request["sgid"]))
                {
                    <select id="sgid" name="sgid" lay-filter="sgid">
                        <option value="">请选择规则组</option>
                        @foreach (var item in ViewBag.SalesGroup as List<SaleGroupView>)
                        {
                            <option value="@item.ID">@item.GroupName</option>
                        }
                    </select>
                }
                else
                {
                    var gid = decimal.Parse(Request["sgid"].ToString());
                    <select disabled="disabled" lay-filter="sgid">
                        @foreach (var item in ViewBag.SalesGroup as List<SaleGroupView>)
                        {
                            if (gid == item.ID)
                            {
                                <option value="@item.ID" selected="selected">@item.GroupName</option>
                            }
                            else
                            {
                                <option value="@item.ID">@item.GroupName</option>
                            }
                        }
                    </select>
                    <input type="hidden" id="sgid" value="@gid" />
                }
            }
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">档位：</label>
        <div class="layui-input-block">
            <select id="salelevel">
                <option value="">请选择档位</option>
                @foreach (var item in ViewBag.Level as List<ResSalesLevelView>)
                {
                    <option value="@item.Level">@item.LevelName</option>
                }
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">数量限制：</label>
        <div class="layui-input-block">
            <select id="islimit">
                <option value="0" selected="selected">否</option>
                <option value="1">是</option>
            </select>
        </div>
    </div>
    <div id="tb" style="padding:5px;height:auto" class="grid_toolbar">
        <ul class="toolBar_ul">
            <li>@Html.Action("UserSSOComBox", "Control", new { currentRight = WX.CRM.WebHelper.InitRights.CONST_客服分配规则列表 })</li>
            <li>
                员工姓名：
                <input type="text" name="txt_name" id="name" required="" autocomplete="off" class="show_condition">
            </li>
            <li>
                <input class="layui-btn layui-btn-sm layui-btn-ok show_condition" data-method="search" type="button" value="查询" />
                @*   <input class="layui-btn layui-btn-sm layui-btn-reset" type="reset"  data-method="reset" value="清空">*@
            </li>
        </ul>
        <div class="layui-form-item" style="margin-top:20px;">
            已选择<span id="selectCount" style="color:red">0</span>行
        </div>
        <table class="layui-hide" id="tabl1" lay-filter="wochao"></table>
        <div class="layui-layer-btn layui-layer-btn-c">
            <input class="layui-btn layui-btn-sm layui-btn-ok show_condition" data-method="addpost" type="button" value="确认" />
        </div>
    </div>
</div>

<script>
    function onLoadSucced() {
    }
    var selectRow = {};
    var selectRowList = [];
    layui.use(['laypage', 'layer', 'table', 'laydate', 'form'], function () {
        var form = layui.form;
        var laydate = layui.laydate;
        layer = layui.layer;
        table = layui.table;
        var companyId = '@Request.QueryString["companyId"]';
        var deptId = '@Request.QueryString["deptId"]';
        var groupIds = '@Request.QueryString["groupIds"]';
        var userId = '@Request.QueryString["userId"]';
        var sgid = '@Request["sgid"]';
        var name = '@Request["name"]';
        var txt_departmentid = '@Request["txt_departmentid"]';
        var txt_deptIds =  '@Request["txt_deptIds"]';
        table.render({
            id: 'unruleList'//列表别名ID
            , elem: '#tabl1',//表ID
            url: '/Res/SalesRule/notSet',
            method: 'POST',
            page: false
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , limit: 30
            , height: "full-160",
            cols: [[
                { field: 'checkobj', type: 'checkbox', fixed: 'left' }
                , { field: 'DEPTNAME', title: '部门' }
                , { field: 'GNAME', title: '组别' }
                , { field: 'EID', title: '工号' }
                , { field: 'UNAME', title: '姓名' }
                , { field: 'AppName', title: '企微号' }
                , { field: 'UserId', title: 'ID' }
                , { field: 'NickName', title: '名称' }

            ]], where: { companyId, deptId, groupIds, userId, sgid, name, txt_departmentid, txt_deptIds }
            ,
            done: function (res, curr, count) {
               for (var i = 0; i < res.data.length; i++) {
                    //判断复选框是否选中
                    var da = res.data[i];
                    if (selectRowList.indexOf(da.GNAME+"_"+da.EID)>-1) {
                        //这句才是真正选中，通过设置关键字LAY_CHECKED为true选中
                        res.data[i]["LAY_CHECKED"] = 'true';
                        //下面三句是通过更改css来实现选中的效果
                        var index = res.data[i]['LAY_TABLE_INDEX'];
                        $('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
                        $('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
                    }
                }
                form.render();
            }
        });
        //监听行单击事件（单击事件为：rowDouble）
        table.on('row(wochao)', function (obj) {
            var data = obj.data;
            //console.log(data);
            //标注选中样式
            obj.tr.addClass('self-table-click').siblings().removeClass('self-table-click');
            selectRow = data;
        });
        ///单选框
        table.on('checkbox(wochao)', function (obj) {
            if (obj.type == 'all') {
                return;
            }
            var str = obj.data.GNAME + "_" + obj.data.EID;
            if (!obj.checked) {
                var newSelectRow = [];
                for (var i = 0; i < selectRowList.length; i++) {
                    if (selectRowList[i] != str) {
                        newSelectRow.push(selectRowList[i]);
                    }
                }
                selectRowList = newSelectRow;
            } else {
                if (selectRowList.indexOf(str) <= -1) {
                    selectRowList.push(str);
                }
            }
            reloadCount();
        });
        //全选框
        form.on('checkbox(layTableAllChoose)', function (data) {
            var selectOp = table.checkStatus('unruleList');
            var allData = table.cache["unruleList"];
            if (!selectOp.isAll) {
                for (var i = 0; i < allData.length; i++) {
                    var data = allData[i];
                    if (selectRowList.indexOf(data.GNAME + "_" + data.EID) <= -1) {
                        selectRowList.push(data.GNAME + "_" + data.EID);
                    }
                }
            } else {
                var newSelectRow = [];
                for (var i = 0; i < selectRowList.length; i++) {
                    for (var j = 0; j < allData.length; j++) {
                        var data = allData[i];
                        if (selectRowList.indexOf(data.GNAME + "_" + data.EID) <= -1) {
                            newSelectRow.push(selectRowList[i].GNAME + "_" + selectRowList[i].EID);
                        }
                    }
                }
                selectRowList = newSelectRow;
            }

            reloadCount();
        });
        var active = {
            search: function () {
                TableReload();
            }, reset: function () {
                selectRowList = [];
                reloadCount();
                TableReload();
            },
            addpost: function () {
                var sgid = $("#sgid").val();
                if (!sgid) {
                    layer.msg('请选择规则组！');
                    return;
                }
                var level = $("#salelevel").val();
                if (level == '') {
                    layer.msg('请选择档位！');
                    return;
                }
                var islimit = $("#islimit").val();
                var eids = [];
                debugger
                var selectOp = table.checkStatus('unruleList');
                if (selectOp.data.length == 0) {
                    layer.msg("请勾选要执行的记录！");
                    return;
                }
                var selectData = JSON.stringify(selectOp.data);
                $.post('NewAdd', { selectData: selectData, level, sgid, islimit }, function (rsp) {
                    if (rsp.result) {
                        parent.layer.closeAll();
                        parent.layer.msg("执行成功！");
                        parent.TableReload();
                    }
                    else {
                        layer.msg(rsp.msg);
                    }
                });
            }
        };
        $('.layui-btn').on('click', function () {
            var othis = $(this), method = othis.data('method');
            console.log(method);
            active[method] ? active[method].call(this, othis) : '';
        });
        function reloadCount() {
            $("#selectCount").text(selectRowList.length);
        }
        function TableReload() {
            companyId = $("#txt_companyId").val();
            deptId = $("#txt_deptId").val();
            txt_deptIds = $("#txt_deptIds").val();
            groupIds = $("#txt_groupIds").val();
            userId = $("#txt_userId").val();
            sgid = $("#sgid").val();
            name = $("#name").val();
            txt_departmentid = $("#txt_departmentid").val();
            table.reload('unruleList', {
                where: { companyId, deptId, groupIds, userId, sgid, name, txt_departmentid, txt_deptIds },
                page: {
                    curr: 1
                }
            });
        }
        form.on('select(sgid)', function (data) {
            //console.log(data.value);
            var sgid = '';
            var isMoreGroup = '@ViewBag.IsMoreGroup';
            if (isMoreGroup == 'true') {
                sgid = data.value;
                $("#sgid").val(sgid);
            }
            TableReload();
            selectRowList = [];
            reloadCount();
        });
    });
</script>