<%@ Page Language="C#" masterpagefile="~/Main.master" AutoEventWireup="true" CodeFile="SysUser.aspx.cs" Inherits="_SysUser" %>
|
<asp:Content runat="server" ID="Content1" ContentPlaceHolderID="head">
|
|
<script>
|
$(function() {
|
|
function formatFlagIcon(flag) {
|
return flag > 0 ? "<span class='label label-primary'>" + flag + "级告警</span>" : "<span class='label label-default'>关闭</span>";
|
}
|
|
var pagination = new Pagination();
|
pagination.setPageIndex(1);
|
pagination.setPageSize(20);
|
|
function loadUserList() {
|
$.get("sysuser.ashx", { "action": "loadUserList", pageIndex: pagination.getPageIndex(), pageSize: pagination.getPageSize() }, function(result) {
|
if (result.OK) {
|
var html = [];
|
$.each(result.Message.Table, function(i) {
|
html.push("<tr>");
|
html.push("<td>" + this.Account + "</td>");
|
html.push("<td>" + this.UserName + "</td>");
|
html.push("<td>" + this.Mobile + "</td>");
|
html.push("<td>" + formatFlagIcon(this.MobileFlag) + "</td>");
|
|
html.push("<td>" + this.Email + "</td>");
|
html.push("<td>" + formatFlagIcon(this.EmailFlag) + "</td>");
|
html.push("<td>" + this.ClientIp + "</td>");
|
html.push("<td>" + (this.IsVerification == 1 ? "<span class='label label-primary'>开启</span>" : "<span class='label label-default'>关闭</span>") + "</td>");
|
html.push("<td>" + this.CreateTime + "</td>");
|
html.push("<td>" + (this.Status == 1 ? "<span class='label label-primary'>启用</span>" : "<span class='label label-default'>停用</span>") + "</td>");
|
//html.push("<td>" + (this.Status == 1 ? "<a href='javascript:;' class='btn btn-primary btn-xs action-update-status' data-id=" + this.UserID + " data-status=0 ><i class='fa fa-toggle-off'></i> 启用</a>" : "<a href='javascript:;' class='btn btn-default btn-xs action-update-status' data-id=" + this.UserID + " data-status=1 ><i class='fa fa-toggle-on'></i>停用</a>") + "</td>");
|
html.push("<td class='text-right' >");
|
if (this.Status == 0) {
|
html.push("<a href='javascript:;' class='btn btn-primary btn-xs action-update-status' data-id=" + this.UserID + " data-status=1 ><i class='fa fa-toggle-off'></i>启用</a> " );
|
}
|
else {
|
html.push("<a href='javascript:;' class='btn btn-default btn-xs action-update-status' data-id=" + this.UserID + " data-status=0 ><i class='fa fa-toggle-on'></i>停用</a> ");
|
}
|
html.push("<a href='javascript:;' class='btn btn-success btn-xs action-edit' data-id='" + this.UserID + "'><i class='fa fa-edit'></i> 编辑</a> ");
|
html.push("<a href='javascript:;' data-id='" + this.UserID + "' class='action-permission btn btn-info btn-xs'><i class='fa fa-edit'></i> 权限</a> ");
|
html.push("<a href='javascript:;' data-id='" + this.UserID + "' class='action-delete btn btn-default btn-xs'><i class='fa fa-trash'></i> 删除</a>");
|
html.push("</td>");
|
html.push("</tr>");
|
});
|
if (result.Message.TotalCount == 0) {
|
html.push("<tr><td colspan=\"11\" style=\"padding-left:5px; text-align: center;\">暂无信息</td></tr>");
|
}
|
|
$("#mainTable>tbody").html(html.join(""));
|
pagination.setRecordCount(result.Message.TotalCount);
|
$("#pagination").html(pagination.getHtml());
|
}
|
else {
|
mytek.alert(result.Message, result.OK);
|
}
|
}, "json");
|
}
|
|
$(document).on("click", "a[data-index]", function() {
|
pagination.setPageIndex($(this).attr("data-index"));
|
loadUserList();
|
});
|
|
$(document).on("click", ".action-delete", function() {
|
var id = $(this).data("id");
|
|
mytek.confirm("是否需要删除该账户？", "删除账户数据后，将无法恢复", function(b) {
|
if (b) {
|
$.get("sysuser.ashx", { action: "deleteUser", "userid": id }, function(result) {
|
if (result.OK) {
|
mytek.alert(result.Message);
|
loadUserList();
|
}
|
}, "json");
|
}
|
});
|
});
|
|
$(document).on("click", ".action-update-status", function () {
|
//data的属性参数不能含有大写字母。
|
var userId = $(this).data("id");
|
var status = $(this).data("status");
|
mytek.confirm("是否更新信息状态？", "请谨慎操作！", function (b) {
|
if (b) {
|
$.post("sysuser.ashx", { "action": "updateStatus", userId: userId, status: status }, function (r) {
|
mytek.alert(r.Message, r.OK, function () {
|
loadUserList();
|
});
|
});
|
}
|
});
|
});
|
|
$(document).on("click", ".action-save", function() {
|
var userid = $("#userDialog").data("id");
|
var account = $("#userDialog #account").val();
|
var password = $("#userDialog #password").val();
|
var userName = $("#userDialog #userName").val();
|
var mobile = $("#userDialog #mobile").val();
|
var email = $("#userDialog #email").val();
|
var emailFlag = $("#userDialog #emailFlag").val();
|
var mobileFlag = $("#userDialog #mobileFlag").val();
|
var isVerification = $("#userDialog #isVerification").prop("checked");
|
|
var clientIp = $("#userDialog #clientIp").val();
|
|
$.post("sysuser.ashx", { action: "saveUser", userid: userid, account: account, password: password, userName:userName, mobile: mobile, email: email, mobileFlag: mobileFlag, emailFlag: emailFlag, isVerification: isVerification, clientIp: clientIp },
|
function(result) {
|
mytek.alert(result.Message, result.OK, function() {
|
if (result.OK) {
|
$("#userDialog").modal("hide");
|
loadUserList();
|
}
|
});
|
}, "json");
|
});
|
|
$(document).on("click", ".action-create", function() {
|
$("#userDialog .modal-title").html("创建账户");
|
$("#userDialog").data("id", 0);
|
$("#userDialog #account").val("");
|
$("#userDialog #password").val("");
|
$("#userDialog #userName").val("");
|
$("#userDialog #mobile").val("");
|
$("#userDialog #email").val("");
|
$("#userDialog input[name=isVerification]").iCheck("uncheck");
|
$("#userDialog #clientIp").val("");
|
$("#userDialog").modal("show");
|
});
|
|
$(document).on("click", ".action-permission", function() {
|
var id = $(this).data("id");
|
$.get("sysuser.ashx", { action: "loadUserMenuList", "userid": id }, function(result) {
|
if (!result.OK) {
|
mytek.alert(result.Message, result.OK);
|
}
|
else {
|
$("#permissionDialog").data("id", id);
|
$("#permissionDialog #MenuID").prop("checked", false);
|
$.each(result.Message, function(i) {
|
$("#permissionDialog #MenuID[value='" + this + "']").prop("checked", true);
|
});
|
}
|
$("#permissionDialog").modal("show");
|
}, "json");
|
});
|
|
$(document).on("click", ".action-update-permission", function() {
|
var menuIDArray = [];
|
|
$("#permissionDialog #MenuID").each(function() {
|
if ($(this).is(":checked")) {
|
menuIDArray.push($(this).val());
|
}
|
});
|
|
var userid = $("#permissionDialog").data("id");
|
$.ajax({
|
url: "sysuser.ashx",
|
type: "POST",
|
data: { action: "updatePermission", userid: userid, menuIDArray: $.toJSON(menuIDArray) },
|
success: function(result) {
|
$("#permissionDialog").modal("hide");
|
if (result.OK) {
|
loadUserList();
|
} else {
|
mytek.alert(result.Message, result.OK);
|
}
|
}
|
});
|
});
|
|
$(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", "a.action-edit", function() {
|
var id = $(this).data("id");
|
|
$.get("sysuser.ashx", { action: "loadUserInfo", "userid": id }, function(result) {
|
$("#userDialog .modal-title").html("修改账户");
|
var user = result.Message;
|
$("#userDialog").data("id", id);
|
$("#userDialog #account").val(user.Account);
|
$("#userDialog #password").val(user.Password);
|
$("#userDialog #userName").val(user.UserName);
|
$("#userDialog #mobile").val(user.Mobile);
|
$("#userDialog #email").val(user.Email);
|
$("#userDialog #emailFlag").val(user.EmailFlag);
|
$("#userDialog #mobileFlag").val(user.MobileFlag);
|
$("#userDialog #isVerification").iCheck(user.IsVerification == 1 ? "check" : "uncheck");
|
$("#userDialog #clientIp").val(user.ClientIp);
|
$("#userDialog").modal("show");
|
}, "json");
|
});
|
|
loadUserList();
|
|
});
|
|
</script>
|
</asp:Content>
|
<asp:Content runat="server" ID="Content2" ContentPlaceHolderID="title">系统账号管理</asp:Content>
|
<asp:Content ID="Content3" ContentPlaceHolderID="content" runat="Server">
|
|
<div class="modal inmodal fade" id="userDialog" tabindex="-1" role="dialog" aria-hidden="true">
|
<div class="modal-dialog form-horizontal">
|
<div class="modal-content ">
|
<div class="modal-header">
|
<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-10">
|
<input type="text" name="account" id="account" value="" class="form-control" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
密码 <span style="color:red">*</span></label>
|
<div class="col-sm-10">
|
<input type="password" name="password" id="password" value="" class="form-control" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
账户名称 <span style="color:red">*</span></label>
|
<div class="col-sm-10">
|
<input type="text" name="userName" id="userName" value="" class="form-control" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
账号设置
|
</label>
|
<div class="col-sm-10">
|
<input type="checkbox" class="icheck-me" name="isVerification" id="isVerification"
|
class="form-control icheck-me" />是否开启IP验证和短信验证 <span class="help-block m-b-none">开启后用户登录时会判断客户登录IP与报备IP是否一致,不一致则进行短信验证</span>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
IP验证
|
</label>
|
<div class="col-sm-6">
|
<input type="text" name="clientIp" id="clientIp" value="" class="form-control" />
|
</div>
|
<span class="help-block m-b-none">客户端IP,如：192.123.10.23</span>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
手机号码
|
</label>
|
<div class="col-sm-6">
|
<input type="text" name="mobile" id="mobile" value="" class="form-control" />
|
</div>
|
<div class="col-sm-4">
|
<select name="mobileFlag" id="mobileFlag" class="form-control">
|
<option value="0">不接收告警</option>
|
<option value="1">1级告警（待定告警）</option>
|
<option value="2">2级告警（警告告警）</option>
|
<option value="3">3级告警（次要告警）</option>
|
<option value="4">4级告警（重大告警）</option>
|
<option value="5">5级告警（严重告警）</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
电子邮件
|
</label>
|
<div class="col-sm-6">
|
<input type="text" name="email" id="email" value="" class="form-control" />
|
</div>
|
<div class="col-sm-4">
|
<select name="emailFlag" id="emailFlag" class="form-control">
|
<option value="0">不接收告警</option>
|
<option value="1">1级告警（待定告警）</option>
|
<option value="2">2级告警（警告告警）</option>
|
<option value="3">3级告警（次要告警）</option>
|
<option value="4">4级告警（重大告警）</option>
|
<option value="5">5级告警（严重告警）</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">
|
取消</button>
|
<button class="btn btn-primary action-save">
|
保存</button>
|
</div>
|
</div>
|
</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>
|
<button class="btn btn-primary action-update-permission">
|
保存</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<form name="DefaultForm" method="post" action="GwSpUpdate.aspx" id="DefaultForm">
|
<div class="listCanvas">
|
<table id="mainTable" class="table table-striped table-bordered table-hover">
|
<thead>
|
<tr>
|
<th>
|
账号
|
</th>
|
<th>
|
用户名称
|
</th>
|
<th>
|
手机
|
</th>
|
<th>
|
手机告警
|
</th>
|
<th>
|
邮箱
|
</th>
|
<th>
|
邮箱告警
|
</th>
|
<th>
|
绑定IP
|
</th>
|
<th>
|
验证
|
</th>
|
<th>
|
创建时间
|
</th>
|
<th>
|
状态
|
</th>
|
<th style="width: 240px;">
|
操作
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
<div id="pagination">
|
</div>
|
</form>
|
<div class="row">
|
<div class="col-sm-7">
|
<div class="ibox float-e-margins">
|
<button class="btn btn-warning action-create ">
|
创建账户</button>
|
</div>
|
</div>
|
</div>
|
<div>
|
<h5>
|
</h5>
|
|
</div>
|
|
|
<div id="mask" class="mask">
|
<span></span>
|
<img src="img/spinning-circles.svg" alt="载入中..." /></div>
|
</div>
|
</asp:Content>
|
