提交 b34ab52c 编写于 作者: doc_wei's avatar doc_wei

【角色管理】绑定权限修改

上级 2a290973
......@@ -40,22 +40,16 @@ layui.config({
});
/********* tree 处理 start *************/
var trees = {};
var treeDoms = $("ul.fsTree");
var tree;
AjaxPostUtil.request({url: reqBasePath + "sys016", params: {rowId: parent.rowId}, type: 'json', method: "GET", callback: function (json) {
$("#roleName").text(json.bean.roleName);
$("#roleDesc").text(json.bean.roleDesc);
checkeRows = json.rows;
if(treeDoms.length > 0) {
$(treeDoms).each(function(i) {
var treeId = $(this).attr("id");
var funcNo = $(this).attr("funcNo");
var url = $(this).attr("url");
var tree = fsTree.render({
id: treeId,
funcNo: funcNo,
url: reqBasePath + url,
tree = fsTree.render({
id: "treeDemo",
url: reqBasePath + "sys014",
getTree: getTree,
checkEnable: true,
loadEnable: false,
......@@ -63,7 +57,7 @@ layui.config({
showIcon: false,
addDiyDom: addDiyDom,
fontCss: setFontCss
}, function(id){
}, function(id) {
var zTreeObj = $.fn.zTree.getZTreeObj(id);
var zTree = zTreeObj.getCheckedNodes(false);
for (var i = 0; i < zTree.length; i++) {
......@@ -73,25 +67,21 @@ layui.config({
}
}
}
var li_head = ' <li class="head"><a><div class="diy">所属系统</div><div class="diy">菜单权限</div><div class="diy">菜单类型</div></a></li>';
var rows = $("#" + treeId).find('li');
var li_head = '<li class="head"><a>' +
'<div class="diy" style="width: 40%">菜单权限</div>' +
'<div class="diy">所属系统</div>' +
'<div class="diy">菜单类型</div>' +
'</a></li>';
var rows = $("#treeDemo").find('li');
if(rows.length > 0) {
rows.eq(0).before(li_head)
rows.eq(0).before(li_head);
} else {
$("#" + treeId).append(li_head);
$("#" + treeId).append('<li ><div style="text-align: center;line-height: 30px;" >无符合条件数据</div></li>')
}
});
if(treeDoms.length == 1) {
trees[treeId] = tree;
} else {
//深度拷贝对象
trees[treeId] = $.extend(true, {}, tree);
}
});
//绑定按钮事件
// 绑定按钮事件
fsCommon.buttonEvent("tree", getTree);
}
}});
function getTree(treeId) {
......@@ -111,51 +101,40 @@ layui.config({
* 自定义DOM节点
*/
function addDiyDom(treeId, treeNode) {
var spaceWidth = 15;
var liObj = $("#" + treeNode.tId);
var aObj = $("#" + treeNode.tId + "_a");
var switchObj = $("#" + treeNode.tId + "_switch");
var icoObj = $("#" + treeNode.tId + "_ico");
var spanObj = $("#" + treeNode.tId + "_span");
aObj.attr('title', '');
aObj.append('<div class="diy swich"></div>');
var div = $(liObj).find('div').eq(0);
aObj.append('<div class="diy swich" style="width: 40%"></div>');
switchObj.remove();
spanObj.remove();
icoObj.remove();
var div = $("#" + treeNode.tId).find('.swich').eq(0);
div.append(switchObj);
div.append(spanObj);
var spaceStr = "<span style='height:1px;display: inline-block;width:" + (spaceWidth * treeNode.level) + "px'></span>";
switchObj.before(spaceStr);
var editStr = '';
editStr = '<div class="diy">' + (treeNode.sysName == null ? ' ' : treeNode.sysName) + '</div>';
aObj.before(editStr);
editStr = '<div class="diy">' + (treeNode.appType == null ? ' ' : treeNode.appType) + '</div>';
aObj.append(editStr);
editStr = '<div class="diy layui-hide">' + (treeNode.type == null ? ' ' : treeNode.type) + '</div>';
aObj.append(editStr);
}
switchObj.before("<span style='height:1px; display: inline-block; width:" + (15 * treeNode.level) + "px'></span>");
// 所属系统
aObj.append('<div class="diy">' + treeNode.sysName + '</div>');
// 菜单类型
aObj.append('<div class="diy">' + treeNode.pageType + '</div>');
}
var lastValue = "", nodeList = [], fontCss = {}, hiddenNodes = [];
var lastValue = "", nodeList = [], hiddenNodes = [];
$("#menuName").val('');
var key = $("#menuName");
key.bind("focus", focusKey)
.bind("blur", blurKey)
.bind("propertychange", searchNode) //property(属性)change(改变)的时候,触发事件
.bind("input", searchNode);
function focusKey(e) {
key.bind("focus", function(e) {
if (key.hasClass("empty")) {
key.removeClass("empty");
}
}
function blurKey(e) {
}).bind("blur", function(e) {
if (key.get(0).value === "") {
key.addClass("empty");
}
}
}).bind("propertychange", searchNode) //property(属性)change(改变)的时候,触发事件
.bind("input", searchNode);
//搜索树
function searchNode(e) {
......@@ -247,7 +226,7 @@ layui.config({
}
function setFontCss(treeId, treeNode) {
return (!!treeNode.highlight) ? {color:"#00ff66", "font-weight":"bold"} : {color:"#333", "font-weight":"normal"};
return (!!treeNode.highlight) ? {color: "#00ff66", "font-weight": "bold"} : {color: "#333", "font-weight": "normal"};
}
// 取消
......
......@@ -16,7 +16,7 @@
.ztree li>span{
display: block !important;
position: absolute;
margin-left: 60.5% !important;
margin-left: 80.5% !important;
margin-top: 10px !important;
}
......
/*标识类的样式*/
.skyeye-badge{
.skyeye-badge {
margin-bottom: 5px;
color: #46799b !important;
background-color: #e0eaf1 !important;
}
/*图片预览时底部操作按钮所在DOM的样式*/
.skyeye-image-operator{
.skyeye-image-operator {
position: fixed;
width: 100%;
text-align: center;
cursor: pointer;
bottom: 0px;
left: 0px;
background-color: rgba(190,190,190,0.3);
background-color: rgba(190, 190, 190, 0.3);
box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
/*提示信息*/
.winui-tip{
.winui-tip {
border-radius: 3px;
border: 1px solid rgba(0,0,0,.07);
border: 1px solid rgba(0, 0, 0, .07);
padding: 5px 5px;
font-size: 13px;
position: relative;
......@@ -29,36 +28,39 @@
text-align: left;
}
.alert-info{
.alert-info {
color: #2f73c8;
background-color: #d9e7f9;
}
.alert-warning{
.alert-warning {
color: #94780a;
background-color: #f9e69b;
}
.alert-danger{
.alert-danger {
color: #d83945;
background-color: #fbdbde;
}
.alert-success{
.alert-success {
color: #155724;
background-color: #d4edda;
}
.alert-primary{
.alert-primary {
color: #3f037a;
background: #d8bff2;
}
.alert-secondary{
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
}
.layui-table-fixed .layui-table-body {
height: auto !important;
}
/***************************竖向选项卡开始********************************/
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册