<!DOCTYPE html>
|
<html>
|
|
<head>
|
<title>菜单管理</title>
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
<script src="../../../js/paramconfig.js"></script>
|
<script type="text/javascript">
|
remoteToLoadCss('BootStrap4/assets/css/style.css');
|
remoteToLoadCss('BootStrap4/expand/css/bootstrap-extract.css');
|
loadLocalCss('../../../css/main.css');
|
loadLocalCss('../../../plugins/jqgrid/ui.jqgrid-bootstrap.css');
|
loadLocalCss('../../../plugins/ztree/css/metroStyle/metroStyle.css');
|
loadLocalCss('../../../css/bootstrap-table.min.css');
|
loadLocalCss('../../../plugins/treegrid/jquery.treegrid.css');
|
// remoteToLoadJs('BootStrap4/assets/js/jquery.min.js');
|
<!-- 验证框架 -->
|
remoteToLoadJs('media/js/jquery-1.11.1.js');
|
remoteToLoadJs('media/js/jquery.form-3.51.0.js');
|
remoteToLoadJs('media/js/validation/jquery.validate.min.js');
|
remoteToLoadJs('media/js/validation/messages_zh.js');
|
remoteToLoadJs('media/js/validation/additional-methods.min.js');
|
remoteToLoadJs('media/js/yanzhen.js');
|
loadLocalJs('../../../js/validator.js');
|
|
loadLocalJs('../../../plugins/layer/layer.js');
|
remoteToLoadJs('BootStrap4/assets/js/tether.min.js');
|
remoteToLoadJs('BootStrap4/assets/js/bootstrap.min.js')
|
loadLocalJs('../../../libs/vue.min.js');
|
loadLocalJs('../../../libs/bootstrap-table.min.js');
|
loadLocalJs('../../../plugins/treegrid/jquery.treegrid.min.js');
|
loadLocalJs('../../../plugins/treegrid/jquery.treegrid.bootstrap3.js');
|
loadLocalJs('../../../plugins/treegrid/jquery.treegrid.extension_new.js');
|
loadLocalJs('../../../plugins/treegrid/tree.table.js');
|
loadLocalJs('../../../plugins/jqgrid/grid.locale-cn.js');
|
loadLocalJs('../../../plugins/jqgrid/jquery.jqGrid.min.js');
|
loadLocalJs('../../../plugins/ztree/jquery.ztree.all.min.js');
|
loadLocalJs('../../../js/common.js');
|
|
|
</script>
|
<style>
|
.form-control-label {
|
text-align: right;
|
}
|
|
#tabBase td {
|
padding: 2px;
|
}
|
|
.SearchLeft {
|
width: 7%;
|
min-width: 90px;
|
line-height: 30px;
|
}
|
|
.SearchRight {
|
width: 18%;
|
}
|
|
.Control-label-long {
|
padding-top: 0px !important;
|
}
|
|
.DivHeight {
|
height: 45px;
|
}
|
|
.form-control {
|
padding: 0.3rem 0.7rem;
|
height: 30px;
|
}
|
|
.col-sm-3{
|
padding-left: 0;
|
padding-right: 0;
|
}
|
</style>
|
</head>
|
<body>
|
<div id="rapp" v-cloak>
|
<table id="menuTable" data-mobile-responsive="true" data-click-to-select="true">
|
<thead>
|
<tr>
|
<th data-field="selectItem" data-checkbox="true"></th>
|
</tr>
|
</thead>
|
</table>
|
<div class="panel panel-default">
|
<ul class="nav nav-tabs" role="tablist">
|
<li class="nav-item">
|
<a class="nav-link active" id="home-tab" role="tab" aria-expanded="true" aria-controls="home" href="#home" data-toggle="tab">
|
<div class="top_tabs_li">{{title}}</div>
|
</a>
|
</li>
|
</ul>
|
<form class="form-horizontal" id="from">
|
<div class="form-group row">
|
<label class="col-sm-2 form-control-label">类型</label>
|
<div class="col-sm-6">
|
<label class="radio-inline">
|
<input type="radio" name="type" value="0" v-model="menu.type" /> 目录
|
</label>
|
<label class="radio-inline">
|
<input type="radio" name="type" value="1" v-model="menu.type" /> 菜单
|
</label>
|
<!--<label class="radio-inline">-->
|
<!--<input type="radio" name="type" value="2" v-model="menu.type" /> 按钮-->
|
<!--</label>-->
|
</div>
|
</div>
|
<div class="form-group row">
|
<label class="col-sm-2 form-control-label">菜单名称</label>
|
<div class="col-sm-6 input-icon">
|
<input type="text" class="form-control" required="" v-model="menu.name" id="name" name="name" placeholder="菜单名称或按钮名称" maxchar="60" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div class="form-group row">
|
<label class="col-sm-2 form-control-label">上级菜单</label>
|
<div class="col-sm-6">
|
<div class="input-group">
|
<input type="text" class="form-control" style="cursor:pointer;" v-model="menu.parentName" readonly="readonly" placeholder="点击右边按钮选择一级菜单" />
|
<span class="input-group-btn">
|
<a class="btn btn-info" @click="menuTree">
|
<i class="fa fa-search-plus"></i>
|
</a>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div v-if="menu.type == 1" class="form-group row">
|
<label class="col-sm-2 form-control-label">菜单URL</label>
|
<div class="col-sm-6 input-icon">
|
<input type="text" class="form-control" required="" v-model="menu.url" id="url" name="url" placeholder="菜单URL" maxchar="128" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div v-if="menu.type == 1 || menu.type == 2" class="form-group row">
|
<label class="col-sm-2 form-control-label">授权标识</label>
|
<div class="col-sm-6 input-icon">
|
<input type="text" class="form-control" v-model="menu.perms" id="perms" name="perms" placeholder="多个用逗号分隔，如：user:list,user:create" maxchar="250" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div class="form-group row">
|
<label class="col-sm-2 form-control-label">是否菜单显示</label>
|
<div class="col-sm-6">
|
<label class='control-checkbox' style="padding-top:7px;">
|
<input type="checkbox" value="1" id="isshow" name="isshow" />
|
<span>是</span>
|
</label>
|
</div>
|
</div>
|
<div class="form-group row" style="display: none;">
|
<label class="col-sm-2 form-control-label">是否打开新窗口</label>
|
<div class="col-sm-6">
|
<label class='control-checkbox' style="padding-top:7px;">
|
<input type="checkbox" value="1" id="target" name="target" />
|
<span>是</span>
|
</label>
|
</div>
|
</div>
|
<div v-if="menu.type != 2" class="form-group row">
|
<label class="col-sm-2 form-control-label">图标</label>
|
<div class="col-sm-6 input-icon">
|
<input type="text" class="form-control" v-model="menu.icon" maxchar="200" />
|
<code style="margin-top:4px;display: block;">获取图标：http://fontawesome.io/icons/</code>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<div style="height: 50px;"></div>
|
<div class="form-actions navbar-fixed-bottom" style="z-index: 0;">
|
<div style="float: left;">
|
<button class="btn btn-primary" id="button" type="button" @click="saveOrUpdate"><i class="fa fa-check"></i> 保存</button>
|
<button class="btn btn-black" id="close" type="button" onclick="window.close()">关闭 </button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<!-- 选择菜单 -->
|
<div id="menuLayer" style="display: none;padding:10px;">
|
<ul id="menuTree" class="ztree"></ul>
|
</div>
|
|
<script src="../../../js/modules/sys/menu_edit.js"></script>
|
</body>
|
|
</html>
|
