ops / monitor-ui · Commits

Go to a project

Authored by mlge
Commit ab8dd374a0abd2e817ff2122eeab19502cc4c6ae 2 parents bb82a62f 62aa9356

Merge branch 'dev_master'

Inline Side-by-side
Showing 4 changed files with 243 additions and 0 deletions
package com.ui.model.req;
import lombok.Data;
import java.util.List;
/**
* Created by meiling.ge on 2018/4/2.
*/
@Data
public class MonitorAlarmTableReq extends PageRequest{
private String idcs;
}
... ...
package com.ui.ctrl;
import com.ui.User.UserOperateListener;
import com.ui.http.HttpRestClient;
import com.ui.model.BaseResponse;
import com.ui.model.rep.PageResponse;
import com.ui.model.req.MonitorAlarmTableReq;
import com.ui.model.req.SqlOpLogsReq;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;
import java.util.Arrays;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@Controller
@RequestMapping("/monitorAlarm")
public class MonitorAlarmCtrl {
private static final Logger LOGGER = LoggerFactory.getLogger(MonitorAlarmCtrl.class);
@Autowired
HttpRestClient httpRestClient;
/**
* 查询报警短信页面
*
* @return
*/
@RequestMapping("toMonitorAlarm")
public ModelAndView toMonitorAlarmPage() {
ModelAndView mv = new ModelAndView("monitorAlarm/monitorAlarm");
BaseResponse resp = httpRestClient.defaultGet("/monitorAlarm/getIdcList", BaseResponse.class);
mv.addObject("idcList",resp.getData());
return mv;
}
@RequestMapping("/getMonitorAlarmMsg")
@ResponseBody
public BaseResponse getMonitorAlarmMsg(MonitorAlarmTableReq req) {
BaseResponse<PageResponse> resp = httpRestClient.defaultPost("/monitorAlarm/getMonitorAlarmMsg", req, BaseResponse.class);
return resp;
}
}
... ...
<%--
Created by IntelliJ IDEA.
User: meiling.ge
Date: 2018/4/2
Time: 16:25
To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@page import="com.ui.contants.ProjectConstant"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<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/bootstrap-datetimepicker.css"/>
<link href="<%=basePath %>js/bootstrap-plugin/css/bootstrap.table.css" rel="stylesheet" media="screen"/>
<link rel="stylesheet" href="<%=basePath %>css/bootstrap-responsive.min.css"/>
<link rel="stylesheet" href="<%=basePath %>css/fullcalendar.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/uniform.css"/>
<%--<link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
<link rel="stylesheet" href="<%=basePath %>js/select2/dist/css/select2.css"/>--%>
<link rel="stylesheet" href="<%=basePath %>css/select2-4.0.3.css"/>
<link rel="stylesheet" href="<%=basePath %>css/yoho.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/jquery.toaster.js"></script>
<script src="<%=basePath%>js/select2-4.0.3.min.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">
<h5>短信告警记录</h5>
</div>
<div class="widget-title" style="height: 56px;">
<div>
<div class="form-inline" role="form" id="inBoxQueryDiv" style=" margin-top: 12px;margin-left: 25px;float: left;">
<div class="input-group" style="float: left">
<span class="input-group-addon">idc:</span>
<select id="idc" class="form-control select2" multiple style="width: 300px;">
<c:forEach items="${idcList}" var="item">
<option value="${item}">${item}</option>
</c:forEach>
</select>
</div>
<button id="searchBtn" class="btn btn-primary" style="margin-left: 18px;" >搜索</button>
</div>
</div>
</div>
<div id="monitortable" style="overflow-y: auto; overflow-x:hidden;max-height: 700px" />
</div>
</div>
</div>
</body>
<script src="<%=basePath %>script/common/genarate_left_panel.js?v=<%=ProjectConstant.MENU_VERSION %>"></script>
<script>
$("#li_manager").addClass("active open");
$("#li_monitorAlarm_log").addClass("active");
</script>
<script type="text/javascript">
$(function () {
//select2多选 设置选中默认值
$("#idc").val("all").select2();
loadAlarmMsgTable();
});
//点击搜索按钮
$("#searchBtn").click(function () {
var idc = $("#idc").val();
$("#monitortable").table("load", {
idcs: JSON.stringify(idc)
});
});
//加载表格信息
function loadAlarmMsgTable(){
var idc = $("#idc").val();
//加载表格
$("#monitortable").table({
columnAutoWidth : false,
url : "/monitorAlarm/getMonitorAlarmMsg",
striped : true,
// title : "短信告警记录列表",
dataType : "json",
pagination : true,
pageSize : 15,
queryParams: {
idcs: JSON.stringify(idc)
},
loadFilter : function(data) {
return defaultLoadFilter(data);
},
columns : [
{
title : "time",
field : "time",
width : "15%"
}, {
title : "idc",
field : "idc",
width : "15%"
}, {
title : "type",
field : "type",
width : "15%"
}, {
title : "msg_content",
field : "msgContent",
width : "55%"
}]
});
}
</script>
</html>
... ...
... ... @@ -140,6 +140,7 @@ innerHTML += "</ul></li>";
innerHTML += "<li class='submenu' id='li_manager'><a id='li_manager_a' href='#'><i class='icon icon-th-list'></i> <span>管理员</span><span class='label'>8</span></a>";
innerHTML += "<ul><li id='li_user'><a id='li_user_a' href=''>用户管理</a></li>";
innerHTML += "<li id='li_user_operate_log'><a id='li_user_operate_log_a' href=''>用户操作日志</a></li>";
innerHTML += "<li id='li_monitorAlarm_log'><a id='li_monitorAlarm_log_a' href=''>短信告警日志</a></li>";
innerHTML += "<li id='li_module'><a id='li_module_a' href=''>模块管理</a></li>";
innerHTML += "<li id='li_authority'><a id='li_authority_a' href=''>权限组管理</a></li>";
innerHTML += "<li id='li_alarmgroup'><a id='li_alarmgroup_a' href=''>报警组管理</a></li>";
... ... @@ -213,6 +214,7 @@ document.getElementById("li_zkConfigCenter_a").setAttribute("href", path + "/con
document.getElementById("li_zkMonitor_log4j_a").setAttribute("href", path + "/zkCfgLog4j/tozkMonitorList4Log4j");
document.getElementById("li_user_a").setAttribute("href", path + "/manage/toUser");
document.getElementById("li_user_operate_log_a").setAttribute("href", path + "/userOperateLog/toUserOperateLog");
document.getElementById("li_monitorAlarm_log_a").setAttribute("href", path + "/monitorAlarm/toMonitorAlarm");
document.getElementById("li_module_a").setAttribute("href", path + "/manage/toModule");
document.getElementById("li_authority_a").setAttribute("href", path + "/manage/toAuthority");
document.getElementById("li_taskConfigure_a").setAttribute("href", path + "/taskConfigure/toTaskConfigure");
... ...