|
|
layui.config({
|
|
|
base: "/js/"
|
|
|
}).use(['form','vue', 'ztree', 'layer', 'jquery','utils','table'], function () {
|
|
|
var layer = (top == undefined || top.layer === undefined )? layui.layer : top.layer,
|
|
|
$ = layui.jquery;
|
|
|
var table = layui.table;
|
|
|
var id = $.getUrlParam("id"); //待分配的id
|
|
|
var type = $.getUrlParam("type"); //待分配的类型
|
|
|
var menuType = $.getUrlParam("menuType"); //待分配菜单的类型
|
|
|
var currentNode;
|
|
|
|
|
|
//菜单列表
|
|
|
var menucon = {}; //table的参数，如搜索key，点击tree的id
|
|
|
|
|
|
var mainList = function (options) {
|
|
|
if (options != undefined) {
|
|
|
$.extend(menucon, options);
|
|
|
}
|
|
|
table.reload('mainList', {
|
|
|
url: '/ModuleManager/LoadMenus',
|
|
|
where: menucon
|
|
|
, response: {
|
|
|
statusCode: 200 //规定成功的状态码，默认：0
|
|
|
}
|
|
|
, done: function (res, curr, count) {
|
|
|
//如果是异步请求数据方式，res即为你接口返回的信息。
|
|
|
//如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
|
|
|
var url = "/ModuleManager/LoadMenusForUser";
|
|
|
if (type.indexOf("Role") != -1) {
|
|
|
url = "/ModuleManager/LoadMenusForRole";
|
|
|
}
|
|
|
|
|
|
$.ajax(url, {
|
|
|
async: false
|
|
|
, data: {
|
|
|
firstId: id
|
|
|
, moduleId: options.moduleId
|
|
|
}
|
|
|
,dataType:"json"
|
|
|
, success: function (roles) {
|
|
|
|
|
|
//循环所有数据，找出对应关系，设置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].Id) continue;
|
|
|
|
|
|
//这里才是真正的有效勾选
|
|
|
res.data[i]["LAY_CHECKED"] = true;
|
|
|
//找到对应数据改变勾选样式，呈现出选中效果
|
|
|
var index = res.data[i]['LAY_TABLE_INDEX'];
|
|
|
$('div[lay-id="mainList"] .layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
|
|
|
$('div[lay-id="mainList"] .layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
//如果构成全选
|
|
|
var checkStatus = table.checkStatus('mainList');
|
|
|
if (checkStatus.isAll) {
|
|
|
$('div[lay-id="mainList"] .layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);
|
|
|
$('div[lay-id="mainList"] .layui-table-header th[data-field="0"] input[type="checkbox"]').next().addClass('layui-form-checked');
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//用户自定义模块分配可见字段
|
|
|
var propList = function (node) {
|
|
|
table.reload('propList', {
|
|
|
url: '/UserSession/GetProperties',
|
|
|
where: {
|
|
|
moduleCode:node.Code
|
|
|
}
|
|
|
, response: {
|
|
|
statusCode: 200 //规定成功的状态码，默认：0
|
|
|
}
|
|
|
, done: function (res, curr, count) {
|
|
|
if(res.data == null) return;
|
|
|
//如果是异步请求数据方式，res即为你接口返回的信息。
|
|
|
//如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
|
|
|
var url = "/ModuleManager/LoadPropertiesForRole";
|
|
|
if (type.indexOf("Role") != -1) {
|
|
|
url = "/ModuleManager/LoadPropertiesForRole";
|
|
|
}
|
|
|
|
|
|
$.ajax(url, {
|
|
|
async: false
|
|
|
, data: {
|
|
|
roleId: id
|
|
|
, moduleCode: node.Code
|
|
|
}
|
|
|
,dataType:"json"
|
|
|
, success: function (props) {
|
|
|
//循环所有数据，找出对应关系，设置checkbox选中状态
|
|
|
for (var i = 0; i < res.data.length; i++) {
|
|
|
for (var j = 0; j < props.Result.length; j++) {
|
|
|
if (res.data[i].ColumnName != props.Result[j]) continue;
|
|
|
|
|
|
//这里才是真正的有效勾选
|
|
|
res.data[i]["LAY_CHECKED"] = true;
|
|
|
//找到对应数据改变勾选样式，呈现出选中效果
|
|
|
var index = res.data[i]['LAY_TABLE_INDEX'];
|
|
|
$('div[lay-id="propList"] .layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
|
|
|
$('div[lay-id="propList"] .layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
//如果构成全选
|
|
|
var checkStatus = table.checkStatus('propList');
|
|
|
if (checkStatus.isAll) {
|
|
|
$('div[lay-id="propList"] .layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);
|
|
|
$('div[lay-id="propList"] .layui-table-header th[data-field="0"] input[type="checkbox"]').next().addClass('layui-form-checked');
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//模块列表
|
|
|
var ztree = function () {
|
|
|
var url = '/UserSession/GetModules';
|
|
|
var zTreeObj;
|
|
|
var setting = {
|
|
|
view: { selectedMulti: true },
|
|
|
check: {
|
|
|
enable: true,
|
|
|
chkStyle: "checkbox",
|
|
|
chkboxType: { "Y": "", "N": "" } //去掉勾选时级联
|
|
|
},
|
|
|
data: {
|
|
|
key: {
|
|
|
name: 'Name',
|
|
|
title: 'Name'
|
|
|
},
|
|
|
simpleData: {
|
|
|
enable: true,
|
|
|
idKey: 'Id',
|
|
|
pIdKey: 'ParentId',
|
|
|
rootPId: 'null'
|
|
|
}
|
|
|
},
|
|
|
callback: {
|
|
|
onClick: function (event, treeId, treeNode) {
|
|
|
currentNode = treeNode;
|
|
|
mainList({ moduleId: treeNode.Id });
|
|
|
propList(treeNode);
|
|
|
},
|
|
|
onCheck: function (event, treeId, treeNode) {
|
|
|
var url = "/AccessObjs/Assign";
|
|
|
if (!treeNode.checked) {
|
|
|
url = "/AccessObjs/UnAssign";
|
|
|
}
|
|
|
|
|
|
$.post(url, { type: type, firstId: id, secIds: [treeNode.Id] }
|
|
|
, function (data) {
|
|
|
layer.msg(data.Message);
|
|
|
}
|
|
|
, "json");
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
var load = function () {
|
|
|
$.getJSON(url, function (json) {
|
|
|
$.each(json.Result,
|
|
|
function(i) {
|
|
|
var that = this;
|
|
|
if(!that.IsSys){
|
|
|
that.Name = that.Name +'[自定义]'
|
|
|
}
|
|
|
});
|
|
|
|
|
|
zTreeObj = $.fn.zTree.init($("#tree"), setting);
|
|
|
zTreeObj.addNodes(null, json.Result);
|
|
|
//如果该用户已经分配模块了，则设置相应的状态
|
|
|
var url = "/ModuleManager/LoadForUser";
|
|
|
if (type.indexOf("Role") != -1) {
|
|
|
url = "/ModuleManager/LoadForRole";
|
|
|
}
|
|
|
$.getJSON(url, { firstId: id }
|
|
|
, function (data) {
|
|
|
$.each(data,
|
|
|
function(i) {
|
|
|
var that = this;
|
|
|
var node = zTreeObj.getNodeByParam("Id", that.Id, null);
|
|
|
zTreeObj.checkNode(node, true, false);
|
|
|
});
|
|
|
});
|
|
|
|
|
|
zTreeObj.expandAll(true);
|
|
|
});
|
|
|
};
|
|
|
load();
|
|
|
return {
|
|
|
reload: load
|
|
|
}
|
|
|
}();
|
|
|
|
|
|
|
|
|
$("#tree").height($(document).height()-10);
|
|
|
|
|
|
|
|
|
//分配及取消分配
|
|
|
table.on('checkbox(mainList)', function (obj) {
|
|
|
console.log(obj.checked); //当前是否选中状态
|
|
|
console.log(obj.data); //选中行的相关数据
|
|
|
console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one
|
|
|
|
|
|
var ids=[];
|
|
|
if(obj.type=="all"){
|
|
|
ids = layui.table.checkStatus('mainList').data.map(function (m) { return m.Id; });
|
|
|
}else{
|
|
|
ids =[obj.data.Id]
|
|
|
}
|
|
|
|
|
|
var url = "/AccessObjs/Assign";
|
|
|
if (!obj.checked) {
|
|
|
url = "/AccessObjs/UnAssign";
|
|
|
}
|
|
|
$.post(url, { type: menuType, firstId: id, secIds: ids}
|
|
|
, function (data) {
|
|
|
layer.msg(data.Message);
|
|
|
}
|
|
|
, "json");
|
|
|
});
|
|
|
//监听页面主按钮操作 end
|
|
|
|
|
|
//监听字段可见分配
|
|
|
table.on('checkbox(propList)', function (obj) {
|
|
|
console.log(obj.checked); //当前是否选中状态
|
|
|
console.log(obj.data); //选中行的相关数据
|
|
|
console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one
|
|
|
var ids=[];
|
|
|
if(obj.type=="all"){
|
|
|
ids = layui.table.checkStatus('propList').data.map(function (m) { return m.Key; });
|
|
|
}else{
|
|
|
ids =[obj.data.Key]
|
|
|
}
|
|
|
|
|
|
var url = "/AccessObjs/AssignDataProperty";
|
|
|
if (!obj.checked) {
|
|
|
url = "/AccessObjs/UnAssignDataProperty";
|
|
|
}
|
|
|
$.post(url,{ moduleCode: currentNode.Code, roleId: id, 'properties': ids }
|
|
|
, function (data) {
|
|
|
layer.msg(data.Message);
|
|
|
}
|
|
|
, "json");
|
|
|
});
|
|
|
|
|
|
}) |