传统模式界面代码优化

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

@@ -18,11 +18,11 @@ layui.config({
 	    elem: '#messageTable',
 	    method: 'post',
 	    url: reqBasePath + 'sys013',
-	    where:{roleName:$("#roleName").val()},
+	    where: getTableParams(),
 	    even:true,
 	    page: true,
-	    limits: [8, 16, 24, 32, 40, 48, 56],
-	    limit: 8,
+		limits: getLimits(),
+		limit: getLimit(),
 	    cols: [[
 	        { title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers'},
 	        { field: 'roleName', title: '角色名称', width: 120 },
@@ -51,14 +51,6 @@ layui.config({
 		}
     });
 	
-	form.render();
-	form.on('submit(formSearch)', function (data) {
-        if (winui.verifyForm(data.elem)) {
-        	refreshTable();
-        }
-        return false;
-	});
-	
 	// 删除
 	function del(data, obj){
 		layer.confirm(systemLanguage["com.skyeye.deleteOperationMsg"][languageType], { icon: 3, title: systemLanguage["com.skyeye.deleteOperation"][languageType] }, function (index) {
@@ -116,12 +108,7 @@ layui.config({
 			}});
 	}
 	
-	//刷新数据
-    $("body").on("click", "#reloadTable", function(){
-    	loadTable();
-    });
-    
-    //新增角色
+    // 新增角色
     $("body").on("click", "#addBean", function(){
     	_openNewWindows({
 			url: "../../tpl/syseverole/syseveroleadd.html", 
@@ -137,14 +124,33 @@ layui.config({
                 }
 			}});
     });
-    
+
+	form.render();
+	form.on('submit(formSearch)', function (data) {
+		if (winui.verifyForm(data.elem)) {
+			refreshTable();
+		}
+		return false;
+	});
+
+	// 刷新数据
+	$("body").on("click", "#reloadTable", function(){
+		loadTable();
+	});
+
     function loadTable(){
-    	table.reload("messageTable", {where:{roleName:$("#roleName").val()}});
+    	table.reload("messageTable", {where: getTableParams()});
     }
     
     function refreshTable(){
-    	table.reload("messageTable", {page: {curr: 1}, where:{roleName:$("#roleName").val()}});
+    	table.reload("messageTable", {page: {curr: 1}, where: getTableParams()});
     }
+
+    function getTableParams() {
+    	return {
+			roleName: $("#roleName").val()
+		};
+	}
     
     exports('syseverolelist', {});
 });

web/src/main/resources/template/assets/lib/layui/custom.js

@@ -25,6 +25,7 @@ var customerJS = {
 	"sysMemberUtil": "../../assets/lib/layui/customer/sysMemberUtil.js", // 会员相关工具
 	"bossUtil": "../../assets/lib/layui/customer/bossUtil.js", // 招聘模块相关工具
 	"shopUtil": "../../assets/lib/layui/customer/shopUtil.js", // 商城模块相关工具
+	"indexMenu": "../../assets/lib/layui/customer/indexMenu.js", // 菜单按钮模块相关工具
 };
 
 //系统基础信息

web/src/main/resources/template/assets/lib/layui/customer/indexMenu.js

+
+// 菜单按钮相关工具类
+var indexMenu = {
+
+
+    getUrlPath: function (){
+
+    },
+
+    /**
+     * 传统模式界面下加载菜单信息
+     *
+     * @param dataMenu 菜单对象
+     * @param icon 菜单图标
+     */
+    loadTraditionPage: function (dataMenu, icon){
+        if(isNull(icon)){
+            icon = "";
+        }
+        // 这时会判断右侧#LAY_app_tabsheader属性下的有lay-id属性的li的数目，即已经打开的tab项数目
+        if($("#LAY_app_tabsheader li[lay-id]").length <= 0) {
+            // 如果比零小，则直接打开新的tab项
+            active.tabAdd(dataMenu.attr("data-url"), dataMenu.attr("data-id"), icon + dataMenu.attr("data-title"));
+        } else {
+            // 否则判断该tab项是否以及存在
+            var isData = false; // 初始化一个标志，为false说明未打开该tab项 为true则说明已有
+            $.each($("#LAY_app_tabsheader li[lay-id]"), function() {
+                // 如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到，则说明该tab项已经打开
+                if($(this).attr("lay-id") === dataMenu.attr("data-id")) {
+                    isData = true;
+                }
+            })
+            if(isData == false) {
+                // 标志为false 新增一个tab项
+                active.tabAdd(dataMenu.attr("data-url"), dataMenu.attr("data-id"), icon + dataMenu.attr("data-title"));
+            }
+        }
+        // 最后不管是否新增tab，最后都转到要打开的选项页面上
+        active.tabChange(dataMenu.attr("data-id"));
+    }
+
+}
+

web/src/main/resources/template/assets/lib/winui/js/winui.start.js

@@ -113,8 +113,8 @@ layui.define(['jquery', 'element', 'layer', 'winui'], function (exports) {
 
     //设置数据
     Menu.prototype.setData = function (callback) {
-        var obj = this
-            , currOptions = obj.options;
+        var obj = this,
+            currOptions = obj.options;
 
         if (!currOptions.url || !currOptions.method)
             return;

web/src/main/resources/template/js/traditionpage/index.js

@@ -151,27 +151,8 @@ layui.config({
 							},
 							onchange: function() {
 								if(!isNull(text2.id())){
-									var dataid = $("#sysMenuListBox").find("a[data-id='" + text2.id() + "']");
-							    	//这时会判断右侧#LAY_app_tabsheader属性下的有lay-id属性的li的数目，即已经打开的tab项数目
-							    	if($("#LAY_app_tabsheader li[lay-id]").length <= 0) {
-							    		//如果比零小，则直接打开新的tab项
-							    		active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), dataid.attr("data-title"));
-							    	} else {
-							    		//否则判断该tab项是否以及存在
-							    		var isData = false; //初始化一个标志，为false说明未打开该tab项 为true则说明已有
-							    		$.each($("#LAY_app_tabsheader li[lay-id]"), function() {
-							    			//如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到，则说明该tab项已经打开
-							    			if($(this).attr("lay-id") === dataid.attr("data-id")) {
-							    				isData = true;
-							    			}
-							    		})
-							    		if(isData == false) {
-							    			//标志为false 新增一个tab项
-							    			active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), dataid.attr("data-title"));
-							    		}
-							    	}
-							    	//最后不管是否新增tab，最后都转到要打开的选项页面上
-							    	active.tabChange(dataid.attr("data-id"));
+									var dataMenu = $("#sysMenuListBox").find("a[data-id='" + text2.id() + "']");
+									indexMenu.loadTraditionPage(dataMenu);
 								}
 							}
 						});
@@ -224,32 +205,13 @@ layui.config({
     	}
     };
 
-    //当点击有page-item-click属性的标签时，即左侧菜单栏中内容 ，触发点击事件
+    // 当点击有page-item-click属性的标签时，即左侧菜单栏中内容 ，触发点击事件
     $("body").on("click", ".page-item-click", function(e){
-    	var dataid = $(this);
-    	if("win" === dataid.attr("data-type")){
-    		window.open(dataid.attr("data-url"));
-    	}else{
-    		//这时会判断右侧#LAY_app_tabsheader属性下的有lay-id属性的li的数目，即已经打开的tab项数目
-	    	if($("#LAY_app_tabsheader li[lay-id]").length <= 0) {
-	    		//如果比零小，则直接打开新的tab项
-	    		active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), dataid.attr("data-title"));
-	    	} else {
-	    		//否则判断该tab项是否以及存在
-	    		var isData = false; //初始化一个标志，为false说明未打开该tab项 为true则说明已有
-	    		$.each($("#LAY_app_tabsheader li[lay-id]"), function() {
-	    			//如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到，则说明该tab项已经打开
-	    			if($(this).attr("lay-id") === dataid.attr("data-id")) {
-	    				isData = true;
-	    			}
-	    		})
-	    		if(isData == false) {
-	    			//标志为false 新增一个tab项
-	    			active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), dataid.attr("data-title"));
-	    		}
-	    	}
-	    	//最后不管是否新增tab，最后都转到要打开的选项页面上
-	    	active.tabChange(dataid.attr("data-id"));
+    	var dataMenu = $(this);
+    	if("win" === dataMenu.attr("data-type")){
+    		window.open(dataMenu.attr("data-url"));
+    	} else {
+			indexMenu.loadTraditionPage(dataMenu);
     	}
     });
 
@@ -465,7 +427,7 @@ layui.config({
         }
     });
     
-    //头部桌面列表点击事件
+    // 头部桌面列表点击事件
     $("body").on("click", ".desktop-menu-box ul .layui-nav-item", function(e){
     	$("#sysMenuListBox").find(".layui-nav-tree").hide();
     	$(".desktop-menu-box ul .layui-nav-item").removeClass('select');
@@ -474,53 +436,16 @@ layui.config({
     	$("#sysMenuListBox").find("ul[menurowid='" + rowId + "']").show();
     });
     
-    //消息中心
+    // 消息中心
     $("body").on("click", "#messageCenter", function(e){
-    	var dataid = $(this);
-    	if($("#LAY_app_tabsheader li[lay-id]").length <= 0) {
-			//如果比零小，则直接打开新的tab项
-			active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), dataid.attr("data-title"));
-		} else {
-			//否则判断该tab项是否以及存在
-			var isData = false; //初始化一个标志，为false说明未打开该tab项 为true则说明已有
-			$.each($("#LAY_app_tabsheader li[lay-id]"), function() {
-				//如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到，则说明该tab项已经打开
-				if($(this).attr("lay-id") === dataid.attr("data-id")) {
-					isData = true;
-				}
-			})
-			if(isData == false) {
-				//标志为false 新增一个tab项
-				active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), dataid.attr("data-title"));
-			}
-		}
-		//最后不管是否新增tab，最后都转到要打开的选项页面上
-		active.tabChange(dataid.attr("data-id"));
+		indexMenu.loadTraditionPage($(this));
     });
     
-    //左侧底部功能
+    // 左侧底部功能
     $("body").on("click", ".tradition-left-bottom .other-item", function(e){
-    	var dataid = $(this);
+    	var dataMenu = $(this);
     	var icon = dataid.find(".other-item-img").html();
-    	if($("#LAY_app_tabsheader li[lay-id]").length <= 0) {
-			//如果比零小，则直接打开新的tab项
-			active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), icon + dataid.attr("data-title"));
-		} else {
-			//否则判断该tab项是否以及存在
-			var isData = false; //初始化一个标志，为false说明未打开该tab项 为true则说明已有
-			$.each($("#LAY_app_tabsheader li[lay-id]"), function() {
-				//如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到，则说明该tab项已经打开
-				if($(this).attr("lay-id") === dataid.attr("data-id")) {
-					isData = true;
-				}
-			})
-			if(isData == false) {
-				//标志为false 新增一个tab项
-				active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), icon + dataid.attr("data-title"));
-			}
-		}
-		//最后不管是否新增tab，最后都转到要打开的选项页面上
-		active.tabChange(dataid.attr("data-id"));
+		indexMenu.loadTraditionPage(dataMenu, icon);
     });
     
 	$(window).resize(function () {