代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Responsive Admin Dashboard Template">
<meta name="keywords" content="admin,dashboard">
<meta name="author" content="skcats">
<!-- The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Title -->
<title>菜单管理</title>
<!-- Styles -->
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/plugins/icomoon/style.css" rel="stylesheet">
<link href="assets/plugins/uniform/css/default.css" rel="stylesheet" />
<link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" />
<link href="css/bootstrap-table.min.css" rel="stylesheet" />
<!-- Theme Styles -->
<link href="assets/css/ecaps.min.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
<style type="text/css">
.emoji_container {
border: 1px lightgray solid;
width: 90%;
height: 230px;
overflow-y: auto;
display: none;
padding: 3px;
z-index: 1999;
}
.emoji_wrap {
list-style: none;
padding-left: 0;
margin: 0;
}
.emoji_wrap li {
width: 54px;
height: 54px;
float: left;
border: 1px solid #e3e3e3;
margin-top: -1px;
margin-left: -1px;
}
.emoji_wrap li a {
display: block;
line-height: 54px;
text-align: center;
cursor: pointer;
}
</style>
</head>
<body>
<!-- Page Inner -->
<div class="page-inner" style="height:900px;">
<div class="page-title">
<h3 class="breadcrumb-header">菜单管理</h3>
</div>
<!--
<div class="alert alert-default" role="alert">
Simple, clean and engaging charts for designers and developers.
</div> -->
<div id="main-wrapper">
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close btn-cancel" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="addModalLabel">菜单信息</h4>
</div>
<div class="modal-body" style="height: 400px;">
<form action="" role="form" id="add-row-form">
<div class="form-group">
<div class="row">
<div class="col-md-8">
<input type="button" class="btn btn-google" onclick="bindEmoji()" value="图标" required>
</div>
<div class="col-md-4">
<span>图标预览：</span><span class="edit" style="width: 100%;height: 100%;"></span>
</div>
</div>
</div>
<div class="form-group">
<input type="hidden" name="menu-icon" required="required" />
</div>
<div class="form-group">
<input type="text" name="menu-name" class="form-control" placeholder="请填写菜单名称" required>
</div>
<div class="form-group">
<input type="text" name="menu-order" class="form-control" placeholder="请填写排序" required>
</div>
<div class="form-group">
<input type="text" name="menu-url" class="form-control" placeholder="请填写页面路径" required>
</div>
</form>
<div class="icon-contioner"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-cancel" data-dismiss="modal">取消</button>
<button type="submit" id="add-row" class="btn btn-success">提交</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modifyModal" tabindex="-1" role="dialog" aria-labelledby="modifyModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close btn-cancel" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="modifyModalLabel">菜单信息</h4>
</div>
<div class="modal-body" style="height: 400px;">
<form action="" role="form" id="modify-row-form">
<div class="form-group">
<div class="row">
<div class="col-md-8">
<input type="button" class="btn btn-google" onclick="bindEmoji()" value="图标" required>
</div>
<div class="col-md-4">
<span>图标预览：</span><span class="edit" style="width: 100%;height: 100%;"></span>
</div>
</div>
</div>
<div class="form-group">
<input type="hidden" name="menu-id" required="required" />
</div>
<div class="form-group">
<input type="hidden" name="menu-icon" required="required" />
</div>
<div class="form-group">
<input type="text" name="menu-name" class="form-control" placeholder="请填写菜单名称" required>
</div>
<div class="form-group">
<input type="text" name="menu-order" class="form-control" placeholder="请填写排序" required>
</div>
<div class="form-group">
<input type="text" name="menu-url" class="form-control" placeholder="请填写菜单路径" required>
</div>
</form>
<div class="icon-contioner"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-cancel" data-dismiss="modal">取消</button>
<button type="submit" id="modify-row" class="btn btn-primary">确认</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel panel-white">
<div class="panel-body">
<form class="form-inline" role="form" id="query-form">
<div class="form-group">
<input type="text" name="query-id" class="form-control" placeholder="请输入菜单id" />
</div>
<button class="btn btn-default" id="query">
<i class="fa fa-check"></i>搜索
</button>
<button type="reset" class="btn btn-default">
<i class="fa fa-trash"></i>清空
</button>
<button type="button" class="btn btn-default" onclick="refresh();return false;">
<i class="fa fa-refresh"></i>
</button>
</form>
<br />
<div class="table-responsive">
<table id="example" class="display table table-bordered" style="width: 100%; cellspacing: 0;" data-show-jumpto="true">
<thead>
<tr>
<th>序号</th>
<th>图标</th>
<th>名称</th>
<th>排序</th>
<th>URL</th>
<th>管理</th>
</tr>
</thead>
</table>
</div>
</div>
<div class="panel-footer">
<div class="btn-group">
<button type="button" class="btn btn-success m-b-sm" data-toggle="modal" data-target="#addModal">
<i class='fa fa-crosshairs'></i>新增
</button>
</div>
</div>
</div>
</div>
</div>
</div><!-- Main Wrapper -->
<div class="page-footer">
</div>
</div><!-- /Page Inner -->
<!-- Javascripts -->
<script src="assets/plugins/jquery/jquery-3.1.0.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="assets/plugins/uniform/js/jquery.uniform.standalone.js"></script>
<script src="js/bootstrap-table.min.js"></script>
<script src="js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script>
<script type='text/javascript' src="https://cdn.bootcss.com/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script>
<script src="assets/plugins/switchery/switchery.min.js"></script>
<script src="assets/js/ecaps.min.js"></script>
<script type="text/javascript">
window.addEventListener('refresh',function(event){
// event.origin --发送者的源
// event.source --发送者的window对象
// event.data --数据
console.log(event);
if(event.data.refresh){
//此处执行事件
}
})
</script>
<script src="js/pages/admin-menu-manage.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。