TG.WXCRM.V4/WEB/Views/MsgToolPlan/UserGroup.cshtml

@model  WX.CRM.Model.Entity.WW_HHUSER_EID
@{ ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_EasyUI_Layout.cshtml";
}
@{
    string isok = ViewBag.isOk == null ? "1" : Convert.ToString(ViewBag.isOk);
}
<style>
    .tree-file{
        display:none;
    }
    .ultree {
        overflow: auto;
        height: 400px;
        width:50%;
    }
    .contentDiv {
        width: 40%;
        margin-left:2%;
    }
    .content{
        width:100%;
        height:100%;
    }
</style>
<script>
        var isOk = "@Html.Raw(isok)";
</script>
<div class="layui-form-item" style="margin-top:20px;">
    <div style="display:flex">
        <div title="业务部门" class="ultree" style="overflow:auto;height:400px">
            <ul id="ultree"></ul>
        </div>
        <div class="contentDiv">
            <textarea id="content"class="content" disabled="disabled"></textarea>
        </div>
    </div>
    <div>
    </div>
</div>
<div class="layui-form-item">
    <div class="layui-input-block my_form_iterm">
        <button class="layui-btn layui-btn-ok" lay-submit lay-filter="formDemo">保存</button>
        <button onclick="parent.Closed()" type="button" class="layui-btn layui-btn-primary">取消</button>
    </div>
</div>
@if (isok == "0")
{
    <div class="layui-form-item">
        <label class="layui-form-label erro_msg">错误提示：</label>
        <div class="layui-input-block my_form_iterm erro_msg">
            @Html.Raw(ViewBag.Msg)
        </div>
    </div>
}
<script>
    var checkData = [];
    var isInit = true;
    $(function () {
        debugger
        $('#ultree').tree({
            onSelect: function (node) {
                debugger
                var cknodes = $('#ultree').tree("getChecked");
                for (var i = 0; i < cknodes.length; i++) {
                    if (cknodes[i].id != node.id) {
                        $('#ultree').tree("uncheck", cknodes[i].target);
                    }
                }
                if (node.checked) {
                    $('#ultree').tree('uncheck', node.target);

                } else {
                    $('#ultree').tree('check', node.target);

                }
                //$("#content").html(node.description);
            },
            onCheck: treeSingleCheckCtrl,//核心,单选控制
            onLoadSuccess: function (node) {
                Load_UserRight();
            },
            url: "/MsgToolPlan/GetGroupList",
            checkbox: true
        });
    });
    function treeSingleCheckCtrl(node, checked) {
        debugger
        var elementId = "ultree";
        if (checked) {
            var allCheckedNodes = $('#' + elementId).tree("getChecked");
            for (var i = 0; i < allCheckedNodes.length; i++) {
                    var tempNode = allCheckedNodes[i];
                    if (tempNode.id != node.id) {
                        $('#' + elementId).tree('uncheck', tempNode.target);
                    }
            }
            $("#content").html(node.description);
        }
    }
    layui.use('form', function () {
        var form = layui.form;
        var layer = layui.layer;
        var type = "@Html.Raw(ViewBag.type)";
        //监听提交
        form.on('submit(formDemo)', function (data) {
            debugger
            var nodes = $('#ultree').tree('getChecked');
            if (nodes.length == 0) {
                layer.msg('请先选择人群包！', { icon: 2 });
                return;
            }
            var node = nodes[0];
            var obj = {
                description: node.description,
                id: node.id,
                text: node.text
            };
            if (isOk == "1") {
                parent.SetUserGroup(obj);
                return false;
            } else {
                layer.msg('系统错误!请关闭编辑页重试！', { icon: 2 });
                return false;
            }
        });
    });
    function Load_UserRight() { //加载角色对应的权限
        var postdata = "@Html.Raw(ViewBag.data)";
        if (postdata == "" || postdata == undefined) {
            return;
        }
        var data = postdata.split(",");
        if (data) {
            $(".tool_button").each(function () {
                $(this).removeAttr("checked");
            });
        }
        $(data).each(function (i, n) {
            debugger
            var node = $('#ultree').tree('find', n);
            if (node != null) {
                $('#ultree').tree('check', node.target);
            }
        });


    }
</script>