lsm/OpenAuth.Net
1
0
Fork 0
mirror of https://gitee.com/dotnetchina/OpenAuth.Net.git synced 2025-09-22 20:13:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化部分JS前端模块，后期统一按此结构调整

Browse Source
This commit is contained in:
yubaolee
2016-04-15 17:49:21 +08:00
parent 587726951b
commit fa4b890965
24 changed files with 1129 additions and 1189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
OpenAuth.Mvc/Views/CategoryManager/Add.cshtml
View File

@@ -1,150 +0,0 @@
@model OpenAuth.Domain.Category
@{
ViewBag.Title = "Category编辑界面";
Layout = null;
}
<div class="bjui-pageContent">
<form action="/CategoryManager/Add" class="pageForm" data-toggle="validate">
<table class="table table-condensed table-hover">
<tbody>
<tr>
<td>
@Html.HiddenFor(m => m.Id)
@Html.HiddenFor(m => m.ParentId)
</td>
</tr>
<tr>
<td>
<label for="Name" class="control-label x120">名称：</label>
<input type="text" name="Name" id="Name" value="@Model.Name"
data-rule="required" size="20">
</td>
</tr>
<tr>
<td>
<label for="Status" class="control-label x120">当前状态：</label>
<select name="Status" id="Status" data-toggle="selectpicker" data-rule="required">
<option value="0" @if (Model.Status == 0) { <text> selected="selected" </text> }>默认</option>
<option value="1" @if (Model.Status == 1) { <text> selected="selected" </text> }>禁用</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="SortNo" class="control-label x120">排序号：</label>
<select name="SortNo" id="SortNo" data-toggle="selectpicker" data-rule="required">
<option value="0" @if (Model.SortNo == 0) { <text> selected="selected" </text> }>默认</option>
<option value="1" @if (Model.SortNo == 1) { <text> selected="selected" </text> }>状态1</option>
</select>
</td>
</tr>
@if (Model.Id == 0) //添加
{
<tr>
<td>
<label for="ParentName" class="control-label x120">父节点流水号：</label>
<input type="text" name="ParentName" id="ParentName"
data-toggle="selectztree" size="20" data-tree="#j_select_tree1" value="">
<ul id="j_select_tree1" class="ztree hide" data-toggle="ztree"></ul>
</td>
</tr>
<script type="text/javascript">
$(document).ready(function () {
Init();
});
function Init() {
var setting = {
view: {
selectedMulti: false
},
check: {
enable: true,
chkStyle: "radio",
radioType: "all"
},
data: {
key: {
name: 'Name',
title: 'Name'
},
simpleData: {
enable: true,
idKey: 'Id',
pIdKey: 'ParentId',
rootPId: 'null'
}
},
callback: {
onClick: zTreeOnClick,
onCheck: zTreeCheck
}
};
$.getJSON('/CategoryManager/LoadForTree', function (json) {
var zTreeObj = $.fn.zTree.init($('#j_select_tree1'), setting, json);
zTreeObj.expandAll(true);
});
}
function zTreeCheck(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj(treeId),
nodes = zTree.getCheckedNodes(true);
var ids = '', names = '';
for (var i = 0; i < nodes.length; i++) {
ids += ',' + nodes[i].Id;
names += ',' + nodes[i].Name;
}
if (ids.length > 0) { //去掉第一个逗号
ids = ids.substr(1);
names = names.substr(1);
}
var $from = $('#' + treeId).data('fromObj');
if ($from && $from.length) $from.val(names);
$('#ParentId').val(ids);
}
function zTreeOnClick(event, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj(treeId);
zTree.checkNode(treeNode, !treeNode.checked, true, true);
event.preventDefault();
}
</script>
}
else //编辑
{
<tr>
<td>
<label for="CascadeId" class="control-label x90">节点语义ID：</label>
<input type="text" name="CascadeId" id="CascadeId" value="@Model.CascadeId"
data-rule="required" size="20">
</td>
</tr>
}
@*<tr>
<td>
<label for="RootKey" class="control-label x90">根节点标识：</label>
<input type="text" name="RootKey" id="RootKey" value="@Model.RootKey"
data-rule="required" size="20">
</td>
</tr>
<tr>
<td>
<label for="RootName" class="control-label x90">根节点名称：</label>
<input type="text" name="RootName" id="RootName" value="@Model.RootName"
data-rule="required" size="20">
</td>
</tr>*@
</tbody>
</table>
</form>
</div>
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn-close">关闭</button></li>
<li><button type="submit" class="btn-green">保存</button></li>
</ul>
</div>

205
OpenAuth.Mvc/Views/CategoryManager/Index.cshtml
View File

@@ -3,154 +3,79 @@
}
@{ Html.RenderAction("MenuHeader", "Home");}
<div class="bjui-pageContent tableContent" style="position:relative">
<div class="bjui-pageContent tableContent" style="position: relative">
<div class="clearfix">
<div style="float: left; width: 220px; overflow: auto;" class="table table-bordered">
<ul id="maintree" class="ztree"></ul>
<ul id="tree" class="ztree"></ul>
</div>
<div id="detail" style="margin-left: 225px;">
<table id="maingrid" class="table table-bordered"></table>
</div>
</div>
</div>
<!--编辑对话框-->
<div class="bjui-dialog hidden bjui-dialog-container" id="editDlg" data-noinit="true">
<div class="bjui-pageContent">
<form action="/CategoryManager/Add" class="pageForm" data-toggle="validate" data-reload="false" id="editForm">
<input type="text" id="Id" name="Id" value="" class="hidden" />
<table class="table table-condensed table-hover">
<tbody>
<tr>
<td>
<label for="Name" class="control-label x120">名称：</label>
<input type="text" name="Name" id="Name" data-rule="required" size="20">
</td>
</tr>
<tr>
<td>
<label for="ParentName" class="control-label x120">上级分类：</label>
<input id="ParentId" name="ParentId" style="display: none" />
<input type="text" name="ParentName" id="ParentName"
data-toggle="selectztree" size="20" data-tree="#j_select_tree1">
<ul id="j_select_tree1" class="ztree hide" data-toggle="ztree"></ul>
</td>
</tr>
<script type="text/javascript">
var selectedId = 0;
$(document).ready(function () {
initZtree();
loadDataGrid();
});
//加载数据到datagrid
function loadDataGrid() {
//b-jui的datagrid需要重新处理HTML
$('#detail').empty()
.append('<table id="maingrid" class="table table-bordered table-hover table-striped table-top"></table>');
<tr>
<td>
<label for="Status" class="control-label x120">当前状态：</label>
<select name="Status" id="Status" data-toggle="selectpicker" data-rule="required">
<option value="0">默认</option>
<option value="1">禁用</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="SortNo" class="control-label x120">排序号：</label>
<input type="text" name="SortNo" id="SortNo" data-rule="required" size="20">
</td>
</tr>
<tr>
<td>
<label for="RootName" class="control-label x120">从属行业(应用)：</label>
<input type="text" name="RootName" id="RootName" size="20">
</td>
</tr>
<tr>
<td>
<label for="RootKey" class="control-label x120">从属行业(应用)标识：</label>
<input type="text" name="RootKey" id="RootKey" size="20">
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn btn-close">关闭</button></li>
<li><button type="button" class="btn btn-primary" id="btnSave">保存</button></li>
</ul>
</div>
</div>
$('#maingrid').datagrid({
showToolbar: false,
filterThead: false,
target:$(this),
columns: [
{
name: 'Id',
label: '资源表ID',
width: 100
, hide: true
},
{
name: 'CascadeId',
label: '节点语义ID',
width: 100
},
{
name: 'Name',
label: '名称',
width: 100
},
{
name: 'ParentId',
label: '父节点流水号',
width: 100
},
{
name: 'Status',
label: '当前状态',
width: 100
,type: 'select',
align: 'center',
items: [{ '0': '默认' }, { '1': '状态1' }],
},
{
name: 'SortNo',
label: '排序号',
width: 100
,type: 'select',
align: 'center',
items: [{ '0': '默认' }, { '1': '状态1' }],
},
{
name: 'RootKey',
label: '根节点',
width: 100
},
{
name: 'RootName',
label: '根节点名称',
width: 100
},
],
dataUrl: '/CategoryManager/Load?orgId=' + selectedId,
fullGrid: true,
showLinenumber: true,
showCheckboxcol: true,
paging: true,
filterMult: false,
showTfoot: false,
height: '100%'
});
}
function zTreeOnClick(event, treeId, treeNode) {
selectedId = treeNode.Id;
loadDataGrid();
}
function initZtree() {
var setting = {
view: {selectedMulti: false},
data: {
key: {
name: 'Name',
title: 'Name'
},
simpleData: {
enable: true,
idKey: 'Id',
pIdKey: 'ParentId',
rootPId: 'null'
}
},
callback: {onClick: zTreeOnClick}
};
$.getJSON('/CategoryManager/LoadForTree', function (json) {
var zTreeObj = $.fn.zTree.init($('#maintree'), setting, json);
zTreeObj.expandAll(true);
});
}
//删除
function delCategory() {
var selected = getSelected('#maingrid',2);
if (selected == null) return;
$.getJSON('/CategoryManager/Delete?Id=' + selected, function (data) {
if (data.statusCode == "200")
loadDataGrid();
else {
$(this).alertmsg('warn', data.message);
}
});
}
//自定义的编辑按钮
function editCategory() {
var selected = getSelected('#maingrid',2);
if (selected == null) return;
$(this).dialog({
id: 'editDialog',
url: '/CategoryManager/Add?id=' + selected,
title: '编辑',
onClose:function() {
refreshModuleGrid();
}
});
}
function refreshCategoryGrid() {
$('#maingrid').datagrid('refresh');
// loadDataGrid();
}
</script>
<script src="~/BllScripts/grid.js"></script>
<script src="~/BllScripts/categoryManager.js"></script>

126
OpenAuth.Mvc/Views/ModuleElementManager/AssignForRole.cshtml
View File

@@ -1,18 +1,15 @@
@{
string _prefix = "assignForRole";
var _treeId = _prefix + "Tree";
var _gridId = _prefix + "Grid";
var _treeDetail = _prefix + "Detail";
}
<div class="bjui-pageHeader">
<div class="bjui-pageHeader">
<div class="bjui-searchBar">
<input style="display: none" id="roleId" value="@ViewBag.RoleId" />
<div class="pull-right">
<div class="alert alert-info search-inline">
<i class="fa fa-info-circle"></i> 点击行为单选，点击复选框可多选统一授权
</div>&nbsp;
<button type="button" class="btn-green" data-num="1" data-icon="plus" onclick="assign()">
授权选中项目
<button type="button" class="btn btn-green" data-num="1" data-icon="plus" id="btnAccess">
授权选中
</button>&nbsp;
<button type="button" class="btn btn-danger" data-num="1" data-icon="trash" id="btnDelAccess">
取消授权
</button>&nbsp;
</div>
</div>
@@ -21,114 +18,13 @@
<div class="bjui-pageContent tableContent">
<div class="clearfix">
<div style="float: left; width: 220px; overflow: auto;" class="table table-bordered">
<ul id="@_treeId" class="ztree"></ul>
<ul id="tree" class="ztree"></ul>
</div>
<div id="@_treeDetail" style="margin-left: 225px;">
<div style="margin-left: 225px;">
<table id="maingrid" class="table table-bordered table-hover table-striped table-top"></table>
</div>
</div>
</div>
<script type="text/javascript">
var gridid = '#@_gridId';
var selectedId = 0;
$(document).ready(function () {
initZtree();
loadDataGrid();
});
//加载数据到datagrid
function loadDataGrid() {
//b-jui的datagrid需要重新处理HTML
$('#@_treeDetail').empty()
.append('<table id="@_gridId" class="table table-bordered table-hover table-striped table-top"></table>');
$(gridid).datagrid({
showToolbar: false,
filterThead: false,
columns: [
{
name: 'Id',
label: '元素名称',
hide: true
},
{
name: 'Name',
label: '元素名称',
width: 80
},
{
name: 'ModuleName',
label: '所属模块',
width: 80
},
{
name: 'Accessed',
label: '是否已经授权',
type: 'select',
align: 'center',
items: [{ 'false': '未授权', 'true': '已授权' }],
width: 80
}
],
dataUrl: '/ModuleElementManager/LoadForRole?orgId=' + selectedId +'&roleId='+$('#roleId').val(),
fullGrid: true,
showLinenumber: true,
showCheckboxcol: true,
paging: true,
filterMult: false,
showTfoot: false
});
}
function zTreeOnClick(event, treeId, treeNode) {
selectedId = treeNode.Id;
loadDataGrid();
}
function initZtree() {
var setting = {
view: { selectedMulti: false },
data: {
key: {
name: 'Name',
title: 'Name'
},
simpleData: {
enable: true,
idKey: 'Id',
pIdKey: 'ParentId',
rootPId: 'null'
}
},
callback: { onClick: zTreeOnClick }
};
$.getJSON('/ModuleManager/LoadForRole',
{ roleId: $('#roleId').val() },
function (json) {
var zTreeObj = $.fn.zTree.init($('#@_treeId'), setting, json);
zTreeObj.expandAll(true);
});
}
//授权选中的
function assign() {
var selected = getSelectedMany(gridid, 2);
if (selected == null) return;
$.post("/ModuleElementManager/AssignForRole",
{
roleId: $('#roleId').val(),
moduleId: selectedId,
menuIds: selected
},
function (data) {
refreshGrid();
});
}
function refreshGrid() {
$('#@_gridId').datagrid('refresh');
// loadDataGrid();
}
//@@ sourceURL=ModuleManagerIndex.js
</script>
<script src="~/BllScripts/grid.js"></script>
<script src="~/BllScripts/roleModuleElement.js"></script>

123
OpenAuth.Mvc/Views/ModuleElementManager/AssignForUser.cshtml
View File

@@ -1,18 +1,15 @@
@{
string _prefix = "assignForUser";
var _treeId = _prefix + "Tree";
var _gridId = _prefix + "Grid";
var _treeDetail = _prefix + "Detail";
}
<div class="bjui-pageHeader">
<div class="bjui-pageHeader">
<div class="bjui-searchBar">
<input style="display: none" id="userId" value="@ViewBag.UserId" />
<div class="pull-right">
<div class="alert alert-info search-inline">
<i class="fa fa-info-circle"></i> 点击行为单选，点击复选框可多选统一授权
</div>&nbsp;
<button type="button" class="btn-green" data-num="1" data-icon="plus" onclick="assign()">
授权选中项目
<button type="button" class="btn btn-green" data-num="1" data-icon="plus" id="btnAccess">
授权选中
</button>&nbsp;
<button type="button" class="btn btn-danger" data-num="1" data-icon="trash" id="btnDelAccess">
取消授权
</button>&nbsp;
</div>
</div>
@@ -21,111 +18,13 @@
<div class="bjui-pageContent tableContent">
<div class="clearfix">
<div style="float: left; width: 220px; overflow: auto;" class="table table-bordered">
<ul id="@_treeId" class="ztree"></ul>
<ul id="tree" class="ztree"></ul>
</div>
<div id="@_treeDetail" style="margin-left: 225px;">
<div style="margin-left: 225px;">
<table id="maingrid" class="table table-bordered table-hover table-striped table-top"></table>
</div>
</div>
</div>
<script type="text/javascript">
var selectedId = 0;
$(document).ready(function () {
initZtree();
loadDataGrid();
});
//加载数据到datagrid
function loadDataGrid() {
//b-jui的datagrid需要重新处理HTML
$('#@_treeDetail').empty()
.append('<table id="@_gridId" class="table table-bordered table-hover table-striped table-top"></table>');
$('#@_gridId').datagrid({
showToolbar: false,
filterThead: false,
columns: [
{
name: 'Id',
label: '元素名称',
hide: true
},
{
name: 'Name',
label: '元素名称',
width: 80
},
{
name: 'ModuleName',
label: '所属模块',
width: 80
},
{
name: 'Accessed',
label: '是否已经授权',
type: 'select',
align: 'center',
items: [{ 'false': '未授权', 'true': '已授权' }],
width: 80
}
],
dataUrl: '/ModuleElementManager/LoadForUser?orgId=' + selectedId + '&userId=' + $('#userId').val(),
fullGrid: true,
showLinenumber: true,
showCheckboxcol: true,
paging: true,
filterMult: false,
showTfoot: false
});
}
function zTreeOnClick(event, treeId, treeNode) {
selectedId = treeNode.Id;
loadDataGrid();
}
function initZtree() {
var setting = {
view: { selectedMulti: false },
data: {
key: {
name: 'Name',
title: 'Name'
},
simpleData: {
enable: true,
idKey: 'Id',
pIdKey: 'ParentId',
rootPId: 'null'
}
},
callback: { onClick: zTreeOnClick }
};
$.getJSON('/ModuleManager/LoadForUser?userId=' + $('#userId').val(), function (json) {
var zTreeObj = $.fn.zTree.init($('#@_treeId'), setting, json);
zTreeObj.expandAll(true);
});
}
//授权选中的
function assign() {
var selected = getSelectedMany('#@_gridId', 2);
if (selected == null) return;
$.post("/ModuleElementManager/AssignForUser",
{
userId: $('#userId').val(),
moduleId:selectedId,
menuIds: selected
},
function (data) {
refreshGrid();
});
}
function refreshGrid() {
$('#@_gridId').datagrid('refresh');
// loadDataGrid();
}
//@@ sourceURL=ModuleManagerIndex.js
</script>
<script src="~/BllScripts/grid.js"></script>
<script src="~/BllScripts/userModuleElement.js"></script>

10
OpenAuth.Mvc/Views/ModuleElementManager/Index.cshtml
View File

@@ -17,7 +17,7 @@
</div>
<div class="bjui-pageContent" style="padding-top: 30px">
<input id="selectedModuleId" value="@ViewBag.ModuleId" style="display: none" />
<table id="maingrid" class="table table-bordered"></table>
<table id="moduleEleList" class="table table-bordered"></table>
</div>
<div class="bjui-pageFooter">
<ul>
@@ -27,12 +27,12 @@
</div>
<!--编辑对话框-->
<div class="bjui-dialog hidden bjui-dialog-container" id="editDlg" data-noinit="true">
<div class="bjui-dialog hidden bjui-dialog-container" id="editEleDlg" data-noinit="true">
<div class="bjui-pageContent">
<form class="pageForm" data-toggle="validate" id="editElementForm"
action="/ModuleElementManager/AddOrEditButton">
<input type="text" id="Id" value="" class="hidden" />
<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>
@@ -83,7 +83,7 @@
<tr>
<td>
<label for="Remark" class="control-label x120">备注：</label>
<input type="text" id="Remark" name="Remark" value="" data-rule="required" size="20"/>
<input type="text" id="Remark" name="Remark" value="" size="20"/>
</td>
</tr>
<tr>
@@ -109,7 +109,7 @@
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn-close">关闭</button></li>
<li><button type="submit" class="btn-primary">保存</button></li>
<li><button type="button" class="btn-primary" id="btnEleChange">保存</button></li>
</ul>
</div>
</div>

157
OpenAuth.Mvc/Views/ModuleManager/Add.cshtml
View File

@@ -1,157 +0,0 @@
@model OpenAuth.Domain.Module
@{
ViewBag.Title = "Module编辑界面";
Layout = null;
}
<div class="bjui-pageContent">
<form action="/ModuleManager/Add" class="pageForm" data-toggle="validate">
<table class="table table-condensed table-hover">
<tbody>
<tr>
<td>
@Html.HiddenFor(m => m.Id)
@Html.HiddenFor(m =>m.CascadeId)
</td>
</tr>
<tr>
<td>
<label for="Name" class="control-label x120">功能模块名称：</label>
<input type="text" name="Name" id="Name" value="@Model.Name"
data-rule="required" size="20">
</td>
</tr>
<tr>
<td>
<label for="Url" class="control-label x120">主页面URL：</label>
<input type="text" name="Url" id="Url" value="@Model.Url" size="20">
</td>
</tr>
<tr>
<td>
<label for="ParentId" class="control-label x120">上级功能模块：</label>
<input id="ParentId" name="ParentId" value="@Model.ParentId" style="display: none" />
<input type="text" name="ParentName" id="ParentName" size="20"
value="@Model.ParentName"
@if (Model.Id == 0)
{
<text> data-toggle="selectztree" data-tree="#j_select_tree1"</text>
}
else
{
//TODO:修改的时候暂不能修改结构，因为以下：
//如果在前台处理，不能处理自身的ID
//如果在后台处理，因为算法会找最大的级联ID进行计算，如果每次都执行算法，肯定不行
//如果判断前端是否修改组织，再到后台处理，会增加前端的复杂程序
<text>readonly="readonly"</text>
} />
<ul id="j_select_tree1" class="ztree hide" data-toggle="ztree"></ul>
</td>
</tr>
<tr>
<td>
<label for="IconName" class="control-label x120">节点图标文件名称：</label>
<input type="text" name="IconName" id="IconName" value="@Model.IconName" size="20">
</td>
</tr>
<tr>
<td>
<label for="Status" class="control-label x120">当前状态：</label>
<select name="Status" id="Status" data-toggle="selectpicker" data-rule="required">
<option value="0" @if (Model.Status == 0) { <text> selected="selected" </text> }>默认</option>
<option value="1" @if (Model.Status == 1) { <text> selected="selected" </text> }>状态1</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="Vector" class="control-label x120">矢量图标：</label>
<input type="text" name="Vector" id="Vector" value="@Model.Vector" size="20">
</td>
</tr>
<tr>
<td>
<label for="SortNo" class="control-label x120">排序号：</label>
<select name="SortNo" id="SortNo" data-toggle="selectpicker" data-rule="required">
<option value="0" @if (Model.SortNo == 0) { <text> selected="selected" </text> }>默认</option>
<option value="1" @if (Model.SortNo == 1) { <text> selected="selected" </text> }>状态1</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="submit" class="btn-green">保存</button></li>
</ul>
</div>
<script type="text/javascript">
$(document).ready(function () {
Init();
});
function Init() {
var setting = {
view: {
selectedMulti: false
},
check: {
enable: true,
chkStyle: "radio",
radioType: "all"
},
data: {
key: {
name: 'Name',
title: 'Name'
},
simpleData: {
enable: true,
idKey: 'Id',
pIdKey: 'ParentId',
rootPId: 'null'
}
},
callback: {
onClick: zTreeOnClick,
onCheck: zTreeCheck
}
};
$.getJSON('/ModuleManager/LoadModuleWithRoot', function (json) {
var zTreeObj = $.fn.zTree.init($('#j_select_tree1'), setting, json);
zTreeObj.expandAll(true);
});
}
function zTreeCheck(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj(treeId),
nodes = zTree.getCheckedNodes(true);
var ids = '', names = '';
for (var i = 0; i < nodes.length; i++) {
ids += ',' + nodes[i].Id;
names += ',' + nodes[i].Name;
}
if (ids.length > 0) { //去掉第一个逗号
ids = ids.substr(1);
names = names.substr(1);
}
var $from = $('#' + treeId).data('fromObj');
if ($from && $from.length) $from.val(names);
$('#ParentId').val(ids);
}
function zTreeOnClick(event, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj(treeId);
zTree.checkNode(treeNode, !treeNode.checked, true, true);
event.preventDefault();
}
</script>

97
OpenAuth.Mvc/Views/ModuleManager/Index.cshtml
View File

@@ -3,10 +3,10 @@
}
@{ Html.RenderAction("MenuHeader", "Home");}
<div class="bjui-pageContent tableContent" style="position:relative">
<div class="bjui-pageContent tableContent" style="position: relative">
<div class="clearfix">
<div style="float: left; width: 220px; overflow: auto;" class="table table-bordered">
<ul id="maintree" class="ztree"></ul>
<ul id="tree" class="ztree"></ul>
</div>
<div id="detail" style="margin-left: 225px;">
@@ -14,4 +14,95 @@
</div>
</div>
</div>
<script src="~/BllScripts/modulemanager.js"></script>
<!--编辑对话框-->
<div class="bjui-dialog hidden bjui-dialog-container" id="editDlg" data-noinit="true">
<div class="bjui-pageContent">
<form action="/ModuleManager/Add" class="pageForm" data-toggle="validate" data-reload="false" id="editForm">
<table class="table table-condensed table-hover">
<tbody>
<input type="text" id="Id" name="Id" value="" class="hidden" />
<tr>
<td>
<label for="Name" class="control-label x120">功能模块名称：</label>
<input type="text" id="Name" name="Name" value="" data-rule="required"/>
</td>
</tr>
<tr>
<td>
<label for="Url" class="control-label x120">主页面URL：</label>
<input type="text" id="Url" name="Url" value=""/>
</td>
</tr>
<tr>
<td>
<label for="ParentName" class="control-label x120">所属模块（空时为根）：</label>
<input id="ParentId" name="ParentId" style="display: none" />
<input type="text" name="ParentName" id="ParentName"
data-toggle="selectztree" data-tree="#j_select_tree1">
<ul id="j_select_tree1" class="ztree hide" data-toggle="ztree"></ul>
</td>
</tr>
<tr>
<td>
<label for="HotKey" class="control-label x120">热键：</label>
<input type="text" id="HotKey" name="HotKey" value="" />
</td>
</tr>
<tr>
<td>
<label for="IsLeaf" class="control-label x120">是否叶子节点：</label>
<select name="IsLeaf" id="IsLeaf" data-toggle="selectpicker" data-rule="required">
<option value="true">是</option>
<option value="false">否</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="IsAutoExpand" class="control-label x120">是否自动展开：</label>
<select name="IsAutoExpand" id="IsAutoExpand" data-toggle="selectpicker" data-rule="required">
<option value="true">是</option>
<option value="false">否</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="IconName" class="control-label x120">节点图标文件名称：</label>
<input type="text" id="IconName" name="IconName" value="" />
</td>
</tr>
<tr>
<td>
<label for="Status" class="control-label x120">当前状态：</label>
<input type="text" id="Status" name="Status" value="" />
</td>
</tr>
<tr>
<td>
<label for="Vector" class="control-label x120">矢量图标：</label>
<input type="text" id="Vector" name="Vector" value="" />
</td>
</tr>
<tr>
<td>
<label for="SortNo" class="control-label x120">排序号：</label>
<input type="text" id="SortNo" name="SortNo" value="" />
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn btn-close">关闭</button></li>
<li><button type="button" class="btn btn-primary" id="btnSave">保存</button></li>
</ul>
</div>
</div>
<script src="~/BllScripts/grid.js"></script>
<script src="~/BllScripts/ModuleManager.js"></script>

76
OpenAuth.Mvc/Views/UserManager/Add.cshtml
View File

@@ -8,11 +8,11 @@
<form action="/UserManager/Add" class="pageForm" data-toggle="validate">
<table class="table table-condensed table-hover">
<tbody>
<tr>
<td>
@Html.HiddenFor(m =>m.CreateTime)
@Html.HiddenFor(m =>m.Id)
@Html.HiddenFor(m => m.CreateTime)
@Html.HiddenFor(m => m.Id)
<label for="Account" class="control-label x90">用户账号：</label>
<input type="text" name="Account" id="Account" value="@Model.Account"
data-rule="required" size="20">
@@ -28,10 +28,9 @@
<td>
<label for="Organizations" class="control-label x90">所属机构：</label>
<input id="OrganizationIds" name="OrganizationIds" value="@Model.OrganizationIds" style="display: none" />
<input type="text" name="Organizations" id="Organizations"
<input type="text" name="Organizations" id="Organizations"
data-toggle="selectztree" size="20" data-tree="#j_select_tree1" value="@Model.Organizations">
<ul id="j_select_tree1" class="ztree hide" data-toggle="ztree" >
</ul>
<ul id="j_select_tree1" class="ztree hide" data-toggle="ztree"></ul>
</td>
</tr>
<tr>
@@ -39,8 +38,8 @@
<label for="Status" class="control-label x85">设置状态：</label>
<select name="Status" id="Status" data-toggle="selectpicker" data-rule="required">
<option value="0" @if (Model.Status == 0) { <text> selected="selected" </text> }>正常</option>
<option value="1" @if (Model.Status == 1) { <text> selected="selected" </text> }>禁用</option>
<option value="0" @if (Model.Status == 0) { <text> selected="selected" </text> }>正常</option>
<option value="1" @if (Model.Status == 1) { <text> selected="selected" </text> }>禁用</option>
</select>
</td>
</tr>
@@ -49,8 +48,8 @@
<label for="Sex" class="control-label x85">性别：</label>
<select name="Sex" id="Sex" data-toggle="selectpicker" data-rule="required">
<option value="0" @if (Model.Status == 0) { <text> selected="selected" </text> }>男</option>
<option value="1" @if (Model.Status == 1) { <text> selected="selected" </text> }>女</option>
<option value="0" @if (Model.Status == 0) { <text> selected="selected" </text> }>男</option>
<option value="1" @if (Model.Status == 1) { <text> selected="selected" </text> }>女</option>
</select>
</td>
</tr>
@@ -66,10 +65,11 @@
</div>
<script type="text/javascript">
$(document).ready(function () {
Init();
});
function Init() {
var ztree = function () {
var orgName = $("#Organizations");
var orgIds = $("#OrganizationIds");
var zTreeObj;
var setting = {
view: {
selectedMulti: false
@@ -96,33 +96,33 @@
onCheck: zTreeCheck
}
};
function zTreeCheck(event, treeId, treeNode) {
var nodes = zTreeObj.getCheckedNodes(true);
var ids = nodes.map(function (e) { return e.Id; }).join(",");
var names = nodes.map(function (e) { return e.Name; }).join(",");
orgName.val(names);
orgIds.val(ids);
}
function zTreeOnClick(event, treeId, treeNode) {
zTreeObj.checkNode(treeNode, !treeNode.checked, true, true);
event.preventDefault();
}
$.getJSON('/OrgManager/LoadOrg', function (json) {
var zTreeObj = $.fn.zTree.init($('#j_select_tree1'), setting, json);
zTreeObj = $.fn.zTree.init($('#j_select_tree1'), setting, json);
var orgstr = orgIds.val();
if (orgstr != '') {
var nodeIds = orgstr.split(',');
$.each(nodeIds, function () {
var node = zTreeObj.getNodeByParam("Id", this, null);
zTreeObj.checkNode(node, true, true);
});
}
zTreeObj.expandAll(true);
});
}
}();
function zTreeCheck(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj(treeId),
nodes = zTree.getCheckedNodes(true);
var ids = '', names = '';
for (var i = 0; i < nodes.length; i++) {
ids += ',' + nodes[i].Id;
names += ',' + nodes[i].Name;
}
if (ids.length > 0) { //去掉第一个逗号
ids = ids.substr(1);
names = names.substr(1);
}
var $from = $('#' + treeId).data('fromObj');
if ($from && $from.length) $from.val(names);
$('#OrganizationIds').val(ids);
}
function zTreeOnClick(event, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj(treeId);
zTree.checkNode(treeNode, !treeNode.checked, true, true);
event.preventDefault();
}
</script>