Skip to content

G
guns-vip
Commit 4bb0d74d by fengshuonan
Options

修改菜单首页

parent a0226e2a
Showing with 85 additions and 48 deletions
src/main/java/cn/stylefeng/guns/modular/system/warpper/MenuWarpper.java
...@@ -51,7 +51,7 @@ public class MenuWarpper extends BaseControllerWrapper { ...@@ -51,7 +51,7 @@ public class MenuWarpper extends BaseControllerWrapper {
@Override @Override
protected void wrapTheMap(Map<String, Object> map) { protected void wrapTheMap(Map<String, Object> map) {
map.put("statusName", ConstantFactory.me().getMenuStatusName((String) map.get("status"))); map.put("statusName", ConstantFactory.me().getMenuStatusName((String) map.get("status")));
map.put("isMenuName", YesOrNotEnum.valueOf((Integer) map.get("menuFlag"))); map.put("isMenuName", YesOrNotEnum.valueOf((String) map.get("menuFlag")));
} }
} }
src/main/webapp/WEB-INF/system/menu/menu.html
@layout("/common/_container.html"){ @layout("/common/_container.html",{plugins:["table","layer","sweet-alert"],js:["/assets/modular/system/menu/menu.js"]}){
<div class="row"> <div class="row" id="menuPage">
<div class="col-sm-12"> <div class="col-lg-12">
<div class="ibox float-e-margins"> <div class="card card-outline-theme m-b-10">
<div class="ibox-title"> <div class="card-body">
<h5>菜单管理</h5> <div class="form-horizontal">
</div> <div class="form-body">
<div class="ibox-content">
<div class="row row-lg">
<div class="col-sm-12">
<div class="row"> <div class="row">
<div class="col-sm-3"> <div class="col-md-3">
<#NameCon id="menuName" name="菜单名称" /> <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>
<div class="col-sm-3"> <div class="col-md-3">
<#NameCon id="level" name="层级" /> <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> </div>
<div class="col-sm-3"> <div class="col-md-3">
<#button name="搜索" icon="fa-search" clickFun="Menu.search()"/> <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> </div>
<div class="hidden-xs" id="menuTableToolbar" role="group"> </div>
@if(shiro.hasPermission("/menu/add")){ </div>
<#button name="添加" icon="fa-plus" clickFun="Menu.openAddMenu()"/> </div>
@} </div>
@if(shiro.hasPermission("/menu/edit")){ </div>
<#button name="修改" icon="fa-edit" clickFun="Menu.openChangeMenu()" space="true"/> </div>
@} <div class="row">
@if(shiro.hasPermission("/menu/remove")){ <div class="col-lg-12">
<#button name="删除" icon="fa-remove" clickFun="Menu.delMenu()" space="true"/> <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>
</div> </div>
<#table id="menuTable"/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<script src="${ctxPath}/static/modular/system/menu/menu.js"></script>
@} @}
src/main/webapp/assets/modular/system/menu/menu.js
...@@ -5,16 +5,20 @@ var Menu = { ...@@ -5,16 +5,20 @@ var Menu = {
id: "menuTable", //表格id id: "menuTable", //表格id
seItem: null, //选中的条目 seItem: null, //选中的条目
table: null, table: null,
layerIndex: -1 layerIndex: -1,
condition: {
menuName: "",
level: ""
}
}; };
/** /**
* 初始化表格的列 * 初始化表格的列
*/ */
Menu.initColumn = function () { Menu.initColumn = function () {
var columns = [ return [
{field: 'selectItem', radio: true}, {field: 'selectItem', radio: true},
{title: 'id', field: 'id', visible: false, align: 'center', valign: 'middle'}, {title: 'id', field: 'menuId', visible: false, align: 'center', valign: 'middle'},
{title: '菜单名称', field: 'name', align: 'center', valign: 'middle', sortable: true}, {title: '菜单名称', field: 'name', align: 'center', valign: 'middle', sortable: true},
{title: '菜单编号', field: 'code', align: 'center', valign: 'middle', sortable: true}, {title: '菜单编号', field: 'code', align: 'center', valign: 'middle', sortable: true},
{title: '菜单父编号', field: 'pcode', align: 'center', valign: 'middle', sortable: true}, {title: '菜单父编号', field: 'pcode', align: 'center', valign: 'middle', sortable: true},
...@@ -22,8 +26,7 @@ Menu.initColumn = function () { ...@@ -22,8 +26,7 @@ Menu.initColumn = function () {
{title: '排序', field: 'num', align: 'center', valign: 'middle', sortable: true}, {title: '排序', field: 'num', align: 'center', valign: 'middle', sortable: true},
{title: '层级', field: 'levels', align: 'center', valign: 'middle', sortable: true}, {title: '层级', field: 'levels', align: 'center', valign: 'middle', sortable: true},
{title: '是否是菜单', field: 'isMenuName', align: 'center', valign: 'middle', sortable: true}, {title: '是否是菜单', field: 'isMenuName', align: 'center', valign: 'middle', sortable: true},
{title: '状态', field: 'statusName', align: 'center', valign: 'middle', sortable: true}] {title: '状态', field: 'statusName', align: 'center', valign: 'middle', sortable: true}];
return columns;
}; };
...@@ -32,7 +35,7 @@ Menu.initColumn = function () { ...@@ -32,7 +35,7 @@ Menu.initColumn = function () {
*/ */
Menu.check = function () { Menu.check = function () {
var selected = $('#' + this.id).bootstrapTreeTable('getSelections'); var selected = $('#' + this.id).bootstrapTreeTable('getSelections');
if (selected.length == 0) { if (selected.length === 0) {
Feng.info("请先选中表格中的某一记录！"); Feng.info("请先选中表格中的某一记录！");
return false; return false;
} else { } else {
...@@ -45,7 +48,7 @@ Menu.check = function () { ...@@ -45,7 +48,7 @@ Menu.check = function () {
* 点击添加菜单 * 点击添加菜单
*/ */
Menu.openAddMenu = function () { Menu.openAddMenu = function () {
var index = layer.open({ this.layerIndex = layer.open({
type: 2, type: 2,
title: '添加菜单', title: '添加菜单',
area: ['830px', '450px'], //宽高 area: ['830px', '450px'], //宽高
...@@ -53,7 +56,6 @@ Menu.openAddMenu = function () { ...@@ -53,7 +56,6 @@ Menu.openAddMenu = function () {
maxmin: true, maxmin: true,
content: Feng.ctxPath + '/menu/menu_add' content: Feng.ctxPath + '/menu/menu_add'
}); });
this.layerIndex = index;
}; };
/** /**
...@@ -61,7 +63,7 @@ Menu.openAddMenu = function () { ...@@ -61,7 +63,7 @@ Menu.openAddMenu = function () {
*/ */
Menu.openChangeMenu = function () { Menu.openChangeMenu = function () {
if (this.check()) { if (this.check()) {
var index = layer.open({ this.layerIndex = layer.open({
type: 2, type: 2,
title: '修改菜单', title: '修改菜单',
area: ['800px', '450px'], //宽高 area: ['800px', '450px'], //宽高
...@@ -69,7 +71,6 @@ Menu.openChangeMenu = function () { ...@@ -69,7 +71,6 @@ Menu.openChangeMenu = function () {
maxmin: true, maxmin: true,
content: Feng.ctxPath + '/menu/menu_edit/' + this.seItem.id content: Feng.ctxPath + '/menu/menu_edit/' + this.seItem.id
}); });
this.layerIndex = index;
} }
}; };
...@@ -104,16 +105,16 @@ Menu.search = function () { ...@@ -104,16 +105,16 @@ Menu.search = function () {
queryData['level'] = $("#level").val(); queryData['level'] = $("#level").val();
Menu.table.refresh({query: queryData}); Menu.table.refresh({query: queryData});
} };
$(function () { $(function () {
Menu.app = new Vue({
el: '#menuPage',
data: Menu.condition
});
var defaultColunms = Menu.initColumn(); var defaultColunms = Menu.initColumn();
var table = new BSTreeTable(Menu.id, "/menu/list", defaultColunms); var table = new BSTable(Menu.id, "/menu/list", defaultColunms);
table.setExpandColumn(2); table.setPaginationType("client");
table.setIdField("id"); Menu.table = table.init();
table.setCodeField("code");
table.setParentCodeField("pcode");
table.setExpandAll(true);
table.init();
Menu.table = table;
}); });
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