272 lines
11 KiB
HTML
272 lines
11 KiB
HTML
|
{layout name="layout1" /}
|
|||
|
|
<style>
|
|||
|
|
.layui-table-cell {
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<div class="wrapper">
|
|||
|
|
<div class="layui-card">
|
|||
|
|
<div class="layui-card-body">
|
|||
|
|
|
|||
|
|
<div class="layui-form layui-card-header layuiadmin-card-header-auto">
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<div class="layui-btn-container" style="display: inline-block;">
|
|||
|
|
<div class="layui-btn-group">
|
|||
|
|
<button class="layui-btn {$view_theme_color}" id="add">
|
|||
|
|
添加
|
|||
|
|
</button>
|
|||
|
|
<button class="layui-btn {$view_theme_color}" id="expand-all">全部展开
|
|||
|
|
</button>
|
|||
|
|
<button class="layui-btn {$view_theme_color}" id="fold-all">全部折叠
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<table id="menu-lists" class="layui-table" lay-filter="menu-lists"></table>
|
|||
|
|
<script type="text/html" id="icon">
|
|||
|
|
<i class="layui-icon {{d.icon}}"></i>
|
|||
|
|
</script>
|
|||
|
|
<script type="text/html" id="operation">
|
|||
|
|
{{# if(d.system == 0){ }}
|
|||
|
|
<a class="edit layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i
|
|||
|
|
class="layui-icon layui-icon-edit"></i>修改
|
|||
|
|
</a>
|
|||
|
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
|
|||
|
|
class="layui-icon layui-icon-delete"></i>删除
|
|||
|
|
</a>
|
|||
|
|
{{# } }}
|
|||
|
|
{{# if(d.system == 1){ }}
|
|||
|
|
<a class="edit layui-btn layui-btn-disabled layui-btn-xs" lay-event=""><i
|
|||
|
|
class="layui-icon layui-icon-edit"></i>修改
|
|||
|
|
</a>
|
|||
|
|
<a class="layui-btn layui-btn-disabled layui-btn-xs" lay-event=""><i
|
|||
|
|
class="layui-icon layui-icon-delete"></i>删除
|
|||
|
|
</a>
|
|||
|
|
{{# } }}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<!-- 表格状态列 -->
|
|||
|
|
<script type="text/html" id="disable">
|
|||
|
|
{{# if(d.system == 0 && d.type == 1){ }}
|
|||
|
|
<input type="checkbox" lay-filter="switch-disable" data-id={{d.id}} lay-skin="switch"
|
|||
|
|
lay-text="菜单显示|菜单隐藏" {{# if(d.disable==0){ }} checked {{# } }}/>
|
|||
|
|
{{# } }}
|
|||
|
|
{{# if(d.system == 1 && d.type == 1){ }}
|
|||
|
|
<input type="checkbox" lay-filter="switch-disable" data-id={{d.id}} lay-skin="switch"
|
|||
|
|
lay-text="权限显示|权限隐藏" disabled checked />
|
|||
|
|
{{# } }}
|
|||
|
|
{{# if(d.system == 0 && d.type == 2){ }}
|
|||
|
|
<input type="checkbox" lay-filter="switch-disable" data-id={{d.id}} lay-skin="switch"
|
|||
|
|
lay-text="权限启用|权限禁用" {{# if(d.disable==0){ }} checked {{# } }}/>
|
|||
|
|
{{# } }}
|
|||
|
|
{{# if(d.system == 1 && d.type == 2){ }}
|
|||
|
|
<input type="checkbox" lay-filter="switch-disable" data-id={{d.id}} lay-skin="switch"
|
|||
|
|
lay-text="权限启用|权限禁用" disabled checked />
|
|||
|
|
{{# } }}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<div class="page-loading">
|
|||
|
|
<div class="ball-loader sm">
|
|||
|
|
<span></span>
|
|||
|
|
<span></span>
|
|||
|
|
<span></span>
|
|||
|
|
<span></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
|
|||
|
|
layui.config({
|
|||
|
|
version:"{$front_version}",
|
|||
|
|
base: '/static/lib/'
|
|||
|
|
}).extend({
|
|||
|
|
treeTable: 'treetable/treeTable'
|
|||
|
|
}).use(['form', 'table', 'treeTable'], function () {
|
|||
|
|
var form = layui.form
|
|||
|
|
,treeTable = layui.treeTable;
|
|||
|
|
|
|||
|
|
// 渲染表格
|
|||
|
|
var insTb = treeTable.render({
|
|||
|
|
elem: '#menu-lists',
|
|||
|
|
tree: {
|
|||
|
|
iconIndex:0,
|
|||
|
|
childName:'sub',
|
|||
|
|
treeColIndex:3,
|
|||
|
|
getIcon: function (d) {
|
|||
|
|
return '<i class="ew-tree-icon layui-icon layui-icon-spread-left "></i>';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
cols: [
|
|||
|
|
{field: 'name', title: '名称',width: 280},
|
|||
|
|
{field: 'type_str', title: '类型',width: 70},
|
|||
|
|
{field: '#icon', title: '图标', width: 80,toolbar: '#icon'},
|
|||
|
|
{field: 'uri', title: '规则',width: 200},
|
|||
|
|
{field: 'sort', title: '排序', width: 80,event: 'tips',edit:'number'},
|
|||
|
|
{templet: '#disable', title: '控制', width: 120},
|
|||
|
|
{align: 'center', toolbar: '#operation', title: '操作', width: 200},
|
|||
|
|
{field: '', title: '',width: ''},
|
|||
|
|
],
|
|||
|
|
reqData: function(data, callback) {
|
|||
|
|
// 在这里写ajax请求，通过callback方法回调数据
|
|||
|
|
like.ajax({
|
|||
|
|
url:'{:url("auth/lists")}',
|
|||
|
|
type:'get',
|
|||
|
|
success:function (res) {
|
|||
|
|
jsonObj = JSON.parse(res.data);
|
|||
|
|
if(res.code==0) {
|
|||
|
|
callback(jsonObj);
|
|||
|
|
} else {
|
|||
|
|
callback(res.msg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
style: 'margin-top:0;'
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
treeTable.on('tool(menu-lists)', function(obj) {
|
|||
|
|
var menu_id = obj.data.id;
|
|||
|
|
|
|||
|
|
if(obj.event === 'del'){
|
|||
|
|
layer.confirm('确定删除此菜单及其子菜单？', function(index){
|
|||
|
|
like.ajax({
|
|||
|
|
url:'{:url("auth/del")}',
|
|||
|
|
data: {ids:[menu_id]},
|
|||
|
|
type:"post",
|
|||
|
|
success:function(res)
|
|||
|
|
{
|
|||
|
|
if(res.code == 1) {
|
|||
|
|
layer.close(index);
|
|||
|
|
layui.layer.msg(res.msg, {
|
|||
|
|
offset: '15px'
|
|||
|
|
, icon: 1
|
|||
|
|
, time: 1000
|
|||
|
|
},function(){
|
|||
|
|
location.reload();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(obj.event === 'edit'){
|
|||
|
|
layer.open({
|
|||
|
|
type: 2
|
|||
|
|
,title: '编辑菜单'
|
|||
|
|
,content: '{:url("auth/edit")}?id='+menu_id
|
|||
|
|
,area: ['90%', '90%']
|
|||
|
|
,btn: ['确定', '取消']
|
|||
|
|
,yes: function(index, layero){
|
|||
|
|
var iframeWindow = window['layui-layer-iframe'+ index]
|
|||
|
|
,submit = layero.find('iframe').contents().find('#menu-submit');
|
|||
|
|
iframeWindow.layui.form.on('submit(menu-submit)', function(data){
|
|||
|
|
var field = data.field;
|
|||
|
|
like.ajax({
|
|||
|
|
url:'{:url("auth/edit")}',
|
|||
|
|
data:field,
|
|||
|
|
type:"post",
|
|||
|
|
success:function(res)
|
|||
|
|
{
|
|||
|
|
if(res.code == 1) {
|
|||
|
|
layer.close(index);
|
|||
|
|
layui.layer.msg(res.msg, {
|
|||
|
|
offset: '15px'
|
|||
|
|
, icon: 1
|
|||
|
|
, time: 1000
|
|||
|
|
},function(){
|
|||
|
|
location.reload();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
submit.trigger('click');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
form.on('switch(switch-disable)',function (obj) {
|
|||
|
|
var menu_id = obj.elem.attributes['data-id'].nodeValue;
|
|||
|
|
var disable = 1;
|
|||
|
|
if(obj.elem.checked){
|
|||
|
|
disable = 0;
|
|||
|
|
}
|
|||
|
|
var data ={disable:disable,id:menu_id};
|
|||
|
|
like.ajax({
|
|||
|
|
url:'{:url("auth/status")}',
|
|||
|
|
data:data,
|
|||
|
|
type:"post",
|
|||
|
|
success:function (res) {
|
|||
|
|
if(res.code == 1) {
|
|||
|
|
layui.layer.msg(res.msg, {
|
|||
|
|
offset: '15px'
|
|||
|
|
, icon: 1
|
|||
|
|
, time: 1000
|
|||
|
|
},function(){
|
|||
|
|
location.reload();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#add').click(function(){
|
|||
|
|
layer.open({
|
|||
|
|
type: 2
|
|||
|
|
,title: '添加菜单'
|
|||
|
|
,content: '{:url("auth/add")}'
|
|||
|
|
,area: ['90%', '90%']
|
|||
|
|
,btn: ['确定', '取消']
|
|||
|
|
,yes: function(index, layero) {
|
|||
|
|
var iframeWindow = window['layui-layer-iframe'+ index]
|
|||
|
|
,submit = layero.find('iframe').contents().find('#menu-submit');
|
|||
|
|
iframeWindow.layui.form.on('submit(menu-submit)', function(data) {
|
|||
|
|
var field = data.field;
|
|||
|
|
like.ajax({
|
|||
|
|
url:'{:url("auth/add")}',
|
|||
|
|
data:field,
|
|||
|
|
type:"post",
|
|||
|
|
success:function(res)
|
|||
|
|
{
|
|||
|
|
if(res.code == 1) {
|
|||
|
|
layer.close(index);
|
|||
|
|
layui.layer.msg(res.msg, {
|
|||
|
|
offset: '15px'
|
|||
|
|
, icon: 1
|
|||
|
|
, time: 1000
|
|||
|
|
},function(){
|
|||
|
|
location.reload();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
submit.trigger('click');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 全部展开
|
|||
|
|
$('#expand-all').click(function () {
|
|||
|
|
insTb.expandAll();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 全部折叠
|
|||
|
|
$('#fold-all').click(function () {
|
|||
|
|
insTb.foldAll();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|