@using WX.CRM.WebHelper
@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>
    .layui-table td {
        padding: 2px 0 !important;
    }

    .layui-form-label {
        width: 100px;
    }

    .layui-input-block {
        margin-left: 130px;
    }

    #start {
        width: 100%;
    }

    #end {
        width: 100%;
    }
</style>
<div class="layui-card" id="topcard" style="width:100%;">
    <div class="layui-card-body " id="contentBody">
        <div class="layui-card-header layui-self-header">
            <div style="float:left;position:relative;">
                分配资源组成员列表
            </div>
            <div style="float:right;position:relative;">
                @Html.Action("ToolBarNew", "Control", new
           {
               tool = ViewBag.ToolBar as ToolBar,
               otherToolBars = new ToolBarNew[] {
                new ToolBarNew(){ btnColor="", btnName="编辑状态" }
               }

           })
            </div>
            <div class="hrclass" style="position:relative;float: left;"></div>
        </div>
        <form class="layui-form selftopwhere" id="myform">
            <div class="layui-form-item">
                规则组
                <div class="layui-inline">
                    <select id="sgid" name="sgid">
                        <option value="">全部</option>
                        @foreach (var item in ViewBag.SalesGroup as List<SaleGroupView>)
                        {
                            <option value="@item.ID">@item.GroupName</option>
                        }
                    </select>
                </div>

                @Html.Action("UserSSOComBox", "Control", new { currentRight = WX.CRM.WebHelper.InitRights.CONST_客服分配规则列表 })
                员工姓名：
                <div class="layui-inline">
                    <input type="text" class="layui-input" name="name" style="width:120px;" placeholder="员工姓名" />
                </div>
                档位：
                <div class="layui-inline">
                    <select id="level" name="level">
                        <option value="">全部</option>
                        @foreach (var item in ViewBag.Level as List<ResSalesLevelView>)
                        {
                            <option value="@item.Level">@item.LevelName</option>
                        }
                    </select>
                </div>
                上下线：
                <div class="layui-inline">
                    <select id="isvalid" name="isvalid">
                        <option value="">全部</option>
                        <option value="1">是</option>
                        <option value="0">否</option>
                    </select>
                </div>
                手机号：
                <div class="layui-inline">
                    <input type="text" class="layui-input" name="phone" style="width:120px;" placeholder="手机号" />
                </div>
                ID：
                <div class="layui-inline">
                    <input type="text" class="layui-input" name="appuserid" style="width:120px;" placeholder="ID" />
                </div>
                企微昵称：
                <div class="layui-inline">
                    <input type="text" class="layui-input" name="nickname" style="width:120px;" placeholder="企微昵称" />
                </div>
                <div class="layui-inline" style="width:350px">
                    <input class="layui-btn layui-btn-sm layui-btn-ok" data-method="search" id="search" type="button" value="查询" />
                    <input class="layui-btn layui-btn-sm layui-btn-reset" type="reset" value="清空" />
                </div>
            </div>
        </form>
        <table class="layui-hide" id="list" lay-filter="wochao"></table>
    </div>
</div>
<div id="eidtDiv" class="layui-form" style="display:none;padding:10px 20px 20px 0px;">
    <div class="layui-form-item">
        <label class="layui-form-label">数量：</label>
        <div class="layui-input-block">
            <select id="salelevel" name="salelevel">
                @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" name="islimit">
                <option value="1">是</option>
                <option value="0">否</option>
            </select>
        </div>
    </div>
</div>
<div id="eidtisvalid" class="layui-form" style="display:none;padding:10px 20px 20px 0px;">
    <div class="layui-form-item">
        <label class="layui-form-label">是否上线：</label>
        <div class="layui-input-block">
            <select id="isnewvalid" name="isnewvalid">
                <option value="1">是</option>
                <option value="0">否</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">自动上线时间：</label>
        <div class="layui-input-block">
            <input id="start" name="startTime" type="text" placeholder="开始时间" autocomplete="off" />
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">自动下线时间：</label>
        <div class="layui-input-block">
            <input id="end" name="endTime" type="text" placeholder="开始时间" autocomplete="off" />
        </div>
    </div>
</div>
<script>
    var selectRows = [];
    var winindex;
    var layer;
    var rowid;
    var data;
    var table;
    var form;
    var laydate;
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        //执行一个laydate实例
        //本月的开始时间
        laydate.render({
            elem: '#start', //指定元素
            type: 'datetime'
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#end',//指定元素
            type: 'datetime'
        });
    });

    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use(['laypage', 'layer', 'table', 'laydate', 'form'], function () {
        var form = layui.form;
        var laydate = layui.laydate;
        layer = layui.layer;
        table = layui.table;
        table.render({
            id: 'listReload'//列表别名ID
            , elem: '#list'
            , url: 'GetResSalesRule'
            , method: 'POST'
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , page: true
            , limit: 50
            , height: "full-160"
            , autoSort: false
            //, size:"sm"
            , cols: [[
                { field: 'checkobj', type: 'checkbox', fixed: 'left' }
                , { field: 'numbers', type: 'numbers' }
                , { field: 'SID', title: '规则组ID', width: 100, templet: function (res) { if (res.ID == 0) return "总合计："; else return res.SID } }
                , { field: 'SGNAME', title: '规则组', width: 150 }
                , { field: 'DEPTNAME', title: '部门', width: 180 }
                , { field: 'GNAME', title: '组别', width: 150 }
                , { field: 'EID', title: '工号', width: 100, templet: function (res) { if (res.ID == 0) return ""; else return res.EID } }
                , { field: 'UNAME', title: '姓名' }
                , { field: 'APPNAME', title: '企微号', width: 150 }
                , { field: 'USERID', title: 'ID', width: 180 }
                , { field: 'NickName', title: '企微昵称', width: 180 }
                , { field: 'PHONE', title: '手机号', width: 180 }
                , { field: 'NUM', title: '数量' }
                , { field: 'ISLIMIT', title: '数量限制', width: 100 }
                , { field: 'ISVALID', title: '是否上线', width: 100 }
                , { field: 'startTime', title: '计划上线时间', width: 180 }
                , { field: 'endTime', title: '计划下线时间', width: 180 }
                , {
                    field: 'Count', title: '推广数量', fixed: 'right', width: 100, templet: function (item) {
                        if (item.EID == null || item.ID == 0) {
                            return "";
                        }
                        return '<a href="javascript:;" onclick="show_user(' + item.EID + ')">' + item.Count + '</a>';
                    }
                }
            ]], where: $("#myform").serializeFormJSON()
            ,
            done: function (res, curr, count) {
            }
        });
        //监听行单击事件（单击事件为：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('sort(wochao)', function (obj) {
            console.log(obj.field);
            console.log(obj.type);
            table.reload('listReload',
                {
                    initSort: obj
                    , where: {
                        sort: obj.field,
                        order: obj.type
                    }
                })
        });
        var active = {
            search: function () {
                var param = $("#myform").serializeFormJSON();
                table.reload('listReload', {
                    where: param,
                    page: {
                        curr: 1
                    }
                });
            },
            add: function () {
                var companyId = $("#txt_companyId").val();
                var deptId = $("#txt_deptId").val();
                var groupIds = $("#txt_groupIds").val();
                var userId = $("#txt_userId").val();
                var txt_departmentid = $("#txt_departmentid").val();
                var txt_deptIds = $("#txt_deptIds").val();

                //var sgid = $("#sgid").val();

                var url = "/Res/SalesRule/Add?companyId=" + companyId + "&deptId=" + deptId + "&groupIds=" + groupIds + "&userId=" + userId + "&txt_departmentid=" + txt_departmentid + "&txt_deptIds=" + txt_deptIds;

                layer.open({
                    title: '添加客服',
                    type: 2,
                    maxmin: true,
                    content: url,
                    area: ['80%', '80%']
                });
            },
            update: function () {
                var selectOp = table.checkStatus('listReload');
                if (selectOp.data.length > 0) {
                    var row = selectOp.data[0];
                    if (row != null) {
                        var islimitText = 0;
                        if (row.ISLIMIT === "是") {
                            islimitText = 1;
                        }
                        var salelevel = row.LEVEL;
                        $("#islimit").val(islimitText);
                        $("#salelevel").val(salelevel);
                        if (row.startTime != null) {
                            $("#start").val(row.startTime);
                        }
                        if (row.endTime != null) {
                            $("#end").val(row.endTime);
                        }

                        form.render("select");
                        layer.open({
                            title: '修改',
                            type: 1,
                            content: $('#eidtDiv'),
                            area: ['80%', '70%'],
                            btn: ['确定', '关闭'],
                            btnAlign: 'c',
                            yes: function () {
                                var level = $("#salelevel").val();
                                var islimit = $("#islimit").val();
                                var ids = "";
                                var selects = table.checkStatus('listReload');
                                if (selects.data.length > 0) {
                                    $(selects.data).each(function (i, n) {
                                        ids += n.ID + ",";
                                    });
                                    ids = ids.substring(0, ids.length - 1);
                                    //console.log(pkids);
                                }
                                if (ids == "") {
                                    layer.msg("请选择行！");
                                    return false;
                                }
                                //var eid = row.EID;
                                //layer.msg("level:" + level + ",islimit:" + islimit);
                                $.ajax({
                                    url: "/Res/SalesRule/Update",
                                    type: "Post",
                                    data: { ids, level, islimit },
                                    dataType: "json",
                                    loading: true,
                                    success: function (data) {
                                        if (data.result) {
                                            layer.closeAll();
                                            layer.msg("执行成功！");
                                            TableReload();
                                        }
                                        else {
                                            layer.msg("执行失败，请稍后重试！");
                                        }
                                    }
                                });
                            }
                        });
                    }
                }
            },
            other1: function () {
                debugger
                var selectOp = table.checkStatus('listReload');
                if (selectOp.data.length > 0) {
                    var row = selectOp.data[0];
                    var isvalidText = 0;
                    if (row.ISVALID === "是") {
                        isvalidText = 1;
                    }
                    $("#isnewvalid").val(isvalidText);
                    if (row.startTime != null) {
                        $("#start").val(row.startTime);
                    }
                    else {
                        $("#start").val("");
                    }
                    if (row.endTime != null) {
                        $("#end").val(row.endTime);
                    }
                    else {
                        $("#end").val("");
                    }
                    layui.form.render("select");

                    layer.open({
                        title: '修改',
                        type: 1,
                        content: $('#eidtisvalid'),
                        area: ['30%', '50%'],
                        btn: ['确定', '关闭'],
                        btnAlign: 'c',
                        yes: function () {
                            debugger
                            var isvalid = $("#isnewvalid").val();
                            var startTime = $("#start").val();
                            var endTime = $("#end").val();
                            var ids = "";
                            var selects = table.checkStatus('listReload');
                            if (selects.data.length > 0) {
                                $(selects.data).each(function (i, n) {
                                    ids += n.ID + ",";
                                });
                                ids = ids.substring(0, ids.length - 1);
                                //console.log(pkids);
                            }
                            if (ids == "") {
                                layer.msg("请选择行！");
                                return false;
                            }
                            //var eid = row.EID;
                            //layer.msg("level:" + level + ",islimit:" + islimit);
                            $.ajax({
                                url: "/Res/SalesRule/Update",
                                type: "Post",
                                data: { ids, isvalid, type: 1, startTime: startTime, endTime: endTime },
                                dataType: "json",
                                loading: true,
                                success: function (data) {
                                    if (data.result) {
                                        layer.closeAll();
                                        layer.msg("执行成功！");
                                        TableReload();
                                    }
                                    else {
                                        if (data.msg == "isdismiss") {
                                            layer.msg("改员工已经离职，不能进行该操作！");
                                        }
                                        else {
                                            layer.msg("执行失败，请稍后重试！");
                                        }
                                    }
                                }
                            });
                        }
                    });

                } else {
                    layer.msg("请至少选中一行！");
                    return false;
                }
            },
            delete: function () {
                var selects = table.checkStatus('listReload');
                if (selects.data.length > 0) {
                    var ids = "";
                    if (selects.data.length > 0) {
                        $(selects.data).each(function (i, n) {
                            ids += n.ID + ",";
                        });
                        ids = ids.substring(0, ids.length - 1);
                        //console.log(pkids);
                    }
                    if (ids == "") {
                        layer.msg("请选择行！");
                        return false;
                    }
                    layer.confirm("是否确认删除", function () {

                        $.ajax({
                            url: "/Res/SalesRule/Delete",
                            type: "Post",
                            data: { ids },
                            dataType: "json",
                            loading: true,
                            success: function (data) {
                                if (data.result) {
                                    layer.closeAll();
                                    layer.msg("执行成功！");
                                    TableReload();
                                }
                                else {
                                    layer.msg("执行失败，请稍后重试！");
                                }
                            }
                        });
                    });
                }
            }
        };
        $('.layui-btn').on('click', function () {
            var othis = $(this), method = othis.data('method');
            console.log(method);
            active[method] ? active[method].call(this, othis) : '';

        });
    });
    function Closed() {
        layer.close(winindex);
    }
    function TableReload() {
        table.reload('listReload', {

        });
    }

    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='auto' frameborder='0'' src='" + src + "'></iframe>";
    }

    function onLoadSucced() {
    }
    function show_user(eid) {
        debugger

        parent.ChildAddTab('企业微信管理', '/Ww/MyWork/Index?eid=' + eid, '');

    }
</script>