优化模块管理

This commit is contained in:
yubao
2017-12-11 22:59:36 +08:00
parent 8158f6c413
commit 91a1ea4bae
8 changed files with 205 additions and 157 deletions

View File

@@ -1,25 +0,0 @@
@{
Layout = null;
}
<link href="~/Content/scripts/layui/css/layui.css" rel="stylesheet" />
<link href="~/Content/mylayer.css" rel="stylesheet" />
<script src="~/Content/scripts/layui/layui.js"></script>
<script src="~/Content/scripts/jquery/jQuery-2.1.4.min.js"></script>
<script src="~/Content/scripts/zTree/js/jquery.ztree.core.js"></script>
<link href="/Content/scripts/zTree/css/metroStyle/metroStyle.css" rel="stylesheet" />
<div style="display: inline-block; width: 180px; height: 210px; padding: 10px; border: 1px solid #ddd; overflow: auto;">
<input style="display: none" id="firstId" value="@ViewBag.FirstId" />
<input style="display: none" id="moduleType" , value="@ViewBag.ModuleType" />
<ul id="orgtree" class="ztree" style="width: 100%"></ul>
</div>
<div class="site-tips" style="display: inline-block; height: 210px; width: 340px; padding: 10px; vertical-align: top;" id="demo2-view">
<form class="layui-form " action="" id="moduleElements">
</form>
</div>
<script src="~/BllScripts/grid.js"></script>
<script src="~/BllScripts/assignModuleElement.js"></script>

View File

@@ -1,113 +0,0 @@
@{
Layout = "~/Views/Shared/_LayoutNoHeader.cshtml";
}
<!-- /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><!-- /.page-content -->
<!--编辑对话框-->
<div id="editDlg" style="display: none">
<input type="hidden" id="ModuleId" v-model="ModuleId" />
<div class="col-xs-12">
<form class="form-horizontal" id="editForm">
<div class="form-group">
<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>
</div>
</div>
<script src="~/BllScripts/grid.js"></script>
<script src="~/BllScripts/moduleElementMan.js"></script>
<script src="~/BllScripts/jqEvent.js"></script>

View File

@@ -9,7 +9,7 @@
<div style="display: flex;">
<ul id="tree" class="ztree" style="display: inline-block; width: 180px; padding: 10px; border: 1px solid #ddd; overflow: auto;"></ul>
<table class="layui-table"
lay-data="{height: 'full-80', page:true, id:'mainList'}"
lay-data="{height: 'full-80', id:'mainList'}"
lay-filter="list" lay-size="sm">
<thead>
<tr>
@@ -46,7 +46,7 @@
<th lay-data="{field:'Name', width:120, sort: true, fixed: true}">名称</th>
<th lay-data="{field:'DomId', width:80}">DomId</th>
<th lay-data="{field:'Class', width:80}">样式</th>
<th lay-data="{field:'IconName', width:60,templet: '#iconTpl'}">图标</th>
<th lay-data="{field:'Icon', width:60,templet: '#miconTpl'}">图标</th>
<th lay-data="{field:'SortNo', width:80}">排序号</th>
<th lay-data="{fixed: 'right', width:80, align:'center', toolbar: '#menuBar'}"></th>
</tr>
@@ -56,11 +56,18 @@
<script type="text/html" id="menuBar">
<a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="del">删除</a>
</script>
<script type="text/html" id="miconTpl">
{{# if( d.Icon != null && d.Icon != ''){ }}
<i class="layui-icon">{{ d.Icon }}</i>
{{# } else { }}
{{ d.Icon }}
{{# } }}
</script>
</div>
<!--用户添加/编辑窗口-->
<!--模块添加/编辑窗口-->
<div id="divEdit" style="display: none">
<form class="layui-form" action="" id="formEdit">
@@ -116,5 +123,51 @@
</form>
</div>
<!--添加菜单窗口-->
<div id="divMenuEdit" style="display: none">
<form class="layui-form" action="" id="mfromEdit">
<input type="hidden" name="Id" v-model="Id" />
<input type="hidden" name="ModuleId" v-model="ModuleId" />
<div class="layui-form-item">
<label class="layui-form-label">菜单名称</label>
<div class="layui-input-block">
<input type="text" name="Name" v-model="Name" required lay-verify="required"
placeholder="请输入名称" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">DomId</label>
<div class="layui-input-block">
<input type="text" name="DomId" v-model="DomId" required lay-verify="required"
placeholder="请输入DomId" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">图标</label>
<div class="layui-input-block">
<input type="text" name="Icon" v-model="Icon"
placeholder="请选择图标" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序号</label>
<div class="layui-input-block">
<input type="text" name="SortNo" v-model="SortNo" required lay-verify="required"
placeholder="请输入排序号" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="mformSubmit">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</div>
<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/js/modules.js"></script>