From fbb9640df8e6dd66d562e15c5684ba6b80316fd7 Mon Sep 17 00:00:00 2001 From: liushenping <3267288595@qq.com> Date: Tue, 17 Dec 2024 22:17:44 +0800 Subject: [PATCH] 1234567891011 --- .../templates/system/menu/menuRight.html | 264 +++++++----------- 1 file changed, 94 insertions(+), 170 deletions(-) diff --git a/src/main/resources/templates/system/menu/menuRight.html b/src/main/resources/templates/system/menu/menuRight.html index 8eff1d6..0803450 100644 --- a/src/main/resources/templates/system/menu/menuRight.html +++ b/src/main/resources/templates/system/menu/menuRight.html @@ -167,40 +167,20 @@ {field: 'title', title: '菜单名称', align: 'center',width:'150'}, {field: 'href', title: '菜单地址', align: 'center',width:'200'}, {field: 'icon', title: '菜单图标', align: 'center',width:'90',templet:function (d) { - return ''+d.icon+''; - }}, + return ''+d.icon+''; + }}, {field: 'available', title: '是否可用', align: 'center',width:'100',templet:function (d) { - return d.available==1?'可用':'不可用'; - }}, + return d.available==1?'可用':'不可用'; + }}, {field: 'open', title: '是否展开', align: 'center',width:'100',templet:function (d) { - return d.open==1?'展开':'不展开'; - }}, - {field: 'ordernum', title: '排序码', align: 'center',width:'80'}, - {field: 'target', title: 'TARGET', align: 'center',width:'80',hide:true}, - {fixed: 'right', title: '操作', toolbar: '#menuRowBar', align: 'center',width:'180'} - ] ], - done: function (data, curr, count) { - //不是第一页时，如果当前返回的数据为0那么就返回上一页 - if (data.data.length == 0 && curr != 1) { - tableIns.reload({ - page: { - curr: curr - 1 - } - }) - } - /*//当是第一页时，如果当前返回的数据为0并且当前为第一页 给一个空的查询条件，并给curr赋初值为1 - if (data.data.length==0 && curr==1){ - tableIns.reload({ - where: "", - page:{ - curr:1 - } - }) - }*/ - } + return d.open==1?'展开':'不展开'; + }}, + {field: 'ordernum', title: '排序码', align: 'center',width:'100'}, + {fixed: 'right', title: '操作', toolbar: '#menuRowBar', width: 200} + ] ] }); - //监控模糊查询按钮事件 + //搜索条件：提交表单进行查询 form.on("submit(doSearch)", function (data) { tableIns.reload({ where: data.field, @@ -211,161 +191,105 @@ return false; }); - //监控工具条事件 - table.on("toolbar(menuTable)", function (obj) { - switch (obj.event) { - case 'add': - openAddLayer(); - break; - }; + //弹出新增菜单表单 + $(".layui-btn[lay-event='add']").click(function () { + layer.open({ + type: 1, + title: "添加菜单", + area: ['600px', 'auto'], + content: $("#addOrUpdateDiv") + }); + $("#dataFrm")[0].reset(); + $("#pid").val(0); + $("#ordernum").val(100); }); - //监控行工具条事件 - table.on("tool(menuTable)", function (obj) { - //获取当前行数据 - var data = obj.data; + //监听表格工具条事件 + table.on('toolbar(menuTable)', function (obj) { switch (obj.event) { - case 'delete': - deleteMenu(data); - break; - case 'update': - updateMenu(data); - break; - }; - }); - - var mainIndex; - var url; - - //打开添加弹出层 - function openAddLayer() { - mainIndex = layer.open({ - type:1, - content:$("#addOrUpdateDiv"), - area:['800px','450px'], - title:'添加菜单', - success:function () { - $("#dataFrm")[0].reset(); - //设置下拉树中父节点的值为空 - $("#pid").val(""); - url="/menu/addMenu"; - //初始化排序码 - $.get("/menu/loadMenuMaxOrderNum",function (res) { - $("#ordernum").val(res.value); + case 'add': //新增菜单 + layer.open({ + type: 1, + title: "添加菜单", + area: ['600px', 'auto'], + content: $("#addOrUpdateDiv") }); - //设置下拉树的value值为空 - selectTree.selectVal(""); - } - }); - } - - //打开修改的弹出层 - function updateMenu(data) { - mainIndex = layer.open({ - type:1, - content:$("#addOrUpdateDiv"), - area:['800px','450px'], - title:'修改菜单', - success:function () { - //清空原有的数据 $("#dataFrm")[0].reset(); - //装载新的数据 - form.val("dataFrm",data); - //选中之前的父级菜单 nodeId=data.pid - dtree.dataInit("menuTree",data.pid); - dtree.selectVal("menuTree"); - url="/menu/updateMenu"; - } - }); - } + $("#pid").val(0); + $("#ordernum").val(100); + break; + } + }); - form.on("submit(doSubmit)",function (data) { - $.post(url,data.field,function (res) { - if (res.code==200){ - tableIns.reload(); - //重新加载添加弹出层的下拉树 - selectTree.reload(); - //重新加载左边的菜单树 - window.parent.left.menuTree.reload(); + //监听行工具事件 + table.on('tool(menuTable)', function (obj) { + var data = obj.data; + var layEvent = obj.event; + if (layEvent === 'update') { //编辑 + $("#dataFrm")[0].reset(); + //打开修改菜单弹出层 + layer.open({ + type: 1, + title: "编辑菜单", + area: ['600px', 'auto'], + content: $("#addOrUpdateDiv") + }); + //初始化表单数据 + $("#dataFrm")[0].reset(); + form.val("dataFrm", { + id: data.id, + pid: data.pid, + title: data.title, + href: data.href, + icon: data.icon, + target: data.target, + available: data.available, + open: data.open, + ordernum: data.ordernum + }); + dtree.render({ + elem: "#menuTree", + url: "/menu/loadMenuTree", + dataStyle: "layui", + click: function (data) { + $("#pid").val(data.id); + } + }); + } else if (layEvent === 'delete') { //删除 + if (data.children && data.children.length > 0) { + layer.msg("该菜单有子菜单，请先删除子菜单！", {icon: 5}); + return; } - layer.msg(res.msg); - layer.close(mainIndex); - }); - return false; + layer.confirm("您确定删除该菜单吗？", {icon: 3, title: '提示'}, function (index) { + $.post("/menu/delete", {id: data.id}, function (res) { + if (res.code === 200) { + layer.msg(res.msg, {icon: 1}); + tableIns.reload(); + } else { + layer.msg(res.msg, {icon: 5}); + } + }); + layer.close(index); + }); + } }); - /*$("#doSubmit").click(function () { - var data = $("#dataFrm").serialize(); - $.post(url,data,function (res) { - if (res.code==200){ + //监听提交按钮：添加或修改菜单 + form.on("submit(doSubmit)", function (data) { + $.post("/menu/saveOrUpdate", data.field, function (res) { + if (res.code === 200) { + layer.msg(res.msg, {icon: 1}); + layer.closeAll(); tableIns.reload(); - //重新加载添加弹出层的下拉树 - selectTree.reload(); - //重新加载左边的菜单树 - window.parent.left.menuTree.reload(); - } - layer.msg(res.msg); - layer.close(mainIndex); - }); - });*/ - - //删除 - function deleteMenu(data) { - $.post("/menu/checkMenuHasChildrenNode", {id: data.id}, function (resoult) { - if (resoult.value){ - layer.msg("当前菜单节点有子菜单，请选择删除子菜单！") - }else { - layer.confirm('你确定要删除【' + data.title + '】这个菜单吗？', {icon: 3, title: '提示'}, function (index) { - $.post("/menu/deleteMenu", {id: data.id},function (res) { - if (res.code == 200) { - tableIns.reload({ - where:"", - }); - //刷新下拉树 - selectTree.reload(); - //刷新左边的菜单树 - window.parent.left.menuTree.reload(); - } - layer.msg(res.msg); - }); - layer.close(index); - }); + } else { + layer.msg(res.msg, {icon: 5}); } }); - } - - //初始化下拉树 - var selectTree = dtree.renderSelect({ - elem: "#menuTree", - width: "100%", // 可以在这里指定树的宽度来填满div - dataStyle: "layuiStyle", //使用layui风格的数据格式 - dataFormat: "list", //配置data的风格为list - response:{message:"msg",statusCode:0}, //修改response中返回数据的定义 - url: "/menu/loadMenuManagerLeftTreeJson" // 使用url加载（可与data加载同时存在） + return false; }); - //监听点击的方法 - dtree.on("node(menuTree)",function (obj) { - $("#pid").val(obj.param.nodeId); - console.log(obj.param.nodeId); - }) - - }); - - //给其它页面刷新当前页面数据表格的方法 - function reloadTable(id) { - tableIns.reload({ - where:{ - id:id - }, - page:{ - curr:1 - } - }); - } - - \ No newline at end of file +