完成菜单管理

This commit is contained in:
yubaolee
2016-10-18 11:11:51 +08:00
parent 26c11376f1
commit 5c069f2361
11 changed files with 686 additions and 274 deletions

View File

@@ -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>