Skip to content

G
guns-vip
Commit 74f7da05 by fengshuonan
Options

菜单增加左侧树

parent 82598c64
Showing with 85 additions and 56 deletions
src/main/webapp/WEB-INF/system/menu/menu.html
@layout("/common/_container.html",{plugins:["table","layer","sweet-alert"],js:["/assets/modular/system/menu/menu.js"]}){ @layout("/common/_container.html",{plugins:["table","layer","sweet-alert","ztree"],js:["/assets/modular/system/menu/menu.js"]}){
<div class="row" id="menuPage"> <div class="row" id="menuPage">
<div class="col-lg-12"> <div class="col-lg-2 col-sm-3 p-r-0">
<div class="card card-outline-theme m-b-10"> <div class="card card-outline-theme">
<div class="card-header">
<h5 class="m-b-0 text-white">菜单树</h5>
</div>
<div class="card-body"> <div class="card-body">
<div class="form-horizontal"> <ul id="menuTree" class="ztree"></ul>
<div class="form-body"> </div>
<div class="row"> </div>
<div class="col-md-3"> </div>
<div class="input-group"> <div class="col-lg-10 col-sm-9">
<div class="input-group-prepend"> <div class="row">
<div class="input-group-text">菜单名称</div> <div class="col-lg-12">
<div class="card card-outline-theme m-b-10">
<div class="card-body">
<div class="form-horizontal">
<div class="form-body">
<div class="row">
<div class="col-md-3">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">菜单名称</div>
</div>
<input v-model="menuName" type="text" class="form-control" placeholder="菜单名称" autocomplete="off">
</div>
</div> </div>
<input v-model="menuName" type="text" class="form-control" placeholder="菜单名称" autocomplete="off"> <div class="col-md-3">
</div> <div class="input-group">
</div> <div class="input-group-prepend">
<div class="col-md-3"> <div class="input-group-text">层级</div>
<div class="input-group"> </div>
<div class="input-group-prepend"> <input v-model="level" type="text" class="form-control" placeholder="层级" autocomplete="off">
<div class="input-group-text">层级</div> </div>
</div> </div>
<input v-model="level" type="text" class="form-control" placeholder="层级" autocomplete="off"> <div class="col-md-3">
</div> <div class="input-group condition-button">
</div> <div class="input-group-btn condition-button">
<div class="col-md-3"> <button type="button" id="check-minutes"
<div class="input-group condition-button"> class="btn btn-info waves-effect waves-light condition-button-width" onclick="Menu.search()">查询
<div class="input-group-btn condition-button"> </button>
<button type="button" id="check-minutes" </div>
class="btn btn-info waves-effect waves-light condition-button-width" onclick="Menu.search()">查询 </div>
</button>
</div> </div>
</div> </div>
</div> </div>
...@@ -36,35 +50,35 @@ ...@@ -36,35 +50,35 @@
</div> </div>
</div> </div>
</div> </div>
</div> <div class="row">
</div> <div class="col-lg-12">
<div class="row"> <div class="card card-outline-theme m-b-0">
<div class="col-lg-12"> <div class="card-body p-t-0 p-b-0">
<div class="card card-outline-theme m-b-0"> <div class="form-horizontal">
<div class="card-body p-t-0 p-b-0"> <div class="form-actions">
<div class="form-horizontal"> <div class="row">
<div class="form-actions"> <div class="col-lg-12">
<div class="row"> <div class="card m-b-0 p-b-0">
<div class="col-lg-12"> <div class="hidden-xs" id="menuTableToolbar" role="group">
<div class="card m-b-0 p-b-0"> @if(shiro.hasPermission("/menu/add")){
<div class="hidden-xs" id="menuTableToolbar" role="group"> <button type="button" class="btn btn-primary waves-effect" onclick="Menu.openAddMenu()">
@if(shiro.hasPermission("/menu/add")){ <i class="fa fa-plus"></i>&nbsp;添加
<button type="button" class="btn btn-primary waves-effect" onclick="Menu.openAddMenu()"> </button>
<i class="fa fa-plus"></i>&nbsp;添加 @}
</button> @if(shiro.hasPermission("/menu/edit")){
@} <button type="button" class="btn btn-primary waves-effect m-l-5" onclick="Menu.openChangeMenu()">
@if(shiro.hasPermission("/menu/edit")){ <i class="fa fa-edit"></i>&nbsp;修改
<button type="button" class="btn btn-primary waves-effect m-l-5" onclick="Menu.openChangeMenu()"> </button>
<i class="fa fa-edit"></i>&nbsp;修改 @}
</button> @if(shiro.hasPermission("/menu/remove")){
@} <button type="button" class="btn btn-primary waves-effect m-l-5" onclick="Menu.delMenu()">
@if(shiro.hasPermission("/menu/remove")){ <i class="fa fa-remove"></i>&nbsp;删除
<button type="button" class="btn btn-primary waves-effect m-l-5" onclick="Menu.delMenu()"> </button>
<i class="fa fa-remove"></i>&nbsp;删除 @}
</button> </div>
@} <#table id="menuTable"/>
</div>
</div> </div>
<#table id="menuTable"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -74,4 +88,4 @@ ...@@ -74,4 +88,4 @@
</div> </div>
</div> </div>
</div> </div>
@} @}
\ No newline at end of file
src/main/webapp/assets/modular/system/menu/menu.js
...@@ -8,7 +8,8 @@ var Menu = { ...@@ -8,7 +8,8 @@ var Menu = {
layerIndex: -1, layerIndex: -1,
condition: { condition: {
menuName: "", menuName: "",
level: "" level: "",
menuId: ""
} }
}; };
...@@ -101,18 +102,31 @@ Menu.delMenu = function () { ...@@ -101,18 +102,31 @@ Menu.delMenu = function () {
Menu.search = function () { Menu.search = function () {
var queryData = {}; var queryData = {};
queryData['menuId'] = Menu.condition.menuId;
queryData['menuName'] = Menu.condition.menuName; queryData['menuName'] = Menu.condition.menuName;
queryData['level'] = Menu.condition.level; queryData['level'] = Menu.condition.level;
Menu.table.refresh({query: queryData}); Menu.table.refresh({query: queryData});
}; };
/**
* 选择菜单树时候
*/
Menu.onClickMenuTree = function (e, treeId, treeNode) {
Menu.condition.menuId = treeNode.id;
Menu.search();
};
$(function () { $(function () {
Menu.app = new Vue({ Menu.app = new Vue({
el: '#menuPage', el: '#menuPage',
data: Menu.condition data: Menu.condition
}); });
var ztree = new $ZTree("menuTree", "/menu/selectMenuTreeList");
ztree.bindOnClick(Menu.onClickMenuTree);
ztree.init();
var defaultColunms = Menu.initColumn(); var defaultColunms = Menu.initColumn();
var table = new BSTable(Menu.id, "/menu/list", defaultColunms); var table = new BSTable(Menu.id, "/menu/list", defaultColunms);
table.setPaginationType("client"); table.setPaginationType("client");
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment