ZhouliProject/Zhouli.Bms/wwwroot/js/Areas/SystemManager/Role/RoleAssignmentUserGroup.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

layui.use(['form', 'layer', 'table', 'laytpl'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        laytpl = layui.laytpl,
        table = layui.table;
    //用户列表
    var tableIns = table.render({
        elem: '#userGroupList',
        url: '/System/Role/GetRoleUserGroupList',
        where: { RoleId: getQueryString("RoleId") },
        cellMinWidth: 95,
        page: true,
        height: "full-125",
        limits: [10, 15, 20, 25],
        limit: 20,
        id: "userGroupListTable",
        done: function (res, curr, count) {
            //如果是异步请求数据方式，res即为你接口返回的信息。
            //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
            //console.log(res);
        },
        cols: [[
            { type: "checkbox", fixed: "left", width: '5%' },
            { field: 'UserGroupName', title: '用户组名称', align: "center", width: '20%' },
            //{ field: 'ParentUserGroupName', title: '父用户组名称', align: 'center', minWidth: 100 },
            {
                field: 'CreateTime', title: '创建时间', align: 'center', Width: '20%'
            },
            { field: 'Note', title: '备注', align: 'center', Width: '20%' },
            { title: '操作', templet: '#userGroupListBar', Width: '35%',  align: "center" }
        ]]
    });
    //搜索【此功能需要后台配合，所以暂时没有动态效果演示】
    $(".search_btn").on("click", function () {
        table.reload("userGroupListTable", {
            page: {
                curr: 1 //重新从第 1 页开始
            },
            where: {
                searchstr: $(".searchVal").val(),//搜索的关键字
                RoleId: getQueryString("RoleId")
            }
        });
    });
    $(".addNews_btn").on("click", function () {
        var index = layui.layer.open({
            title: "选择用户",
            type: 2,
            area: ["90%", "90%"],
            content: "/System/Role/SelectUserGroup?RoleId=" + getQueryString("RoleId"),
            success: function (layero, index) {
                var body = layui.layer.getChildFrame('body', index);
                setTimeout(function () {
                    layui.layer.tips('点击此处返回列表', '.layui-layer-setwin .layui-layer-close', {
                        tips: 3
                    });
                }, 500);
            }
        });