|
|
|
@ -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 '<font class="layui-icon">'+d.icon+'</font>';
|
|
|
|
|
}},
|
|
|
|
|
return '<font class="layui-icon">'+d.icon+'</font>';
|
|
|
|
|
}},
|
|
|
|
|
{field: 'available', title: '是否可用', align: 'center',width:'100',templet:function (d) {
|
|
|
|
|
return d.available==1?'<font color="blue">可用</font>':'<font color="red">不可用</font>';
|
|
|
|
|
}},
|
|
|
|
|
return d.available==1?'<font color="blue">可用</font>':'<font color="red">不可用</font>';
|
|
|
|
|
}},
|
|
|
|
|
{field: 'open', title: '是否展开', align: 'center',width:'100',templet:function (d) {
|
|
|
|
|
return d.open==1?'<font color="blue">展开</font>':'<font color="red">不展开</font>';
|
|
|
|
|
}},
|
|
|
|
|
{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?'<font color="blue">展开</font>':'<font color="red">不展开</font>';
|
|
|
|
|
}},
|
|
|
|
|
{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
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
</html>
|
|
|
|
|