@using CRM.Core.Model.Entity
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="x-body">
    <div class="layui-btn-group" style="padding-bottom:10px;">
        <button class="layui-btn" data-method="save">保存</button>
    </div>
    <div class="layui-fluid">
        <div class="layui-row">
            <div class="layui-col-md3">
                <ul id="role">
                    @{ foreach (var item in ViewBag.roles as List<BAS_ROLE>)
                        {
                            <li><a href="javascript:void(0)" data-id="@item.ROLEID">@item.RNAME</a></li>
                        } }

                </ul>
            </div>
            <div class="layui-col-md9">
                <ul id="right" class="dtree" data-id="0"></ul>
            </div>
        </div>
    </div>

</div>
<script>
    var roleId;

    layui.config({
        base: '/Scripts/layui_ext/dtree/' //配置 layui 第三方扩展组件存放的基础目录
    }).extend({
        dtree: 'dtree' //定义该组件模块名
    }).use(['element', 'layer', 'dtree'], function () {
        var layer = layui.layer,
            dtree = layui.dtree,
            $ = layui.$;

        var DTree = dtree.render({
            elem: "#right",  //绑定元素
            url: "/RoleRightResource/Index",  //异步接口
            checkbar: true,
            checkbarType: "no-all",
            done: function (data, obj) {
                //dtree.chooseDataInit("right", "B101,B102");
                //DTree.initNoAllCheck();
            }
        });

        //单击节点 监听事件
        dtree.on("node('right')", function (param) {
            layer.msg(JSON.stringify(param));
        });

        var active = {
            save: function () {
                
                if (!roleId) {
                    alert("参数错误！")
                    return;
                }
                var params = dtree.getCheckbarNodesParam("right");
                //console.log(params);

                var ids = [];
                for (var key in params) {
                    var param = params[key];
                    if (param.isLeaf) {
                        ids.push(param.nodeId)
                    };
                }

                $.r_post('/RoleRightResource/Save', { roleId: roleId, rightIds: ids.join(",") }, function (data) {
                    //console.log(data);
                    if (data.type == 1) {
                        layer.msg('操作成功！');
                    }
                    else {
                        layer.msg('操作失败，请重试！');
                    }
                });
            }
        };

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

        $('#role li a').on('click', function () {
            var me = $(this);
            var id = me.data('id');
            roleId = id;
            //alert(id);
            $.r_post('/RoleRightResource/Get', { roleId: id }, function (data) {
                //console.log(data);
                if (data.result) {
                    dtree.chooseDataInit("right", data.data);
                    DTree.initNoAllCheck();
                }
            });
            
        });

    });

</script>