mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-07-18 22:35:58 +08:00
99 lines
4.0 KiB
JavaScript
99 lines
4.0 KiB
JavaScript
![]() |
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;
|
|||
|
layui.droptree("/UserSession/GetOrgs", "#Organizations", "#OrganizationIds");
|
|||
|
|
|||
|
//主列表加载,可反复调用进行刷新
|
|||
|
var config= {}; //table的参数,如搜索key,点击tree的id
|
|||
|
var mainList = function (options) {
|
|||
|
if (options != undefined) {
|
|||
|
$.extend(config, options);
|
|||
|
}
|
|||
|
table.reload('mainList', {
|
|||
|
url: '/RoleManager/Load',
|
|||
|
where: config
|
|||
|
, done: function (res, curr, count) {
|
|||
|
//如果是异步请求数据方式,res即为你接口返回的信息。
|
|||
|
//如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度
|
|||
|
|
|||
|
$.ajax("",{
|
|||
|
async: false
|
|||
|
, success: function (data) {
|
|||
|
var json = JSON.parse(data);
|
|||
|
|
|||
|
//循环所有数据,找出对应关系,设置checkbox选中状态
|
|||
|
for (var i = 0; i < res.data.length; i++) {
|
|||
|
for (var j = 0; j < json.length; j++) {
|
|||
|
if (res.data[i].Id != json[j].Id) 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');
|
|||
|
}
|
|||
|
|
|||
|
}
|
|||
|
});
|
|||
|
}
|
|||
|
//左边树状机构列表
|
|||
|
var ztree = function () {
|
|||
|
var url = '/UserSession/GetOrgs';
|
|||
|
var zTreeObj;
|
|||
|
var setting = {
|
|||
|
view: { selectedMulti: false },
|
|||
|
data: {
|
|||
|
key: {
|
|||
|
name: 'Name',
|
|||
|
title: 'Name'
|
|||
|
},
|
|||
|
simpleData: {
|
|||
|
enable: true,
|
|||
|
idKey: 'Id',
|
|||
|
pIdKey: 'ParentId',
|
|||
|
rootPId: ""
|
|||
|
}
|
|||
|
},
|
|||
|
callback: {
|
|||
|
onClick: function (event, treeId, treeNode) {
|
|||
|
mainList({ orgId: treeNode.Id });
|
|||
|
}
|
|||
|
}
|
|||
|
};
|
|||
|
var load = function () {
|
|||
|
$.getJSON(url, function (json) {
|
|||
|
zTreeObj = $.fn.zTree.init($("#tree"), setting);
|
|||
|
var newNode = { Name: "根节点", Id: null,ParentId:"" };
|
|||
|
json.push(newNode);
|
|||
|
zTreeObj.addNodes(null, json);
|
|||
|
mainList({ orgId: "" });
|
|||
|
zTreeObj.expandAll(true);
|
|||
|
});
|
|||
|
};
|
|||
|
load();
|
|||
|
return {
|
|||
|
reload: load
|
|||
|
}
|
|||
|
}();
|
|||
|
$("#tree").height($("div.layui-table-view").height());
|
|||
|
|
|||
|
//监听页面主按钮操作 end
|
|||
|
})
|