Skip to content

G
guns-vip
Commit 4bb0d74d by fengshuonan
Options

修改菜单首页

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