alarmgroup.jsp 7.95 KB
<%--
  CreateUser: xuhui
  CreateDate: 2017/4/13
--%>
<%@page language="java" contentType="text/html;charset=utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="<%=basePath%>css/bootstrap.min.css" />
<link rel="stylesheet" href="<%=basePath%>css/unicorn.main.css" />
<link rel="stylesheet" href="<%=basePath%>css/unicorn.grey.css" />
<link rel="stylesheet" href="<%=basePath%>css/jquery-ui.css" />
<link rel="stylesheet"
	href="<%=basePath%>css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="<%=basePath%>css/uniform.css" />
<link rel="stylesheet" href="<%=basePath%>css/select2.css" />
<script src="<%=basePath%>js/excanvas.min.js" charset="UTF-8"
	type="text/javascript"></script>
<script src="<%=basePath%>js/jquery-1.12.0.min.js" charset="UTF-8"
	type="text/javascript"></script>
<script src="<%=basePath%>js/jquery-ui.custom.js" charset="UTF-8"
	type="text/javascript"></script>
<script src="<%=basePath%>/js/bootstrap.min.js"></script>
<script src="<%=basePath%>/js/unicorn.js"></script>
<script
	src="<%=basePath%>js/bootstrap-plugin/datetimepicker/moment-with-locales.js"
	charset="UTF-8" type="text/javascript"></script>
<script
	src="<%=basePath%>js/bootstrap-plugin/datetimepicker/bootstrap-datetimepicker.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/global.js" charset="UTF-8"
	type="text/javascript"></script>
<script src="<%=basePath%>js/bootstrap-plugin/bootstrap.pagination.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/bootstrap-plugin/bootstrap.table.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/bootstrap-plugin/bootstrap.dialog.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/bootstrap-plugin/bootstrap.form.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/bootstrap-plugin/bootstrap.panel.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/bootstrap-plugin/bootstrap.alerts.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/bootstrap-plugin/bootstrap.accordion.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/bootstrap-plugin/bootstrap.breadcrumb.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/bootstrap-plugin/bootstrap.validate.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/bootstrap-plugin/bootstrap.form.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/layer/layer.js" charset="UTF-8"
	type="text/javascript"></script>
<script src="<%=basePath%>js/bootstrap-plugin/bootstrap.select.js"
	charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath%>js/jstree/jstree.min.js"></script>
<script src="<%=basePath%>js/jquery.toaster.js"></script>
<script>
	var contextPath = '<%=basePath%>';
</script>
<title>YOHO!运维</title>
</head>
<body>
	<!-- 头部 -->
	<div id="head"></div>
	<!-- 右侧具体内容 -->
	<div id="content">

		<div id="breadcrumb">
			<a href="#" title="Go to Home" class="tip-bottom"><i
				class="icon-home"></i>Home</a> <a href="#" class="current">报警组</a>
		</div>
		<div class="container-fluid">
			<div class="widget-box">
				<div class="widget-title" style="height: 35px;">
					<div>
						<div class="form-inline" role="form" id="inBoxQueryDiv">
							<div class="input-group" style="float: left">
	                            <span class="input-group-addon">报警组:</span>
	                            <input type="text" id="alarmGroup_search" name="alarmGroup_search" class="form-control" placeholder="" />
							</div>
	                        <div class="input-group" style="float: left">
	                            <span class="input-group-addon">登陆用户名:</span>
	                            <input type="text" id="userName_search" name="userName_search" class="form-control" placeholder="" />
							</div>
							<button id="btnSearch" class="btn btn-primary" style="margin-left: 10px" onclick="btnSearch()">
								搜 索
							</button>
						</div>
					</div>
				</div>
				<div class="widget-title" style="height: 40px;">
					<div style="float: left">
						<h5 style="font-size: 14px">新增或修改</h5>
						<button id="btnNew" class="btn btn-primary" style="margin-left: 10px;margin-top:2px" onclick="btnNew()">
							新 增
						</button>
						<button id="btnCancel" name="btnIsEditStatus" class="btn btn-warning" disabled="disabled" style="margin-top:2px" onclick="btnCancel()">
							取 消
						</button>
						<button id="btnSave" name="btnIsEditStatus" class="btn btn-warning" disabled="disabled" style="margin-top:2px" onclick="btnSave()">
							保 存
						</button>
					</div>
				</div>
				<div class="widget-content">
	                <div class="widget-title" style="height: 35px;">
					<div>
						<div class="form-inline" role="form" id="inBoxQueryDiv">
							<div class="input-group" style="float: left">
	                            <span class="input-group-addon" style="width:100px">报警组名称:</span>
	                            <input readonly="readonly" type="text" id="alarmGroup" name="alarmType" style="width:250px" class="form-control" placeholder="" />
							</div>
							<div class="input-group" style="float: left">
	                            <span class="input-group-addon" style="width:100px">说明:</span>
	                            <input readonly="readonly" type="text" id="remark" name="alarmType" style="width:400px" class="form-control" placeholder="" />
							</div>
						</div>
					</div>
				</div>
				<div class="widget-title" style="height: 35px;">
					<div>
						<div class="form-inline" role="form" id="inBoxQueryDiv">
							<div class="input-group" style="float: left">
	                            <span class="input-group-addon" style="width:100px">用户名:</span>
	                            <input readonly="readonly" type="text" id="usersName" style="width:750px" class="form-control" placeholder="" />
							</div>
							<button id="btnQueryUser" name="btnIsEditStatus" class="btn btn-warning" disabled="disabled" onclick="btnQueryUser()">
								选择查询用户
							</button>
						</div>
					</div>
				</div>
				<div id="alarmGroupTable"
					style="overflow-y: auto; overflow-x: hidden; max-height: 700px" />
            	</div>
			</div>
		</div>
	</div>
	
	<!-- 弹出框 -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" style="margin:0 auto;margin-top:100px;width: 1000px"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="margin:0 auto;width: 1000px">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel"></h4>
				</div>
				<div class="modal-body">
					<div id="usersTable"
						style="overflow-y: auto; overflow-x: hidden; max-height: 400px" />
	            	</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-success" value="Validate"
						onclick="chooseUsers()">提交</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 弹出框 -->
	<script src="<%=basePath%>js/pagination.js"></script>
	<script src="<%=basePath%>script/common/genarate_left_panel.js"></script>
	<script src="<%=basePath%>script/alarmgroup/alarmgroup.js"></script>
	<script>
		$("#li_manager").addClass("active open");
		$("#li_alarmgroup").addClass("active");
	</script>
</body>
</html>