power2.0
/
powerbz
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '598a367057'
${ noResults }
powerbz/power-admin/target/power/WEB-INF/views/menu/menuList.jsp

339 lines
24 KiB
Plaintext
Raw Normal View History Unescape Escape

节后上传
5 years ago
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jspf/common.jspf" %>
<%@ include file="/WEB-INF/jspf/confirmJsp.jspf" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>菜单管理</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href="${path}/static/zTree_v3-master/css/demo.css" type="text/css">
<link rel="stylesheet" href="${path}/static/zTree_v3-master/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script src="${path}/static/zTree_v3-master/js/jquery.ztree.all.js"></script>
<script src="${path}/static/zTree_v3-master/js/jquery.ztree.exhide.js"></script>
<script>
var path = "${path}";
</script>
<style type="text/css">
.searcDiv{
margin-top:2%;
}
.searchTreeInput{
margin: 0 auto;
width:80%;
}
.treeBtn{
margin-top:-3%;
padding-left:19%;
}
.treeOperBtn{
margin-left:20px;
}
div#rMenu {
width: 60px;
position:absolute;
visibility:hidden; top:0;
background-color: #555;
text-align:left;
padding: 2px;
}
div#rMenu ul li{
margin: 1px 0;
padding: 0 5px;
cursor: pointer;
background-color: #fff;
list-style: none outside none;
text-align: center;
}
.widget-header{
height:26px;
background-color: #1D9ED7;
font-size: 16px!important;
color: #fff;
font-weight: bold;
}
.ztree{
border: 0px!important;
background-color: #fff!important;
overflow: auto!important;
font-size: 14rem!important;
height: 600px!important;
width: 300px!important;
}
.iconSpan{
font-size:40px;
}
.restore{
float:right;
width:100px!important;
}
</style>
</head>
<body>
<input type="hidden" id="currentTreeId"/>
<div>
<div class="row">
<div class="col-sm-4">
<div class="">
<div class="widget-header">
<h2>&nbsp;</h2>
</div>
<div class="searcDiv">
<input type="text" id="key" value="" class="form-control searchTreeInput input-sm"
placeholder="菜单名称" maxlength="16"/><br/>
</div>
<div class="treeBtn">
<button type="button" class="btn btn-primary btn-sm treeOperBtn" onclick="expandAll();">全部展开</button>
<button type="button" class="btn btn-primary btn-sm treeOperBtn" onclick="collapseAll();">全部折叠</button>
</div>
<div class="content_wrap">
<div class="" style="margin-left:60px">
<ul id="treeDemo" class="ztree"></ul>
</div>
</div>
<div id="rMenu">
<ul>
<pm:myPermissions permissions="/menu/add">
<li id="m_add" onclick="addTreeNode();">增加</li>
</pm:myPermissions>
<pm:myPermissions permissions="/menu/delete">
<li id="m_del" onclick="removeTreeNode();">删除</li>
</pm:myPermissions>
<pm:myPermissions permissions="/menu/update">
<li id="m_reset" onclick="updateTree();">修改</li>
</pm:myPermissions>
</ul>
</div>
</div>
</div><!-- /span -->
<!--子节点的名称-->
<input type="hidden" id="childrenNodeNames">
<!--相邻节点的名称-->
<input type="hidden" id="nearNodeNames">
<!--子节点的功能方法-->
<input type="hidden" id="childrenNodeMethods">
<!--相邻节点的功能方法-->
<input type="hidden" id="nearNodeMethods">
<div class="col-sm-4" id="menuDiv" style="display: none">
<div class="">
<div class="widget-header">
<font>菜单信息</font>
</div>
<div class="widget-body">
<div class="widget-main">
<div>
<form class="form-horizontal" id="form1">
<input type="hidden" name="menuId" id="menuId">
<div class="box-body" style="padding-top:10px">
<div class="form-group" >
<label class="col-sm-3 control-label">菜单名:</label>
<div class="col-sm-9">
<input type="text" class="form-control input-sm" id="menuName" name="menuName" required maxlength="16">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">菜单图标:</label>
<div class="col-sm-5">
<input type="text" class="form-control input-sm" name="menuIcon" id="menuIcon" readonly>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">浏览</button>
</div>
<div class="col-sm-2">
<span id="iconSpan"></span>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">菜单地址:</label>
<div class="col-sm-9">
<input type="text" class="form-control input-sm" id="menuUrl" name="menuUrl" required maxlength="500">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">所属系统:</label>
<div class="col-sm-9">
<select class="form-control input-sm" name="sysFlag" id="sysFlag" required>
</select>
</div>
<input type="hidden" id="sysName" name="sysName">
</div>
<div class="form-group">
<label class="col-sm-3 control-label">菜单父节点:</label>
<div class="col-sm-9">
<input type="text" class="form-control input-sm" readonly id="parentName" required>
<input type="hidden" class="form-control" name="parentId" id="parentId" value="0" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">排序:</label>
<div class="col-sm-9">
<input type="number" class="form-control input-sm" id="sort" name="sort" oninput="if(value.length>9)value=value.slice(0,9)">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">有效否:</label>
<div class="col-sm-9">
<select class="form-control input-sm" name="effective" id="effective">
<option value="1">是</option>
<option value="0">否</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">备注:</label>
<div class="col-sm-9">
<textarea class="form-control input-sm" name="remark" id="remark" maxlength="50"></textarea>
</div>
</div>
</div>
<div class="box-footer">
<pm:myPermissions permissions="/menu/update">
<button type="button" class="btn btn-primary restore" onclick="addMenu()">保存</button>
</pm:myPermissions>
</div>
</form>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">选择菜单图标</h4>
</div>
<div class="modal-body">
<input type="radio" name="icon" value="fa fa-dashboard"><span class="glyphicon fa fa-dashboard iconSpan"></span>
<input type="radio" name="icon" value="fa fa-circle-o"><span class="glyphicon fa fa-circle-o iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-user"><span class="glyphicon glyphicon-user iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-asterisk"><span class="glyphicon glyphicon-asterisk iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-cloud"><span class="glyphicon glyphicon-cloud iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-envelope"><span class="glyphicon glyphicon-envelope iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-plus"><span class="glyphicon glyphicon-plus iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-pencil"><span class="glyphicon glyphicon-pencil iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-search"><span class="glyphicon glyphicon-search iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-star"><span class="glyphicon glyphicon-star iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-th"><span class="glyphicon glyphicon-th iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-th-list"><span class="glyphicon glyphicon-th-list iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-off"><span class="glyphicon glyphicon-off iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-signal"><span class="glyphicon glyphicon-signal iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-cog"><span class="glyphicon glyphicon-cog iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-home"><span class="glyphicon glyphicon-home iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-list-alt"><span class="glyphicon glyphicon-list-alt iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-flag"><span class="glyphicon glyphicon-flag iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-tag"><span class="glyphicon glyphicon-tag iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-tags"><span class="glyphicon glyphicon-tags iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-book"><span class="glyphicon glyphicon-book iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-bookmark"><span class="glyphicon glyphicon-bookmark iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-dashboard"><span class="glyphicon glyphicon-dashboard iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-wrench"><span class="glyphicon glyphicon-wrench iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-tasks"><span class="glyphicon glyphicon-tasks iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-education"><span class="glyphicon glyphicon-education iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-duplicate"><span class="glyphicon glyphicon-duplicate iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-tree-deciduous"><span class="glyphicon glyphicon-tree-deciduous iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-tree-conifer"><span class="glyphicon glyphicon-tree-conifer iconSpan"></span>
<input type="radio" name="icon" value="glyphicon glyphicon-briefcase"><span class="glyphicon glyphicon-briefcase iconSpan"></span>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" onclick="tijiao()">提交更改</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
</div>
</div>
</div>
</div>
</div><!-- /span -->
<div class="col-md-4 left" id="methodDiv" style="width:33%;display:none;">
<div class="">
<div class="widget-header">
<font>功能信息</font>
</div>
<div class="widget-body">
<div class="widget-main">
<div>
<form class="form-horizontal" id="form2">
<input type="hidden" name="menuId" id="menuId1">
<input type="hidden" name="sysId" id="sysId1">
<input type="hidden" name="sysFlag" id="sysFlag1">
<div class="box-body" style="padding-top:10px">
<div class="form-group" >
<label class="col-sm-4 control-label">功能名称:</label>
<div class="col-sm-8">
<input type="text" class="form-control input-sm" name="menuName" id="menuName1" required maxlength="16">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">功能方法:</label>
<div class="col-sm-8">
<input type="text" class="form-control input-sm" name="method" id="method" maxlength="30">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">方法类别:</label>
<div class="col-sm-8">
<input type="text" class="form-control input-sm" name="functionType" id="functionType" maxlength="16">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">功能分类:</label>
<div class="col-sm-8">
<select class="form-control input-sm" name="methodType" id="methodType">
<option vlaue="基本类">基本类</option>
<option vlaue="文档类">文档类</option>
<option vlaue="业务类">业务类</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">菜单父节点:</label>
<div class="col-sm-8">
<input type="text" class="form-control input-sm" readonly id="parentName1" required>
<input type="hidden" class="form-control" name="parentId" id="parentId1" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">排序:</label>
<div class="col-sm-8">
<input type="number" class="form-control input-sm" name="sort" id="sort1" oninput="if(value.length>9)value=value.slice(0,9)">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">有效否:</label>
<div class="col-sm-8">
<select class="form-control input-sm" name="effective" id="effective1">
<option value="1">是</option>
<option value="0">否</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">备注:</label>
<div class="col-sm-8">
<textarea class="form-control input-sm" name="remark" id="remark1" maxlength="50"></textarea>
</div>
</div>
<div class="box-footer">
<pm:myPermissions permissions="/menu/update">
<button type="button" class="btn btn-primary restore" onclick="addMethod()">保存</button>
</pm:myPermissions>
</div>
<!-- /.box-footer -->
</div>
</form>
</div>
</div>
</div>
</div>
</div><!-- /span -->
</div>
</div><!-- /.main-container -->
<script src="${path}/static/js/menu/menuList.js"></script>
<script src="${path}/static/js/menu/fuzzysearch.js"></script>
<%@ include file="/WEB-INF/jspf/loading.jspf" %>
</body>
</html>