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

}
<link href="/layui-v2.5.4/css/layui.css" rel="stylesheet" />
<link href="/layui-v2.5.4/css/workbench.css" rel="stylesheet" />
<link href="/layui-v2.5.4/css/common.css" rel="stylesheet" />
<script src="/layui-v2.5.4/layui.js"></script>
<style type="text/css">
    .toolBar_ul li {
        float: left;
    }

    .my_form_iterm {
        width: auto;
        margin-left: 120px;
    }

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

    .layui-row {
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #ccc;
    }

    .layui-form-checkbox i {
        border: 1px solid #d2d2d2;
    }
</style>

<div class="bas_datagrid layui-form">
    <div id="mytoolbar" style="padding:5px;height:auto" class="grid_toolbar">
        <ul class="toolBar_ul">
            <li style="display:none">@Html.Action("UserComBox", "Control")</li>
            <li style="display:none">
                <button class="layui-btn layui-btn-sm layui-btn-primary" id="search">
                    <span class="csicon2"></span>
                    <span class="csicontitle">查询</span>
                </button>
            </li>
            <li>
                <button class="layui-btn layui-btn-sm layui-btn-primary" id="add">
                    <span class="csicon2"></span>
                    <span class="csicontitle">未设置规则的客服</span>
                </button>
            </li>
        </ul>
    </div>
    <div style="clear:both"></div>
    <table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>
</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>

<script>
    layui.use(['table', 'layer'], function () {
        var layer = layui.layer;
        var table = layui.table;
        var $ = layui.jquery;

        $("#search").click(function () {
            var companyId = $("#txt_companyId").val();
            var deptId = $("#txt_deptId").val();
            var groupIds = $("#txt_groupIds").val();
            var userId = $("#txt_userId").val();

            table.render({
                id: 'PayList',//列表别名ID
                elem: '#tabl1',//表ID
                url: '/Res/SalesRule/List?sgid='+@Request["sgid"],
                method: 'POST',
                cols: [[
                    { field: 'GNAME', title: '组别' }
                    , { field: 'EID', title: '工号' }
                    , { field: 'UNAME', title: '姓名' }
                    , { field: 'LEVEL', title: '', hide:true }
                    , { field: 'LEVELNAME', title: '数量' }
                    , { field: 'ISLIMIT', title: '数量限制' }
                    , { field: 'ACTION', title: '操作', toolbar: '<div><a class="layui-btn layui-btn-xs layui-bg-red" lay-event="edit">修改</a></div>' }
                ]]
                , where: { companyId, deptId, groupIds, userId }
                , page: false
            });
        });

        $("#add").click(function () {

            var companyId = $("#txt_companyId").val();
            var deptId = $("#txt_deptId").val();
            var groupIds = $("#txt_groupIds").val();
            var userId = $("#txt_userId").val();

            var url = "Add?companyId=" + companyId + "&deptId=" + deptId + "&groupIds=" + groupIds + "&userId" + userId + "&sgid=" + @Request["sgid"];

            layer.open({
                title: '添加客服',
                type: 2,
                content: url,
                area: ['80%', '80%']
            });
        });

        //监听行工具事件
        table.on('tool(tabl1)', function (obj) {
            if (obj.event === 'edit') {
                //console.log(obj.data.LEVEL);
                //console.log(obj.data.ISLIMIT);
                var islimitText = 0;
                if (obj.data.ISLIMIT === "是") {
                    islimitText = 1;
                }
                $("#islimit").val(islimitText);
                $("#salelevel").val(obj.data.LEVEL);

                layer.open({
                    title: '修改',
                    type: 1,
                    content: $('#eidtDiv'),
                    area: ['30%', '50%'],
                    btn: ['确定', '关闭'],
                    btnAlign: 'c',
                    yes: function () {
                        var level = $("#salelevel").val();
                        var islimit = $("#islimit").val();
                        debugger
                        //layer.msg("level:" + level + ",islimit:" + islimit);
                        var data2 = obj.data.EID + "|" + "35";
                        $.ajax({
                            url: "/Res/SalesRule/Update",
                            type: "Post",
                            data: { eids: data2, level, islimit },
                            dataType: "json",
                            loading: true,
                            success: function (data) {
                                if (data.result) {
                                    layer.closeAll();
                                    layer.msg("执行成功！");
                                    $("#search").click();
                                }
                                else {
                                    layer.msg("执行失败，请稍后重试！");
                                }
                            }
                        });
                    }
                });
            }
        });

        $("#search").click();
    });

    function onLoadSucced() {
        //console.log(1);
        //$("#search").click();
        //$('#tablist').tablegrid("Search");
    }


</script>