90 lines
2.5 KiB
HTML
90 lines
2.5 KiB
HTML
{extend name="admin/base"/}
|
|
{block name="head"}
|
|
<script type="text/javascript" src="__static__/plugins/bootstrap-treetable/bootstrap-treetable.js"></script>
|
|
{/block}
|
|
{block name="body"}
|
|
<div class="box box-primary">
|
|
<header class="box-header with-border">
|
|
<h3 class="box-title">菜单管理</h3>
|
|
<div class="pull-right">
|
|
</div>
|
|
</header>
|
|
<div class="box-body">
|
|
<div class="btn-group-sm" id="toolbar" role="group">
|
|
<a class="btn btn-success" onclick="$.operate.add(0)">
|
|
<i class="fa fa-plus"></i> 新增
|
|
</a>
|
|
<a class="btn btn-primary" onclick="$.operate.edit()">
|
|
<i class="fa fa-edit"></i> 修改
|
|
</a>
|
|
<a class="btn btn-info" id="expandAllBtn">
|
|
<i class="fa fa-exchange"></i> 展开/折叠
|
|
</a>
|
|
</div>
|
|
<div class="table-striped">
|
|
<table id="bootstrap-tree-table"></table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
{/block}
|
|
{block name="script"}
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
var addFlag = "";
|
|
var editFlag = "";
|
|
var removeFlag = "";
|
|
|
|
$.treeTable.init({
|
|
code: "id",
|
|
parentCode: "pid",
|
|
uniqueId: "id",
|
|
expandAll: false,
|
|
expandFirst: false,
|
|
url: "/admin/menu/index",
|
|
createUrl: "/admin/menu/add?id={id}",
|
|
updateUrl: "/admin/menu/edit?id={id}",
|
|
removeUrl: "/admin/menu/remove?id={id}",
|
|
modalName: "菜单",
|
|
columns:[
|
|
{field: 'selectItem', radio: true},
|
|
{
|
|
title: '菜单名称',
|
|
field: 'title',
|
|
width: '20%',
|
|
formatter: function(value, row, index) {
|
|
if ($.common.isEmpty(row.icon)) {
|
|
row.icon = "file-o";
|
|
}
|
|
return '<i class="fa fa-' + row.icon + '"></i> <span class="nav-label">' + row.title + '</span>';
|
|
}
|
|
},
|
|
{
|
|
field: 'sort',
|
|
title: '排序',
|
|
width: '10%',
|
|
align: "left"
|
|
},
|
|
{
|
|
field: 'url',
|
|
title: '请求地址',
|
|
width: '15%',
|
|
align: "left"
|
|
},
|
|
{
|
|
title: '操作',
|
|
width: '20%',
|
|
align: "left",
|
|
formatter: function(value, row, index) {
|
|
var actions = [];
|
|
actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
|
|
actions.push('<a class="btn btn-info btn-xs ' + addFlag + '" href="javascript:void(0)" onclick="$.operate.add(\'' + row.id + '\')"><i class="fa fa-plus"></i>新增</a> ');
|
|
actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-trash"></i>删除</a>');
|
|
return actions.join('');
|
|
}
|
|
}
|
|
]
|
|
});
|
|
})
|
|
</script>
|
|
{/block} |