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="col-lg-12">
<div class="card card-outline-theme m-b-10">
<div class="col-lg-2 col-sm-3 p-r-0">
<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="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>
<ul id="menuTree" class="ztree"></ul>
</div>
</div>
</div>
<div class="col-lg-10 col-sm-9">
<div class="row">
<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>
<input v-model="menuName" type="text" class="form-control" placeholder="菜单名称" autocomplete="off">
</div>
</div>
<div class="col-md-3">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">层级</div>
<div class="col-md-3">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">层级</div>
</div>
<input v-model="level" type="text" class="form-control" placeholder="层级" autocomplete="off">
</div>
</div>
<input v-model="level" type="text" class="form-control" placeholder="层级" autocomplete="off">
</div>
</div>
<div class="col-md-3">
<div class="input-group condition-button">
<div class="input-group-btn condition-button">
<button type="button" id="check-minutes"
class="btn btn-info waves-effect waves-light condition-button-width" onclick="Menu.search()">查询
</button>
<div class="col-md-3">
<div class="input-group condition-button">
<div class="input-group-btn condition-button">
<button type="button" id="check-minutes"
class="btn btn-info waves-effect waves-light condition-button-width" onclick="Menu.search()">查询
</button>
</div>
</div>
</div>
</div>
</div>
......@@ -36,35 +50,35 @@
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="card card-outline-theme m-b-0">
<div class="card-body p-t-0 p-b-0">
<div class="form-horizontal">
<div class="form-actions">
<div class="row">
<div class="col-lg-12">
<div class="card m-b-0 p-b-0">
<div class="hidden-xs" id="menuTableToolbar" role="group">
@if(shiro.hasPermission("/menu/add")){
<button type="button" class="btn btn-primary waves-effect" onclick="Menu.openAddMenu()">
<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()">
<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()">
<i class="fa fa-remove"></i>&nbsp;删除
</button>
@}
<div class="row">
<div class="col-lg-12">
<div class="card card-outline-theme m-b-0">
<div class="card-body p-t-0 p-b-0">
<div class="form-horizontal">
<div class="form-actions">
<div class="row">
<div class="col-lg-12">
<div class="card m-b-0 p-b-0">
<div class="hidden-xs" id="menuTableToolbar" role="group">
@if(shiro.hasPermission("/menu/add")){
<button type="button" class="btn btn-primary waves-effect" onclick="Menu.openAddMenu()">
<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()">
<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()">
<i class="fa fa-remove"></i>&nbsp;删除
</button>
@}
</div>
<#table id="menuTable"/>
</div>
</div>
<#table id="menuTable"/>
</div>
</div>
</div>
......@@ -74,4 +88,4 @@
</div>
</div>
</div>
@}
@}
\ No newline at end of file
src/main/webapp/assets/modular/system/menu/menu.js
......@@ -8,7 +8,8 @@ var Menu = {
layerIndex: -1,
condition: {
menuName: "",
level: ""
level: "",
menuId: ""
}
};
......@@ -101,18 +102,31 @@ Menu.delMenu = function () {
Menu.search = function () {
var queryData = {};
queryData['menuId'] = Menu.condition.menuId;
queryData['menuName'] = Menu.condition.menuName;
queryData['level'] = Menu.condition.level;
Menu.table.refresh({query: queryData});
};
/**
* 选择菜单树时候
*/
Menu.onClickMenuTree = function (e, treeId, treeNode) {
Menu.condition.menuId = treeNode.id;
Menu.search();
};
$(function () {
Menu.app = new Vue({
el: '#menuPage',
data: Menu.condition
});
var ztree = new $ZTree("menuTree", "/menu/selectMenuTreeList");
ztree.bindOnClick(Menu.onClickMenuTree);
ztree.init();
var defaultColunms = Menu.initColumn();
var table = new BSTable(Menu.id, "/menu/list", defaultColunms);
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