2025-11-27 16:55:35 +08:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
< title > Insert title here< / title >
< link rel = "stylesheet" type = "text/css" media = "screen" href = "../../css/bootstrap.min.css" >
< link rel = "stylesheet" href = "../../css/treetable/jquery.treetable.css" / >
< link rel = "stylesheet" href = "../../css/treetable/jquery.treetable.theme.default.css" / >
< link rel = "stylesheet" type = "text/css" media = "screen" href = "../../layui/css/layui.css" >
< / head >
< body >
< div >
< div class = "col-xs-12 col-sm-12 col-md-12 col-lg-12" >
< header style = "height: 100%" >
< div align = "left" >
< table style = "width: 100%" >
< tr >
< td >
< / td >
2025-12-15 15:23:57 +08:00
< td align = "left" >
< button class = "layui-btn layui-btn-sm" onclick = "addMenu()" permission = "sys:menu:add" >
添加
2025-11-27 16:55:35 +08:00
< / button >
< / td >
2025-12-15 15:23:57 +08:00
< / tr >
2025-11-27 16:55:35 +08:00
< / table >
< / div >
< / header >
2025-12-15 15:23:57 +08:00
2025-11-27 16:55:35 +08:00
< div >
< div class = "widget-body no-padding" >
< table id = "dt-table" class = "table table-striped table-bordered table-hover" style = "width:100%" >
2025-12-15 15:23:57 +08:00
< tr style = "background-color: #FAFAFA !important;" >
2025-11-27 16:55:35 +08:00
< th width = "20%" > 名称< / th >
< th width = "5%" > id< / th >
2025-12-15 15:23:57 +08:00
< th > href< / th >
< th width = "15%" > permission< / th >
2025-11-27 16:55:35 +08:00
< th width = "5%" > sort< / th >
< th width = "5%" > 资源类型< / th >
< th > 操作< / th >
< / tr >
< / table >
< / div >
< / div >
< / div >
< / div >
< / body >
< / html >
< script type = "text/javascript" src = "../../js/libs/jquery-3.6.0.js" > < / script >
< script type = "text/javascript" src = "../../js/jq.js" > < / script >
< script type = "text/javascript" src = "../../layui/layui.js" > < / script >
< script type = "text/javascript" src = "../../js/my/permission.js" > < / script >
< script src = "../../js/libs/jquery.treetable.js" > < / script >
2025-12-09 18:44:29 +08:00
< script type = "text/javascript" src = "../../../public/public.js" > < / script >
2025-11-27 16:55:35 +08:00
< script src = "../../js/publicJs.js" > < / script >
< script type = "text/javascript" >
var pers = checkPermission();
initMenuList();
function initMenuList(){
$.ajax({
type : 'get',
2025-12-09 18:44:29 +08:00
url : smz_ht_url + '/permissions',
2025-12-15 15:23:57 +08:00
//contentType: "application/json; charset=utf-8",
2025-11-27 16:55:35 +08:00
async:false,
success : function(data) {
var length = data.length;
for(var i=0; i< length ; i + + ) {
var d = data[i];
var tr = "< tr data-tt-id = '" + d[' id ' ] + " ' data-tt-parent-id = '" + d[' parentId ' ] + " ' > ";
var td1 = "< td > " + d['name'] +"< / td > ";
tr += td1;
var id = "< td > " + d['id'] +"< / td > ";
tr += id;
var href = "";
if(d['href'] != null){
href = d['href'];
}
var td2 = "< td > " + href +"< / td > ";
tr += td2;
2025-12-15 15:23:57 +08:00
2025-11-27 16:55:35 +08:00
var permission = d['permission'];
if(permission == null){
permission = "";
}
2025-12-15 15:23:57 +08:00
2025-11-27 16:55:35 +08:00
var td3 = "< td > " + permission +"< / td > ";
tr += td3;
2025-12-15 15:23:57 +08:00
2025-11-27 16:55:35 +08:00
var sort = d['sort'];
if(sort == 0){
sort = "";
}
2025-12-15 15:23:57 +08:00
2025-11-27 16:55:35 +08:00
var td4 = "< td > " + sort +"< / td > ";
tr += td4;
var permissionType = d['permissionType'];
if(permissionType == null){
permissionType = "";
}
var td5 = "< td > "+ d['permissionType'] +"< / td > ";
tr += td5;
var id = d['id'];
2025-12-15 15:23:57 +08:00
var edit = buttonEdit(id, "sys:menu:add", pers);
2025-11-27 16:55:35 +08:00
var del = buttonDel(id, "sys:menu:del", pers);
tr += "< td > "+edit + del+"< / td > ";
tr += "< / tr > "
$("#dt-table").append(tr);
}
}
});
}
layui.use('layer', function(){
var layer = layui.layer;
});
2025-12-15 15:23:57 +08:00
function buttonDel(data, permission, pers){
if(permission != ""){
if ($.inArray(permission, pers) < 0 ) {
return "";
}
}
var btn = $("< button class = 'layui-btn layui-btn-xs' title = '删除' onclick = 'del(\"" + data +"\")' style = 'background-color: transparent;color: #ff4d4f;' > 删除< / button > ");
return btn.prop("outerHTML");
}
function buttonEdit(id, permission, pers){
if(permission != ""){
if ($.inArray(permission, pers) < 0 ) {
return "";
}
}
var btn = $("< button class = 'layui-btn layui-btn-xs' title = '编辑' onclick = 'edit(\"" +id+ "\")' style = 'background-color: transparent;color: #009688;' > 编辑< / button > ");
return btn.prop("outerHTML");
}
2025-11-27 16:55:35 +08:00
function del(id){
layer.confirm('确定要删除吗？', {
btn : [ '确定', '取消' ]
}, function() {
$.ajax({
type : 'delete',
2025-12-09 18:44:29 +08:00
url : smz_ht_url + '/permissions/' + id,
2025-11-27 16:55:35 +08:00
success : function(data) {
location.reload();
}
});
});
}
var option = {
expandable : true,
clickableNodeNames : true,
onNodeExpand : function() {
var d = this;
console.log(d['id']);
console.log(d['parentId']);
},
onNodeCollapse : function() {
var d = this;
console.log(d['id'] + "Collapse");
console.log(d['parentId'] + "Collapse");
}
};
$("#dt-table").treetable(option);
2025-12-15 15:23:57 +08:00
function addMenu(){
var height = '97.5%';
var width = '97.5%';
var index = layer.open({
title: ['新增', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: 'addMenu.html',
area: [width, height],
maxmin: false,
});
}
function edit(id){
localStorage.setItem("menuId", id)
var height = '97.5%';
var width = '97.5%';
var index = layer.open({
title: ['编辑', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: 'updateMenu.html',
area: [width, height],
maxmin: false,
});
}
function refreshMenuList(){
location.reload();
}
< / script >
