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-16 23:25:00 +08:00
parent 25bb5bf07c
commit 2f0a9a3719
27 changed files with 1426 additions and 1400 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
OpenAuth.Mvc/Views/Home/MenuHeader.cshtml
View File

@@ -26,46 +26,3 @@
</div>
</div>
<script type="text/javascript">
function getDatagridRow(gridid) {
var selected = $(gridid).data('selectedTrs');
if (selected == null || selected.length == 0) {
$(this).alertmsg('warn', '至少选择一个对象', {
displayMode: 'slide',
title: '重要提示'
});
return null;
}
return selected;
}
//获取勾选的值
//column:为从0开始的列标识
function getSelected(gridid, column) {
var selected = getDatagridRow(gridid);
if (selected == null) return null;
var records = new Array();
$.each(selected, function (i) {
console.log($(this).children().eq(column).text());
records[records.length] = $(this).children().eq(column).text();
});
return records[0];
}
//返回选择的多条记录，用逗号隔开
function getSelectedMany(gridid, column) {
var selected = getDatagridRow(gridid);
if (selected == null) return null;
var results = '';
$.each(selected, function (i) {
console.log($(this).children().eq(column).text());
results += ',' + $(this).children().eq(column).text();
});
results = results.substr(1); //去掉第一个逗号
return results;
}
</script>

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

@@ -98,7 +98,12 @@
<select id="Icon" name="Icon" data-toggle="selectpicker">
<option value="pencil" selected>pencil</option>
<option value="plus">plus</option>
<option value="del">del</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>

107
OpenAuth.Mvc/Views/OrgManager/AddOrg.cshtml
View File

@@ -1,107 +0,0 @@
@{
ViewBag.Title = "title";
Layout = null;
}
<div class="bjui-pageContent">
<form action="/OrgManager/AddOrg" class="pageForm" data-toggle="validate">
<table class="table table-condensed table-hover">
<tbody>
<tr>
<td>
<label for="Name" class="control-label x90">机构名称：</label>
<input type="text" name="Name" id="Name" value=""
data-rule="required" size="20">
</td>
</tr>
<tr>
<td>
<input id="ParentId" name="ParentId" type="hidden">
<label for="ParentName" class="control-label x90">上级机构：</label>
<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>
<tr>
<td>
<label for="Status" class="control-label x85">设置状态：</label>
<select name="Status" id="Status" data-toggle="selectpicker" data-rule="required">
<option value="0">正常</option>
<option value="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('/OrgManager/LoadOrg', 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>

193
OpenAuth.Mvc/Views/OrgManager/Index.cshtml
View File

@@ -3,142 +3,75 @@
}
@{ 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; ">
<div id="detail" style="margin-left: 225px;">
<table id="maingrid" class="table table-bordered"></table>
</div>
</div>
</div>
<script type="text/javascript">
var selectedId = 0;
var grid;
$(document).ready(function () {
initZtree();
LoadOrg();
});
//加载数据到datagrid
function LoadOrg() {
//b-jui的datagrid需要重新处理HTML
$('#detail').empty()
.append('<table id="maingrid" class="table table-bordered table-hover table-striped table-top"></table>');
grid = $('#maingrid').datagrid({
showToolbar: false,
filterThead: false,
target: $(this),
columns: [
{
name: 'Id',
label: 'Id',
attrs: { readonly: 'readonly' },
hide: true
},
{
name: 'ParentId',
label: '上级机构ID',
attrs: { readonly: 'readonly'},
hide: true
},
{
name: 'CascadeId',
label: '唯一标识',
attrs: { readonly: 'readonly'}
},
{
name: 'Name',
label: '机构名称'
},
{
name: 'ParentName',
label: '上级机构',
edit: false,
attrs: { readonly: 'readonly' }
},
{
name: 'Status',
label: '状态',
type: 'select',
align: 'center',
items:[{'0':'正常'}, {'1':'禁用'}]
},
{
name: 'CreateTime',
label: '登记日期',
type: 'date',
pattern: 'yyyy-MM-dd HH:mm:ss'
}
],
dataUrl: '/OrgManager/LoadChildren?Id=' + selectedId,
editUrl: 'OrgManager/EditOrg',
editMode: 'dialog',
fullGrid: true,
showLinenumber: true,
showCheckboxcol: true,
paging: false,
filterMult: false,
showTfoot: false,
height:700,
editCallback: function (delResult) {
if (delResult.statusCode == "200")
Init(selectedId);
else {
$(this).alertmsg('warn', delResult.message);
}
}
});
}
function zTreeOnClick(event, treeId, treeNode) {
selectedId = treeNode.Id;
LoadOrg();
}
<!--编辑对话框-->
<div class="bjui-dialog hidden bjui-dialog-container" id="editDlg" data-noinit="true">
<div class="bjui-pageContent">
<form action="/OrgManager/AddOrg" 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="" />
</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="false">否</option>
<option value="true">是</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="false">否</option>
<option value="true">是</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="SortNo" class="control-label x120">排序号：</label>
<input type="text" id="SortNo" name="SortNo" 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>
</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>
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('/OrgManager/LoadOrg', function (json) {
var zTreeObj = $.fn.zTree.init($('#maintree'), setting, json);
zTreeObj.expandAll(true);
});
}
function refreshOrgGrid() {
$('#maingrid').datagrid('refresh');
}
//删除
function delOrg() {
var selected = getSelected('#maingrid',2);
if (selected == null) return;
$.getJSON('/OrgManager/DelOrg?Id=' + selected, function (data) {
if (data.statusCode == "200")
refreshOrgGrid();
else {
$(this).alertmsg('warn', data.message);
}
});
}
</script>
<script src="~/BllScripts/grid.js"></script>
<script src="~/BllScripts/OrgManager.js"></script>

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

@@ -1,157 +0,0 @@
@model OpenAuth.Domain.Resource
@{
ViewBag.Title = "Resource编辑界面";
Layout = null;
}
<div class="bjui-pageContent">
<form action="/ResourceManager/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.CategoryId)
</td>
</tr>
<tr>
<td>
<label for="Key" class="control-label x120">资源标识：</label>
<input type="text" name="Key" id="Key" value="@Model.Key"
data-rule="required" size="20">
</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>
@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);
$('#CategoryId').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 x120">节点语义ID：</label>
<input type="text" name="CascadeId" id="CascadeId" value="@Model.CascadeId"
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> }>状态1</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>
<tr>
<td>
<label for="CategoryId" class="control-label x120">资源分类标识：</label>
<select name="CategoryId" id="CategoryId" data-toggle="selectpicker" data-rule="required">
<option value="0" @if (Model.CategoryId == 0) { <text> selected="selected" </text> }>默认</option>
<option value="1" @if (Model.CategoryId == 1) { <text> selected="selected" </text> }>状态1</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="Description" class="control-label x120">描述：</label>
<input type="text" name="Description" id="Description" value="@Model.Description"
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>

219
OpenAuth.Mvc/Views/ResourceManager/Index.cshtml
View File

@@ -3,166 +3,83 @@
}
@{ 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="/ResourceManager/Add" class="pageForm" data-toggle="validate" data-reload="false" id="editForm">
<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>');
<table class="table table-condensed table-hover">
<tbody>
<input type="text" id="Id" name="Id" value="" class="hidden" />
<tr>
<td>
<label for="Key" class="control-label x120">资源标识：</label>
<input type="text" id="Key" name="Key" value="" />
</td>
</tr>
<tr>
<td>
<label for="Name" class="control-label x120">名称：</label>
<input type="text" id="Name" name="Name" value="" />
</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">默认</option>
<option value="1">状态1</option>
<option value="2">状态2</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="SortNo" class="control-label x120">排序号：</label>
<input type="text" id="SortNo" name="SortNo" value=""/>
</td>
</tr>
<tr>
<td>
<label for="Description" class="control-label x120">描述：</label>
<input type="text" id="Description" name="Description" value="" />
</td>
</tr>
<tr>
<td>
<label for="CategoryName" class="control-label x120">所属分类：</label>
<input id="CategoryId" name="CategoryId" style="display: none" />
<input type="text" name="CategoryName" id="CategoryName"
data-toggle="selectztree" data-tree="#j_select_tree1">
<ul id="j_select_tree1" class="ztree hide" data-toggle="ztree"></ul>
</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: 'Key',
label: '',
width: 100
},
{
name: 'Name',
label: '名称',
width: 100
},
{
name: 'ParentId',
label: '父节点流水号',
width: 100
,type: 'select',
align: 'center',
items: [{ '0': '默认' }, { '1': '状态1' }],
},
{
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: 'CategoryId',
label: '资源分类标识',
width: 100
,type: 'select',
align: 'center',
items: [{ '0': '默认' }, { '1': '状态1' }],
},
{
name: 'Description',
label: '描述',
width: 100
},
],
dataUrl: '/ResourceManager/Load?categoryId=' + selectedId,
fullGrid: true,
showLinenumber: true,
showCheckboxcol: true,
paging: true,
filterMult: false,
showTfoot: false,
height: '100%'
});
}
<script src="~/BllScripts/grid.js"></script>
<script src="~/BllScripts/ResourceManager.js"></script>
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 delResource() {
var selected = getSelected('#maingrid',2);
if (selected == null) return;
$.getJSON('/ResourceManager/Delete?Id=' + selected, function (data) {
if (data.statusCode == "200")
loadDataGrid();
else {
$(this).alertmsg('warn', data.message);
}
});
}
//自定义的编辑按钮
function editResource() {
var selected = getSelected('#maingrid',2);
if (selected == null) return;
$(this).dialog({
id: 'editDialog',
url: '/ResourceManager/Add?id=' + selected,
title: '编辑',
onClose:function() {
refreshResourceGrid();
}
});
}
function refreshResourceGrid() {
$('#maingrid').datagrid('refresh');
// loadDataGrid();
}
//@@ sourceURL=ResourceManagerIndex.js
</script>

137
OpenAuth.Mvc/Views/RoleManager/Add.cshtml
View File

@@ -1,137 +0,0 @@
@model OpenAuth.Domain.Role
@{
ViewBag.Title = "title";
Layout = null;
}
<div class="bjui-pageContent">
<form action="/RoleManager/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.CreateTime)
<tr>
<td>
<label for="Name" class="control-label x90">角色名称：</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 x90">当前状态：</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="Type" class="control-label x90">角色类型：</label>
<select name="Type" id="Type" data-toggle="selectpicker" data-rule="required">
<option value="0" @if (Model.Type == 0) { <text> selected="selected" </text> }>管理员</option>
<option value="1" @if (Model.Type == 1) { <text> selected="selected" </text> }>普通角色</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="OrgName" class="control-label x90">所属机构：</label>
<input id="OrgId" name="OrgId" value="" style="display: none"/>
<input type="text" name="OrgName" id="OrgName"
data-toggle="selectztree" size="20" data-tree="#j_select_tree1" value="@Model.OrgName">
<ul id="j_select_tree1" class="ztree hide" data-toggle="ztree"></ul>
</td>
</tr>
<tr>
<td>
<label for="OrgCascadeId" class="control-label x90">机构级联ID：</label>
<input type="text" name="OrgCascadeId" id="OrgCascadeId" value="@Model.OrgCascadeId"
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>
<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('/OrgManager/LoadOrg', 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 = '', cascadeids='';
for (var i = 0; i < nodes.length; i++) {
ids += ',' + nodes[i].Id;
names += ',' + nodes[i].Name;
cascadeids += ',' + nodes[i].CascadeId;
}
if (ids.length > 0) { //去掉第一个逗号
ids = ids.substr(1);
names = names.substr(1);
cascadeids = cascadeids.substr(1);
}
var $from = $('#' + treeId).data('fromObj');
if ($from && $from.length) $from.val(names);
$('#OrgId').val(ids);
$('#OrgCascadeId').val(cascadeids);
}
function zTreeOnClick(event, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj(treeId);
zTree.checkNode(treeNode, !treeNode.checked, true, true);
event.preventDefault();
}
</script>

258
OpenAuth.Mvc/Views/RoleManager/Index.cshtml
View File

@@ -3,215 +3,73 @@
}
@{ 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="/RoleManager/Add" class="pageForm" data-toggle="validate" data-reload="false" id="editForm">
<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>');
<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=""/>
</td>
</tr>
<tr>
<td>
<label for="OrgName" class="control-label x120">所属组织：</label>
<input id="OrgId" name="OrgId" style="display: none" />
<input type="text" name="OrgName" id="OrgName"
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="Status" class="control-label x120">当前状态：</label>
<select name="Status" id="Status" data-toggle="selectpicker" data-rule="required">
<option value="0">默认</option>
<option value="1">状态1</option>
<option value="2">状态2</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="Type" class="control-label x120">角色类型：</label>
<select name="Type" id="Type" data-toggle="selectpicker" data-rule="required">
<option value="0">默认</option>
<option value="1">状态1</option>
<option value="2">状态2</option>
</select>
</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,
columns: [
{
name: 'Id',
label: '流水号'
, hide: true
},
{
name: 'Name',
label: '角色名称',
width:100
},
{
name: 'Status',
label: '当前状态',
type: 'select',
align: 'center',
items:[{'0':'正常','1':'禁用'}],
width:50
},
{
name: 'Type',
label: '角色类型',
type: 'select',
align: 'center',
items: [{ '0': '管理员','1':'普通角色' }],
width:50
},
{
name: 'CreateTime',
label: '创建时间'
, type: 'date',
width: 150,
pattern: 'yyyy-MM-dd HH:mm:ss'
},
<script src="~/BllScripts/grid.js"></script>
<script src="~/BllScripts/RoleManager.js"></script>
{
name: 'OrgCascadeId',
label: '所属部门节点语义ID',
width:100
},
{
name: 'OrgName',
label: '所属部门名称',
width:100
}
],
dataUrl: '/RoleManager/Load?orgId=' + selectedId,
target:$(this),
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('/OrgManager/LoadOrg', function (json) {
var zTreeObj = $.fn.zTree.init($('#maintree'), setting, json);
zTreeObj.expandAll(true);
});
}
//删除
function delRole() {
var selected = getSelected('#maingrid', 2);
if (selected == null) return;
$.getJSON('/RoleManager/Delete?Id=' + selected, function (data) {
if (data.statusCode == "200")
refreshRoleGrid();
else {
$(this).alertmsg('warn', data.message);
}
});
}
//自定义的编辑按钮
function editRole() {
var selected = getSelected('#maingrid',2);
if (selected == null) return;
$(this).dialog({
id: 'editDialog',
url: '/RoleManager/Add?id=' + selected,
title: '编辑',
onClose:function() {
refreshRoleGrid();
}
});
}
function refreshRoleGrid() {
$('#maingrid').datagrid('refresh');
// loadDataGrid();
}
//为角色分配模块
function assignRoleModule(obj) {
var selected = getSelected('#maingrid',2);
if (selected == null) return;
$(obj).dialog({
id: 'accessRoleModule',
url: '/ModuleManager/LookupMultiForRole',
title: '为角色分配模块',
data: {
roleid: selected
}
});
}
//为角色分配可见机构
function assignRoleOrg(obj) {
var selected = getSelected('#maingrid', 2);
if (selected == null) return;
$(obj).dialog({
id: 'accessRoleOrg',
url: '/OrgManager/LookupMultiForRole',
title: '为角色分配可见机构',
data: {
roleid: selected
}
});
}
//为角色分配资源
function openRoleReourceAccess(obj) {
var selected = getSelected('#maingrid', 2);
if (selected == null) return;
$(obj).dialog({
id: 'accessUserRole',
url: '/ResourceManager/LookupMultiForRole',
title: '为角色分配资源',
width: 600,
height: 380,
data: {
roleId: selected
}
});
}
//为角色分配菜单
function assignRoleElement(obj) {
var selected = getSelected('#maingrid', 2);
if (selected == null) return;
$(obj).dialog({
id: 'assignElement',
url: '/ModuleElementManager/AssignForRole?roleId=' + selected,
title: '为角色分配菜单',
width: 700,
height:380
});
}
//@@ sourceURL=RoleManagerIndex.js
</script>

131
OpenAuth.Mvc/Views/StockManager/Add.cshtml
View File

@@ -1,131 +0,0 @@
@model OpenAuth.Domain.Stock
@{
ViewBag.Title = "Stock编辑界面";
Layout = null;
}
<div class="bjui-pageContent">
<form action="/StockManager/Add" class="pageForm" data-toggle="validate">
<table class="table table-condensed table-hover">
<tbody>
<tr>
<td>
@Html.HiddenFor(m =>m.Id)
</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="Number" class="control-label x120">产品数量：</label>
<input type="text" name="Number" id="Number" value="@Model.Number"
data-rule="required" size="20">
</td>
</tr>
<tr>
<td>
<label for="Price" class="control-label x120">产品单价：</label>
<input type="text" name="Price" id="Price" value="@Model.Price"
data-rule="required" size="20">
</td>
</tr>
<tr>
<td>
<label for="Status" class="control-label x120">出库/入库：</label>
<input type="text" name="Status" id="Status" value="@Model.Status"
data-rule="required" size="20">
</td>
</tr>
<tr>
<td>
<label for="Time" class="control-label x120">操作时间：</label>
<input type="text" name="Time" id="Time" value="@Model.Time"
data-rule="required" size="20">
</td>
</tr>
<tr>
<td>
@Html.HiddenFor(m =>m.OrgId)
@if (Model.Id == 0) //添加
{
//这个只用于显示使用，并不会进行提交处理，真正提交的是OrgId
<label for="OrgName" class="control-label x120">所属部门：</label>
<input type="text" name="OrgName" id="OrgName"
data-toggle="selectztree" size="20" data-tree="#j_select_tree1" value="">
<ul id="j_select_tree1" class="ztree hide" data-toggle="ztree"></ul>
<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('/OrgManager/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);
$('#OrgId').val(ids);
}
function zTreeOnClick(event, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj(treeId);
zTree.checkNode(treeNode, !treeNode.checked, true, true);
event.preventDefault();
}
</script>
}
</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>

211
OpenAuth.Mvc/Views/StockManager/Index.cshtml
View File

@@ -3,154 +3,85 @@
}
@{ 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>
<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>');
<!--编辑对话框-->
<div class="bjui-dialog hidden bjui-dialog-container" id="editDlg" data-noinit="true">
<div class="bjui-pageContent">
<form action="/StockManager/Add" class="pageForm" data-toggle="validate" data-reload="false" id="editForm">
$('#maingrid').datagrid({
showToolbar: false,
filterThead: false,
target: $(this),
columns: [
{
name: 'Id',
label: '数据ID',
width: 100,
hide: true
},
{
name: 'Name',
label: '产品名称',
width: 100
},
{
name: 'Number',
label: '产品数量',
width: 100
},
{
name: 'Price',
label: '产品单价',
width: 100
},
{
name: 'Status',
label: '出库/入库',
width: 100
, type: 'select',
align: 'center',
items: [{ '0': '入库' }, { '1': '出库' }],
},
{
name: 'User',
label: '操作人',
width: 100
},
{
name: 'Time',
label: '操作时间',
width: 100
, type: 'date',
pattern: 'yyyy-MM-dd HH:mm:ss'
},
{
name: 'OrgId',
label: '所属部门',
width: 100,
hide: true
}
],
dataUrl: '/StockManager/Load?parentId=' + selectedId,
fullGrid: true,
showLinenumber: true,
showCheckboxcol: true,
paging: true,
filterMult: false,
showTfoot: false,
height: '100%'
});
}
<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="" />
</td>
</tr>
<tr>
<td>
<label for="Number" class="control-label x120">产品数量：</label>
<input type="text" id="Number" name="Number" value="" />
</td>
</tr>
<tr>
<td>
<label for="Price" class="control-label x120">产品单价：</label>
<input type="text" id="Price" name="Price" value="" />
</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">出库</option>
<option value="1">入库</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="User" class="control-label x120">操作人：</label>
<input type="text" id="User" name="User" value="" />
</td>
</tr>
<tr>
<td>
<label for="Time" class="control-label x120">操作时间：</label>
<input type="text" id="Time" name="Time" value="" data-toggle="datepicker" />
</td>
</tr>
<tr>
<td>
<label for="ParentName" class="control-label x120">部门：</label>
<input id="OrgId" name="OrgId" 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>
</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>
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('/OrgManager/LoadOrg', function (json) {
var zTreeObj = $.fn.zTree.init($('#maintree'), setting, json);
zTreeObj.expandAll(true);
});
}
//删除
function delStock() {
var selected = getSelected('#maingrid', 2);
if (selected == null) return;
$.getJSON('/StockManager/Delete?Id=' + selected, function (data) {
if (data.statusCode == "200")
loadDataGrid();
else {
$(this).alertmsg('warn', data.message);
}
});
}
//自定义的编辑按钮
function editStock() {
var selected = getSelected('#maingrid', 2);
if (selected == null) return;
$(this).dialog({
id: 'editDialog',
url: '/StockManager/Add?id=' + selected,
title: '编辑',
onClose: function () {
refreshStockGrid();
}
});
}
function refreshStockGrid() {
$('#maingrid').datagrid('refresh');
// loadDataGrid();
}
//@@ sourceURL=StockManagerIndex.js
</script>
<script src="~/BllScripts/grid.js"></script>
<script src="~/BllScripts/StockManager.js"></script>

83
OpenAuth.Mvc/Views/UserManager/Index.cshtml
View File

@@ -1,18 +1,89 @@
@{
Layout = "~/Views/Shared/_BjuiLayout.cshtml";
}
@{ 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-hover table-striped table-top"></table>
<table id="maingrid" class="table table-bordered"></table>
</div>
</div>
</div>
<script src="~/BllScripts/usermanager.js"></script>
<!--编辑对话框-->
<div class="bjui-dialog hidden bjui-dialog-container" id="editDlg" data-noinit="true">
<div class="bjui-pageContent">
<form action="/UserManager/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"/>
<input type="text" id="Password" name="Password" class="hidden" />
<tr>
<td>
<label for="Account" class="control-label x120">账号：</label>
<input type="text" id="Account" name="Account" value="" />
</td>
</tr>
<tr>
<td>
<label for="Name" class="control-label x120">姓名：</label>
<input type="text" id="Name" name="Name" value=""/>
</td>
</tr>
<tr>
<td>
<label for="Organizations" class="control-label x120">所属机构：</label>
<input id="OrganizationIds" name="OrganizationIds" value="" style="display: none" />
<input type="text" name="Organizations" id="Organizations"
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="Sex" class="control-label x120">用户性别：</label>
<select name="Sex" id="Sex" data-toggle="selectpicker" data-rule="required">
<option value="0">男</option>
<option value="1">女</option>
</select>
</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">默认</option>
<option value="1">状态1</option>
<option value="2">状态2</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="Type" class="control-label x120">用户类型：</label>
<select name="Type" id="Type" data-toggle="selectpicker" data-rule="required">
<option value="0">默认</option>
<option value="1">状态1</option>
<option value="2">状态2</option>
</select>
</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/UserManager.js"></script>