<%@ Page Language="C#" masterpagefile="~/Main.master" AutoEventWireup="true" CodeFile="SysRoleMenu.aspx.cs" Inherits="_SysRoleMenu" %>
|
<asp:Content runat="server" ID="Content1" ContentPlaceHolderID="head">
|
<script type="text/javascript" language="javascript">
|
$(document).ready(function () {
|
var pagination = new Pagination();
|
pagination.setPageIndex(1);
|
pagination.setPageSize(50);
|
|
function loadPageList() {
|
var dictLabel = "";
|
var dictType = "USER_ROLE";
|
var source = "SysRoleMenu"; //入口源
|
$.ajax({
|
url: "SysDictData.ashx",
|
type: "POST",
|
data: { action: "list", dictLabel: dictLabel, dictType: dictType, source:source, pageIndex: pagination.getPageIndex(), pageSize: pagination.getPageSize() },
|
success: function (result) {
|
if (result.OK) {
|
$("#sysDictDataTable tbody").html(result.Message.Table);
|
pagination.setRecordCount(result.Message.TotalCount);
|
$("#pagination").html(pagination.getHtml());
|
$("[data-toggle='popover']").popover();
|
} else {
|
mytek.alert(result.Message, result.OK);
|
}
|
}
|
});
|
}
|
|
$(document).on("click", ".action-modal-add", function () {
|
$("#sysDictDataDialog .modal-title").text("添加角色");
|
$("#sysDictDataDialog #action").val("add");
|
$("#sysDictDataDialog #dictId").val("");
|
$("#sysDictDataDialog #dictValue").val("").attr("readonly", false);
|
$("#sysDictDataDialog #dictLabel").val("");
|
$("#sysDictDataDialog #dictType").val("USER_ROLE");
|
$("#sysDictDataDialog #dictSort").val(1);
|
$("#sysDictDataDialog #remark").val("");
|
|
$("#sysDictDataDialog .statusCss").hide();
|
|
$("#sysDictDataDialog").modal("show");
|
});
|
|
$("#sysDictDataForm").ajaxForm({
|
success: function (r) {
|
if (r.OK) {
|
mytek.alert(r.Message, r.OK, function () {
|
$("#sysDictDataDialog").modal("hide");
|
loadPageList();
|
});
|
} else {
|
mytek.alert(r.Message, r.OK);
|
}
|
}
|
});
|
|
$(document).on("click", ".action-modal-edit", function () {
|
var dictId = $(this).data("id");
|
$("#sysDictDataDialog .modal-title").text("编辑角色");
|
|
$.get("SysDictData.ashx", { "action": "getByDictId", dictId: dictId }, function (r) {
|
if (r.OK) {
|
$("#sysDictDataDialog #action").val("update");
|
$("#sysDictDataDialog #dictId").val(r.Message.DictId);
|
$("#sysDictDataDialog #dictValue").val(r.Message.DictValue).attr("readonly", true);
|
$("#sysDictDataDialog #dictLabel").val(r.Message.DictLabel);
|
$("#sysDictDataDialog #dictType").val(r.Message.DictType);
|
$("#sysDictDataDialog #dictSort").val(r.Message.DictSort);
|
$("#sysDictDataDialog #status").val(r.Message.Status);
|
$("#sysDictDataDialog #remark").val(r.Message.Remark);
|
|
$("#sysDictDataDialog .statusCss").show();
|
|
$("#sysDictDataDialog").modal("show");
|
}
|
else {
|
mytek.alert(r.Message, r.OK);
|
}
|
}, "json");
|
});
|
|
$(document).on("click", ".action-update-status", function () {
|
//data的属性参数不能含有大写字母。
|
var dictId = $(this).data("id");
|
var status = $(this).data("status");
|
var statusStr = "";
|
if (status == 0) {
|
statusStr = "【停用】";
|
}
|
else {
|
statusStr = "【启用】";
|
}
|
mytek.confirm("是否需要" + statusStr + "该信息？", "确认更新信息状态，请谨慎操作！", function (b) {
|
if (b) {
|
$.post("SysDictData.ashx", { "action": "updateStatus", dictId: dictId, status: status }, function (r) {
|
mytek.alert(r.Message, r.OK, function () {
|
loadPageList();
|
});
|
});
|
}
|
});
|
});
|
|
$(document).on("click", ".action-delete", function () {
|
var dictId = $(this).data("id");
|
mytek.confirm("是否需要删除该信息？", "数据删除后将无法恢复，请谨慎操作！", function (b) {
|
if (b) {
|
$.post("SysDictData.ashx", { "action": "delete", dictId: dictId }, function (result) {
|
mytek.alert(result.Message, result.OK, function () {
|
loadPageList();
|
});
|
},
|
"json");
|
}
|
});
|
});
|
|
$(document).on("click", ".action-btn-SysDictDataQuery", function () {
|
pagination.setPageIndex(1);
|
loadPageList();
|
});
|
|
$(document).on("click", "a[data-index]", function () {
|
pagination.setPageIndex($(this).attr("data-index"));
|
loadPageList();
|
});
|
|
//进入页面时执行查询
|
loadPageList();
|
|
|
//打开角色所属权限树
|
$(document).on("click", ".action-permission", function () {
|
//var roleId = $("#RoleId").val();
|
var roleId = $(this).data("id");
|
$.get("SysRoleMenu.ashx", { action: "loadRoleMenuList", "roleId": roleId }, function (result) {
|
if (!result.OK) {
|
mytek.alert(result.Message, result.OK);
|
}
|
else {
|
$("#permissionDialog").data("roleId", roleId);
|
$("#permissionDialog #MenuID").prop("checked", false);
|
$.each(result.Message, function (i) {
|
$("#permissionDialog #MenuID[value='" + this + "']").prop("checked", true);
|
});
|
$("#permissionDialog").modal("show");
|
}
|
}, "json");
|
});
|
|
//勾选菜单复选框事件
|
$(document).on("click", "#MenuID", function () {
|
var id = $(this).val();
|
if (id == 1) {
|
$("input[name='MenuID']").prop("checked", $(this).is(":checked"));
|
} else {
|
$("[data-prentid='" + id + "']").prop("checked", $(this).is(":checked"));
|
|
$("input[data-prentid='" + id + "']").each(function () {
|
var partentid = $(this).val();
|
$("[data-prentid='" + partentid + "']").prop("checked", $(this).is(":checked"));
|
})
|
//$("[data-prentid='" + id + "']").prop("checked", $(this).is(":checked"));
|
}
|
});
|
|
//保存角色权限
|
$(document).on("click", ".action-update-permission", function () {
|
var menuIDArray = [];
|
|
//mytek.confirm("是否修改角色权限？", "请谨慎操作！", function (b) {
|
// if (b) {
|
$("#permissionDialog #MenuID").each(function () {
|
if ($(this).is(":checked")) {
|
menuIDArray.push($(this).val());
|
}
|
});
|
|
var roleId = $("#permissionDialog").data("roleId");
|
$.ajax({
|
url: "SysRoleMenu.ashx",
|
type: "POST",
|
data: { action: "updatePermission", roleId: roleId, menuIDArray: $.toJSON(menuIDArray) },
|
success: function (result) {
|
$("#permissionDialog").modal("hide");
|
if (result.OK) {
|
//;
|
} else {
|
mytek.alert(result.Message, result.OK);
|
}
|
}
|
});
|
// }
|
//});
|
});
|
|
});
|
</script>
|
</asp:Content>
|
<asp:Content runat="server" ID="Content2" ContentPlaceHolderID="title">角色权限管理</asp:Content>
|
<asp:Content ID="Content3" ContentPlaceHolderID="content" runat="Server">
|
<!--
|
<form name="queryForm" method="get" action="SysRoleMenu.aspx" id="queryForm" class="form-inline"
|
id="sysRoleMenuTable">
|
<div class="m-b">
|
<div class="form-group">
|
<div class="input-group">
|
<span class="input-group-addon">角色名称 <span style="color:red">*</span></span>
|
<select name="RoleId" id="RoleId" class="form-control">
|
<!%=UserRoleOptions()%>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group">
|
<input type="button" value="角色权限" class="btn btn-primary action-permission" />
|
</div>
|
</div>
|
</div>
|
</form>
|
-->
|
|
<input class=" btn btn-warning action-modal-add" value="添加角色" type="button" />
|
<table class="table table-striped table-bordered table-hover" id="sysDictDataTable">
|
<thead>
|
<tr class="header">
|
<th>角色编码
|
</th>
|
<th>角色名称
|
</th>
|
<th>所属类型
|
</th>
|
<th>角色排序
|
</th>
|
<th>参数来源
|
</th>
|
<th>创建者
|
</th>
|
<th>创建时间
|
</th>
|
<th>是否启用
|
</th>
|
<th class="text-center">操作
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
|
<div id="pagination">
|
</div>
|
<div class="footBar">
|
</div>
|
|
<div class="modal inmodal fade" id="sysDictDataDialog" tabindex="-1" role="dialog" aria-hidden="true">
|
<div class="modal-dialog modal-lg">
|
<form class="form-horizontal" id="sysDictDataForm" name="sysDictDataForm" method="post" action="SysDictData.ashx">
|
<div class="modal-content ">
|
<div class="modal-header">
|
<input type="hidden" class="form-control" name="action" id="action" value="update" />
|
<input type="hidden" class="form-control" name="dictId" id="dictId" value="" />
|
<button type="button" class="close" data-dismiss="modal">
|
<span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
<h4 class="modal-title">编辑角色资料</h4>
|
</div>
|
<div class="modal-body">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
角色编码 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4 ">
|
<input type="text" class="form-control" name="dictValue" id="dictValue" value="" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
角色名称 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4 ">
|
<input type="text" class="form-control" name="dictLabel" id="dictLabel" value="" />
|
</div>
|
</div>
|
<input type="hidden" class="form-control" name="dictType" id="dictType" value="USER_ROLE" />
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
角色排序 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4 ">
|
<input type="text" class="form-control" name="dictSort" id="dictSort"
|
maxlength="8" value="" onkeyup="value=value.replace(/[^\d]/g,'')"
|
onpaste="value=value.replace(/[^\d]/g,'')" oncontextmenu="return false" />
|
</div>
|
</div>
|
<div class="form-group statusCss">
|
<label class="col-sm-2 control-label">
|
状态</label>
|
<div class="col-sm-4 ">
|
<select id="status" name="status" class="form-control">
|
<option value="0" >停用</option>
|
<option value="1" selected>正常</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
备注</label>
|
<div class="col-sm-4">
|
<textarea class="form-control" name="remark" id="remark" rows="4" ></textarea>
|
</div>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">
|
取消</button>
|
<button class="btn btn-primary">
|
保存</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
|
<div class="modal inmodal fade" id="permissionDialog" tabindex="-1" role="dialog"
|
aria-hidden="true">
|
<div class="modal-dialog">
|
<div class="modal-content animated bounceInRight">
|
<div class="modal-header">
|
<span class="title">设置角色权限</span><a class="close" data-dismiss="modal" aria-hidden="true">×</a></div>
|
<div class="modal-body">
|
<%=RenderFunctionTree() %>
|
</div>
|
<div class="modal-footer">
|
<button class="btn-default btn" data-dismiss="modal" aria-hidden="true">
|
取消</button>
|
<a class="btn btn-primary action-update-permission">保存</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!-- footBar -->
|
<div id="mask" class="mask">
|
<span></span>
|
<img src="img/spinning-circles.svg" alt="载入中..." />
|
</div>
|
</asp:Content>
|
|
|
|
