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

userauth/src/main/resources/template/js/syseverole/sysEveRolePCMenu.js

@@ -40,58 +40,48 @@ 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,
-					getTree: getTree,
-					checkEnable: true,
-					loadEnable: false,
-					showLine: false,
-					showIcon: false,
-					addDiyDom: addDiyDom,
-					fontCss: setFontCss
-				}, function(id){
-					var zTreeObj = $.fn.zTree.getZTreeObj(id);
-					var zTree = zTreeObj.getCheckedNodes(false);
-					for (var i = 0; i < zTree.length; i++) {
-						for(var j = 0; j < checkeRows.length; j++){
-							if(zTree[i].id == checkeRows[j].menuId){
-								zTreeObj.checkNode(zTree[i], true);
-							}
-						}
-					}
-					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');
-					if(rows.length > 0) {
-						rows.eq(0).before(li_head)
-					} else {
-						$("#" + treeId).append(li_head);
-						$("#" + treeId).append('<li ><div style="text-align: center;line-height: 30px;" >无符合条件数据</div></li>')
+
+		tree = fsTree.render({
+			id: "treeDemo",
+			url: reqBasePath + "sys014",
+			getTree: getTree,
+			checkEnable: true,
+			loadEnable: false,
+			showLine: false,
+			showIcon: false,
+			addDiyDom: addDiyDom,
+			fontCss: setFontCss
+		}, function(id) {
+			var zTreeObj = $.fn.zTree.getZTreeObj(id);
+			var zTree = zTreeObj.getCheckedNodes(false);
+			for (var i = 0; i < zTree.length; i++) {
+				for(var j = 0; j < checkeRows.length; j++){
+					if(zTree[i].id == checkeRows[j].menuId){
+						zTreeObj.checkNode(zTree[i], true);
 					}
-				});
-				if(treeDoms.length == 1) {
-					trees[treeId] = tree;
-				} else {
-					//深度拷贝对象
-					trees[treeId] = $.extend(true, {}, tree);
 				}
-			});
-			//绑定按钮事件
-			fsCommon.buttonEvent("tree", getTree);
-		}
+			}
+			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);
+			} else {
+				$("#" + treeId).append(li_head);
+				$("#" + treeId).append('<li ><div style="text-align: center;line-height: 30px;" >无符合条件数据</div></li>')
+			}
+		});
+		// 绑定按钮事件
+		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"};
 	}
 
 	// 取消

web/src/main/resources/template/assets/lib/layui/css/tree-table.css

@@ -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;
 }
 

web/src/main/resources/template/assets/lib/winui/css/customer/skyeye-custom.css

-
 /*标识类的样式*/
-.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;
+}
 
 /***************************竖向选项卡开始********************************/