mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-09-22 20:13:32 +08:00
完成菜单管理
This commit is contained in:
yubaolee
@@ -1,116 +1,114 @@
|
||||
@{
|
||||
Layout = null;
|
||||
Layout = "~/Views/Shared/_LayoutNoHeader.cshtml";
|
||||
}
|
||||
|
||||
|
||||
<div id="moduleElementManager" >
|
||||
<div class="bjui-pageHeader" style="z-index: 100">
|
||||
<button type="button" class="btn-green" data-icon="plus" id="btnAddElement">
|
||||
添加
|
||||
</button>
|
||||
<button type="button" class="btn-primary" data-icon="edit" id="btnEditElement">
|
||||
编辑
|
||||
</button>
|
||||
<button type="button" class="btn-danger" data-icon="del" id="btnDelElement">
|
||||
删除
|
||||
</button>
|
||||
<!-- /section:basics/content.breadcrumbs -->
|
||||
<div class="page-content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="widget-box widget-color-blue">
|
||||
<div class="widget-header">
|
||||
<div class="btn-group pull-right">
|
||||
<button type="button" class="btn btn-sm btn-success" id="btnAddElement">
|
||||
添加
|
||||
</button>
|
||||
<button type="button" class="btn btn-sm btn-success" id="btnEditElement">
|
||||
编辑
|
||||
</button>
|
||||
<button type="button" class="btn btn-sm btn-danger" id="btnDelElement">
|
||||
删除
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="widget-body gridwidth">
|
||||
<div class="widget-main">
|
||||
<div class="row">
|
||||
<div class="col-md-12 ">
|
||||
<input id="selectedModuleId" value="@ViewBag.ModuleId" style="display: none" />
|
||||
<table id="maingrid"></table>
|
||||
<div id="grid-pager"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bjui-pageContent" style="padding-top: 30px">
|
||||
<input id="selectedModuleId" value="@ViewBag.ModuleId" style="display: none" />
|
||||
<table id="moduleEleList" class="table table-bordered"></table>
|
||||
</div>
|
||||
<div class="bjui-pageFooter">
|
||||
<ul>
|
||||
<li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- /.page-content -->
|
||||
<!--编辑对话框-->
|
||||
<div class="bjui-dialog hidden bjui-dialog-container" id="editEleDlg" data-noinit="true">
|
||||
<div class="bjui-pageContent">
|
||||
<div id="editDlg" style="display: none">
|
||||
<div class="col-xs-12">
|
||||
<form class="form-horizontal" id="editForm">
|
||||
<div class="form-group">
|
||||
|
||||
<input type="hidden" id="ModuleId" v-model="ModuleId"/>
|
||||
<label class="col-sm-3 control-label no-padding-right" for=""> DOM ID </label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" id="DomId" check-type="required" v-model="DomId"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label no-padding-right" for=""> 名称 </label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" id="Name" check-type="required" v-model="Name" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label no-padding-right" for=""> 脚本 </label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" id="Script" check-type="required" v-model="Script" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label no-padding-right" for=""> 排序号 </label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" id="Sort" check-type="required" v-model="Sort"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label no-padding-right" for=""> 描述 </label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" id="Remark" check-type="required" v-model="Remark" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label no-padding-right" for=""> 元素样式 </label>
|
||||
<div class="col-sm-9">
|
||||
<select id="Class" name="Class" v-model="Class">
|
||||
<option value="btn-success" selected>绿色</option>
|
||||
<option value="btn-red">红色</option>
|
||||
<option value="btn-primary">默认</option>
|
||||
<option value="btn-danger">警告</option>
|
||||
<option value="btn-pink">粉红</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label no-padding-right" for=""> 图标 </label>
|
||||
<div class="col-sm-9">
|
||||
<select id="Icon" name="Icon" v-model="Icon">
|
||||
<option value="pencil" selected>pencil</option>
|
||||
<option value="plus">plus</option>
|
||||
<option value="trash">trash</option>
|
||||
<option value="bank">bank</option>
|
||||
<option value="bar">bar</option>
|
||||
<option value="refresh">refresh</option>
|
||||
<option value="user">user</option>
|
||||
<option value="key">key</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form class="pageForm" data-toggle="validate" id="editElementForm"
|
||||
action="/ModuleElementManager/AddOrEditButton">
|
||||
<input type="text" id="Id" name="Id" value="" class="hidden" />
|
||||
<input id="ModuleId" name="ModuleId" class="hidden" />
|
||||
<table class="table table-condensed table-hover">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="DomId" class="control-label x120">DOM ID：</label>
|
||||
<input type="text" id="DomId" name="DomId" data-rule="required" size="20"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="Name" class="control-label x120">名称：</label>
|
||||
<input type="text" id="Name" name="Name" value="" data-rule="required" size="20"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="Type" class="control-label x120">类型：</label>
|
||||
<select id="Type" name="Type" data-toggle="selectpicker">
|
||||
<option value="button" selected>按钮</option>
|
||||
<option value="link">超链接</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="Script" class="control-label x120">元素调用脚本：</label>
|
||||
<input type="text" id="Script" name="Script" value="" size="20"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="Class" class="control-label x120">元素样式：</label>
|
||||
<select id="Class" name="Class" data-toggle="selectpicker">
|
||||
<option value="btn-green" selected>绿色</option>
|
||||
<option value="btn-red">红色</option>
|
||||
<option value="btn-primary">默认</option>
|
||||
<option value="btn-danger">警告</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="Remark" class="control-label x120">备注：</label>
|
||||
<input type="text" id="Remark" name="Remark" value="" size="20"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="Sort" class="control-label x120">排序号：</label>
|
||||
<input type="text" id="Sort" name="Sort" value="" data-rule="required" size="20"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="Icon" class="control-label x120">图标：</label>
|
||||
<select id="Icon" name="Icon" data-toggle="selectpicker">
|
||||
<option value="pencil" selected>pencil</option>
|
||||
<option value="plus">plus</option>
|
||||
<option value="trash">trash</option>
|
||||
<option value="bank">bank</option>
|
||||
<option value="bar">bar</option>
|
||||
<option value="refresh">refresh</option>
|
||||
<option value="user">user</option>
|
||||
<option value="key">key</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
<div class="bjui-pageFooter">
|
||||
<ul>
|
||||
<li><button type="button" class="btn-close">关闭</button></li>
|
||||
<li><button type="button" class="btn-primary" id="btnEleChange">保存</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="~/BllScripts/moduleElementMan.js"></script>
|
||||
</div>
|
||||
<script src="~/BllScripts/grid.js"></script>
|
||||
<script src="~/BllScripts/moduleElementMan.js"></script>
|
||||
<script src="~/BllScripts/jqEvent.js"></script>
|
||||
110
OpenAuth.Mvc/Views/Shared/_LayoutNoHeader.cshtml
Normal file
110
OpenAuth.Mvc/Views/Shared/_LayoutNoHeader.cshtml
Normal file
@@ -0,0 +1,110 @@
|
||||
@using OpenAuth.App.SSO
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta charset="utf-8" />
|
||||
<title>OpenAuth.Net | 基于领域驱动的权限管理系统</title>
|
||||
|
||||
<meta name="description" content="" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
|
||||
|
||||
<!-- bootstrap & fontawesome -->
|
||||
<link rel="stylesheet" href="/Content/ace/css/bootstrap.css" />
|
||||
<link href="/Content/ace/css/font-awesome.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- page specific plugin styles -->
|
||||
<!-- text fonts -->
|
||||
<link rel="stylesheet" href="/Content/ace/css/ace-fonts.css"/>
|
||||
|
||||
<link href="/Content/plugins/jqGrid/ui.jqgrid.css" rel="stylesheet" />
|
||||
|
||||
<!-- ace styles -->
|
||||
<link rel="stylesheet" href="/Content/ace/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<link rel="stylesheet" href="/Content/ace/css/ace-part2.css" class="ace-main-stylesheet" />
|
||||
<![endif]-->
|
||||
<link rel="stylesheet" href="/Content/ace/css/ace-skins.css" />
|
||||
<link rel="stylesheet" href="/Content/ace/css/ace-rtl.css"/>
|
||||
|
||||
|
||||
<link href="/Content/myace.css" rel="stylesheet"/>
|
||||
|
||||
<link href="/Content/plugins/zTree/css/metroStyle/metroStyle.css" rel="stylesheet"/>
|
||||
<link href="~/Content/plugins/layer/skin/layer.css" rel="stylesheet" />
|
||||
<link href="~/Content/plugins/layer/skin/layer.ext.css" rel="stylesheet" />
|
||||
<!--[if lte IE 9]>
|
||||
<link rel="stylesheet" href="/Content/ace/css/ace-ie.css" />
|
||||
<![endif]-->
|
||||
<!-- inline styles related to this page -->
|
||||
<!-- ace settings handler -->
|
||||
<script src="/Content/ace/js/ace-extra.js"></script>
|
||||
|
||||
<script src="/Content/plugins/jQuery/jQuery-2.1.4.min.js"></script>
|
||||
<script src="~/Content/plugins/jqGrid/jquery.jqGrid.src.js"></script>
|
||||
<script src="~/Content/plugins/jqGrid/i18n/grid.locale-en.js"></script>
|
||||
<script src="~/Content/plugins/zTree/js/jquery.ztree.core.js"></script>
|
||||
<script src="~/Content/plugins/layer/layer.js"></script>
|
||||
<script src="~/Content/plugins/layer/extend/layer.ext.js"></script>
|
||||
<script src="~/Content/vue.js"></script>
|
||||
</head>
|
||||
|
||||
<body class="skin-1">
|
||||
|
||||
|
||||
<!-- /section:basics/navbar.layout -->
|
||||
<div class="main-container ace-save-state" id="main-container">
|
||||
<script type="text/javascript">
|
||||
try { ace.settings.loadState('main-container') } catch (e) { }
|
||||
</script>
|
||||
|
||||
<!-- /section:basics/sidebar -->
|
||||
<div class="main-content">
|
||||
<div class="main-content-inner">
|
||||
@RenderBody()
|
||||
</div>
|
||||
</div><!-- /.main-content -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div><!-- /.main-container -->
|
||||
<!-- basic scripts -->
|
||||
<script type="text/javascript">
|
||||
if ('ontouchstart' in document.documentElement
|
||||
)
|
||||
document.write("<script src='../components/_mod/jquery.mobile.custom/jquery.mobile.custom.js'>" +
|
||||
"<" +
|
||||
"/script>");
|
||||
</script>
|
||||
<script src="/Content/plugins/bootstrap/js/bootstrap.js"></script>
|
||||
|
||||
<!-- page specific plugin scripts -->
|
||||
<!-- ace scripts -->
|
||||
<script src="/Content/ace/js/src/elements.scroller.js"></script>
|
||||
<script src="/Content/ace/js/src/elements.colorpicker.js"></script>
|
||||
<script src="/Content/ace/js/src/elements.fileinput.js"></script>
|
||||
<script src="/Content/ace/js/src/elements.typeahead.js"></script>
|
||||
<script src="/Content/ace/js/src/elements.wysiwyg.js"></script>
|
||||
<script src="/Content/ace/js/src/elements.spinner.js"></script>
|
||||
<script src="/Content/ace/js/src/elements.treeview.js"></script>
|
||||
<script src="/Content/ace/js/src/elements.wizard.js"></script>
|
||||
<script src="/Content/ace/js/src/elements.aside.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.basics.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.scrolltop.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.ajax-content.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.touch-drag.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.sidebar.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.sidebar-scroll-1.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.submenu-hover.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.widget-box.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.settings.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.settings-rtl.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.settings-skin.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.widget-on-reload.js"></script>
|
||||
<script src="/Content/ace/js/src/ace.searchbox-autocomplete.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user