转移.net core 3.1，为.NET 5做准备

OpenAuth.Mvc/wwwroot/userJs/assignRole.js

@@ -0,0 +1,84 @@
+layui.config({
+    base: "/js/"
+}).use(['form','vue', 'ztree', 'layer', 'jquery', 'table','droptree','openauth','utils'], function () {
+    var form = layui.form,
+        layer = layui.layer,
+        $ = layui.jquery;
+    var table = layui.table;
+    var openauth = layui.openauth;
+    var id = $.getUrlParam("id");      //待分配的id
+    layui.droptree("/UserSession/GetOrgs", "#Organizations", "#OrganizationIds");
+   
+    //主列表加载，可反复调用进行刷新
+    var config= {};  //table的参数，如搜索key，点击tree的id
+    $.getJSON('/RoleManager/Load',
+        config,
+        function (data) {
+            table.render({
+                elem: '#mainList',
+                cols: [[
+                    { checkbox: true, fixed: true },
+                    { field: 'Name', title: '角色名称' },
+                    { field: 'Status', templet: '#Status', title: '角色状态' },
+                    { fixed: 'right', toolbar: '#userList', title: '用户列表' }
+                ]],
+                data: data.Result,
+                height: 'full-80',
+                page: true, //是否显示分页
+                limits: [10, 20, 50], //显示
+                limit: 10, //每页默认显示的数量
+                done: function (res, curr, count) {
+                    //如果是异步请求数据方式，res即为你接口返回的信息。
+                    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
+
+                    $.ajax("/RoleManager/LoadForUser?userId=" + id, {
+                        async: false
+                        , dataType: 'json'
+                        , success: function (json) {
+                            if (json.Code == 500) return;
+                            var roles = json.Result;
+                            //循环所有数据，找出对应关系，设置checkbox选中状态
+                            for (var i = 0; i < res.data.length; i++) {
+                                for (var j = 0; j < roles.length; j++) {
+                                    if (res.data[i].Id != roles[j]) continue;
+
+                                    //这里才是真正的有效勾选
+                                    res.data[i]["LAY_CHECKED"] = true;
+                                    //找到对应数据改变勾选样式，呈现出选中效果
+                                    var index = res.data[i]['LAY_TABLE_INDEX'];
+                                    $('.layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
+                                    $('.layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
+                                }
+
+                            }
+
+                            //如果构成全选
+                            var checkStatus = table.checkStatus('mainList');
+                            if (checkStatus.isAll) {
+                                $('.layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);
+                                $('.layui-table-header th[data-field="0"] input[type="checkbox"]').next().addClass('layui-form-checked');
+                            }
+                        }
+                    });
+                }
+            })
+        })
+
+    //分配及取消分配
+    table.on('checkbox(list)', function (obj) {
+        console.log(obj.checked); //当前是否选中状态
+        console.log(obj.data); //选中行的相关数据
+        console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one
+
+        var url = "/AccessObjs/Assign";
+        if (!obj.checked) {
+            url = "/AccessObjs/UnAssign";
+        }
+        $.post(url, { type: "UserRole", firstId: id, secIds: [obj.data.Id] }
+                       , function (data) {
+                           layer.msg(data.Message);
+                       }
+                      , "json");
+    });
+    //监听页面主按钮操作 end
+})