206 lines
5.9 KiB
HTML
206 lines
5.9 KiB
HTML
<!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>
|
|
<td align="left">
|
|
<button class="layui-btn layui-btn-sm" onclick="addMenu()" permission="sys:menu:add">
|
|
添加
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</header>
|
|
|
|
<div>
|
|
<div class="widget-body no-padding">
|
|
<table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%">
|
|
<tr style="background-color: #FAFAFA !important;">
|
|
<th width="20%">名称</th>
|
|
<th width="5%">id</th>
|
|
<th>href</th>
|
|
<th width="15%">permission</th>
|
|
<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>
|
|
<script type="text/javascript" src="../../../public/public.js"></script>
|
|
<script src="../../js/publicJs.js"></script>
|
|
<script type="text/javascript">
|
|
var pers = checkPermission();
|
|
initMenuList();
|
|
|
|
function initMenuList(){
|
|
$.ajax({
|
|
type : 'get',
|
|
url : smz_ht_url + '/permissions',
|
|
//contentType: "application/json; charset=utf-8",
|
|
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;
|
|
|
|
var permission = d['permission'];
|
|
if(permission == null){
|
|
permission = "";
|
|
}
|
|
|
|
var td3 = "<td>" + permission +"</td>";
|
|
tr += td3;
|
|
|
|
var sort = d['sort'];
|
|
if(sort == 0){
|
|
sort = "";
|
|
}
|
|
|
|
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'];
|
|
var edit = buttonEdit(id, "sys:menu:add", pers);
|
|
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;
|
|
});
|
|
|
|
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");
|
|
}
|
|
|
|
function del(id){
|
|
layer.confirm('确定要删除吗？', {
|
|
btn : [ '确定', '取消' ]
|
|
}, function() {
|
|
$.ajax({
|
|
type : 'delete',
|
|
url : smz_ht_url + '/permissions/' + id,
|
|
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);
|
|
|
|
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>
|