101 lines
2.2 KiB
HTML
101 lines
2.2 KiB
HTML
|
{include file="common/head"}
|
|||
|
|
<div class="layui-btn-container">
|
|||
|
|
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" lay-demo="add">添加菜单</button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="test12" class="demo-tree-more"></div>
|
|||
|
|
|
|||
|
|
{include file="common/foot"}
|
|||
|
|
<script>
|
|||
|
|
layui.config({
|
|||
|
|
base: '__AVIEW__/module/'
|
|||
|
|
}).use(['tree', 'util', 'vae'], function(){
|
|||
|
|
var tree = layui.tree
|
|||
|
|
,layer = layui.layer
|
|||
|
|
,util = layui.util
|
|||
|
|
,$ = layui.$
|
|||
|
|
,vae = layui.vae;
|
|||
|
|
|
|||
|
|
let data;
|
|||
|
|
vae.ajax({
|
|||
|
|
url:"{:url('admin/menu/index')}",
|
|||
|
|
async:false,
|
|||
|
|
success:function(res){
|
|||
|
|
if(res.code == 200){
|
|||
|
|
data = res.data;
|
|||
|
|
}else{
|
|||
|
|
layer.msg(res.msg);
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//基本演示
|
|||
|
|
tree.render({
|
|||
|
|
elem: '#test12'
|
|||
|
|
,data: data
|
|||
|
|
,edit: ['del']
|
|||
|
|
,id: 'demoId1'
|
|||
|
|
,onlyIconControl: true
|
|||
|
|
,click: function(obj){
|
|||
|
|
//修改
|
|||
|
|
var data = obj.data; //获取当前点击的节点数据
|
|||
|
|
vae.open({
|
|||
|
|
href: "{:url('admin/menu/edit')}?id="+data.id,
|
|||
|
|
title: '修改菜单'+data.id,
|
|||
|
|
end: function(res) {
|
|||
|
|
tree.reload('demoId1', {
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
,operate: function(obj){
|
|||
|
|
var type = obj.type; //得到操作类型：add、edit、del
|
|||
|
|
var data = obj.data; //得到当前节点的数据
|
|||
|
|
var elem = obj.elem; //得到当前节点元素
|
|||
|
|
|
|||
|
|
//Ajax 操作
|
|||
|
|
var id = data.id; //得到节点索引
|
|||
|
|
if(type === 'del'){ //删除节点
|
|||
|
|
vae.ajax({
|
|||
|
|
url:"{:url('admin/menu/delete')}",
|
|||
|
|
data:{id:id},
|
|||
|
|
success:function(res){
|
|||
|
|
layer.msg(res.msg);
|
|||
|
|
if(res.code !== 200) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//按钮事件
|
|||
|
|
util.event('lay-demo', {
|
|||
|
|
add: function(){
|
|||
|
|
vae.open({
|
|||
|
|
href: "{:url('admin/menu/add')}",
|
|||
|
|
title: '添加菜单',
|
|||
|
|
end: function(res) {
|
|||
|
|
tree.reload('demoId1', {
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
,reload: function(){
|
|||
|
|
//重载实例
|
|||
|
|
tree.reload('demoId1', {
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|