From a32f8baa4a2f9bc7afc87ab47350f4aac7400783 Mon Sep 17 00:00:00 2001 From: weizhiqiang <598748873@qq.com> Date: Sun, 20 Mar 2022 16:00:59 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=A0=E7=BB=9F=E6=A8=A1=E5=BC=8F=E7=95=8C?= =?UTF-8?q?=E9=9D=A2=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../template/js/syseverole/syseverolelist.js | 46 ++++---- .../template/assets/lib/layui/custom.js | 1 + .../assets/lib/layui/customer/indexMenu.js | 43 ++++++++ .../assets/lib/winui/js/winui.start.js | 4 +- .../template/js/traditionpage/index.js | 103 +++--------------- 5 files changed, 86 insertions(+), 111 deletions(-) create mode 100644 web/src/main/resources/template/assets/lib/layui/customer/indexMenu.js diff --git a/userauth/src/main/resources/template/js/syseverole/syseverolelist.js b/userauth/src/main/resources/template/js/syseverole/syseverolelist.js index 7845a38d3..e05090a65 100644 --- a/userauth/src/main/resources/template/js/syseverole/syseverolelist.js +++ b/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', {}); }); diff --git a/web/src/main/resources/template/assets/lib/layui/custom.js b/web/src/main/resources/template/assets/lib/layui/custom.js index 2fed646c0..2fef49d1e 100644 --- a/web/src/main/resources/template/assets/lib/layui/custom.js +++ b/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", // 菜单按钮模块相关工具 }; //系统基础信息 diff --git a/web/src/main/resources/template/assets/lib/layui/customer/indexMenu.js b/web/src/main/resources/template/assets/lib/layui/customer/indexMenu.js new file mode 100644 index 000000000..65aebd54b --- /dev/null +++ b/web/src/main/resources/template/assets/lib/layui/customer/indexMenu.js @@ -0,0 +1,43 @@ + +// 菜单按钮相关工具类 +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")); + } + +} + diff --git a/web/src/main/resources/template/assets/lib/winui/js/winui.start.js b/web/src/main/resources/template/assets/lib/winui/js/winui.start.js index b19e068ca..02a8a25f9 100644 --- a/web/src/main/resources/template/assets/lib/winui/js/winui.start.js +++ b/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; diff --git a/web/src/main/resources/template/js/traditionpage/index.js b/web/src/main/resources/template/js/traditionpage/index.js index 27da0e712..ee926a33c 100644 --- a/web/src/main/resources/template/js/traditionpage/index.js +++ b/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 () { -- GitLab