<%--
Created by IntelliJ IDEA.
User: afe
Date: 2017/11/1
Time: 16:52
To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!-- add by wang feng -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>监控运营</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/css/demo.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/css/component.css" />
<script src="${ctx}/static/js/modernizr.custom.js"></script>
<script type="text/javascript" src="${ctx}/static/js/classie.js"></script>
<script src="${ctx}/static/artDialog4.1.7/artDialog.source.js?skin=default"></script>
<script src="${ctx}/static/artDialog4.1.7/plugins/iframeTools.source.js"></script>
<style>
.dialog-p{
position:relative;
width:890px;
}
th{
text-align:center;
}
.panel-body {
padding: 0px;
}
.table{
margin-bottom: 0px;
}
</style>
</head>
<body>
<div id="sticky-wrap"> </div>
<div>
<div class="container">
<ol class="breadcrumb">
<li><a href="${ctx}/index">首页</a></li>
<li>监控运营</li>
<li class="active">告警监控</li>
</ol>
</div>
</div>
<div id="main-container main-tab-container">
<div id="content" class="container">
<div class="tab-bar-bt">
<ul class="nav nav-tabs">
<li ><a id="a_home" href="${ctx}/MonitorOperation/WorkingOrderManage">预警和隐患维护</a></li>
<li><a id="a_home1" href="${ctx}/MonitorOperation/WarnAnalysis">告警统计</a> </li>
<li><a id="a_profile" href="${ctx}/MonitorOperation/WarnAnalysisDetail">告警明细</a> </li>
<li class="active"><a id="a_insideXcd" href="#home" data-toggle="tab">内部协查单管理</a> </li>
</ul>
</div>
<div class="section">
<div class="tab-content">
<!-- ------------------------------------------------ 内部协查单查询结果页面 ---------------------------------------------------------------- -->
<div class="tab-pane fade in active" id="home">
<div class="row me-row">
<div id="slidePushMenus" class="cbp-spmenu-push" >
<div class="slideMenu" id="cbp-spmenu-s1" >
<div class="form">
<%-- 筛选项--%>
<tags:PeriodTag />
<%--<tags:WS_REWT />--%>
<tags:JCS_datasource_channle/>
<tags:XCD_WarningSource />
<%--<tags:ImportanceLevelTag />--%>
<tags:GJFX_Provider_Province />
<!-- tag:XCD_IfClosed /> -->
<div id="workingOrderIDDiv" class="slide-menu-option">
<label for="">协查单编号</label>
<input id="workingOrderID" class="form-control" type="text" style="width:250px;" onFocus="">
</div>
<button id="submit" class="btn btn-primary">提交</button>
<%--<button id="reset" class="btn btn-warning" onclick="Reset()" >重置</button>--%>
</div>
</div>
<div class="main col-xs-12">
<div id="mainm2" class="mainm" ></div>
<div class="content clearfix">
<div class="block clearfix">
<button id="showLeftPush2" class="menu-trigger btn btn-default" onclick="toggleMenu('slidePushMenus')">
<span class="glyphicon glyphicon-list"></span>
</button>
<div class="slide-menu-tags">
<span id="warningSource2" class="label label-info" data-placement="bottom"></span>
<span id="PeriodTag3" class="label label-info" data-placement="bottom"></span>
<span id="ProviderTag" class="label label-info" data-placement="bottom"></span>
<span id="ProvinceTag" class="label label-info" data-placement="bottom"></span>
<span id="DataSourceTag" class="label label-info" data-placement="bottom" ></span>
<span id="ChannelTag3" class="label label-info" data-placement="bottom"></span>
<span id="ImportanceLevelTag" class="label label-info" data-placement="bottom"></span>
<span id="suboriginTag" class="label label-info" data-placement="bottom"></span>
<span id="xcdcodeid" class="label label-info" data-placement="bottom"></span>
<span id="IfClosedTag3" data-placement="bottom"> </span>
</div>
<div class="bt-list-import">
<a href="#" id="upload" class=""> <span
class="glyphicon glyphicon-import"></span> <span
class="glyphicon-class">导出Excel</span> </a>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="table-header">协查单列表
<shiro:hasAnyRoles name="admin,dataAnalysis,businessAnalysis">
<div class="bt-list-import" >
<input type="button" id="createXcd" class="btn btn-primary" style="margin-right:13px;" value="下发协查单" disabled=true onclick="">
</div>
</shiro:hasAnyRoles>
</div>
<table id="xcdResultTable" class="table table-hover table-striped">
</table>
<input type="hidden" id="wadt" name="wadt" value='${insideXcdWorkingOrderInfos}' />
<input type="hidden" id="xcdWarningInfoJson" name="xcdWarningInfoJson" value='${xcdWarningInfoJson}' />
</div>
</div>
<!-- 刷新分页 tags:WorkingOrader_pagination page="${xcdWorkingOrderInfoS}"
paginationSize="${pageSize}" /> -->
</div>
</div>
</div>
</div>
</div>
<form action="#" method="get" id="listForm"></form>
<%--<input type="hidden" id="checkRelXcdJson" value="">--%>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="${ctx}/static/js/insideXcdWarningTable.js"></script>
<script type = "text/javascript">
$(function(){
//初始化
xcdFindTable();
initDate();
//筛选项提交按钮
$("#submit").click(searchTable);
function searchTable(){
var href;
if($('#workingOrderID').val()==null||$('#workingOrderID').val()==""){//协查单编号为空
if(getStatsDataSourceCheckedValues().length==0){ $.alert('数据来源选择不能为空！');}
if(getStatsChannelCheckedValues().length==0){ $.alert('渠道选择不能为空！');}
if(getProviderCheckedValues().length==0){ $.alert('集成商选择不能为空！');}
if(getProvinceCheckedValues().length==0){ $.alert('省份选择不能为空！');}
else{
href="${ctx}/MonitorOperation/InsideXcd/changeTable?"
+ "PeriodTag=" + getPeriodStr()//时间筛选
+ "&DataSourceTag="+ getStatsDataSourceCheckedValues()//数据来源
+ "&ChannelTag=" + getStatsChannelCheckedValues()//渠道
+ "&warningSourceTag=" + getWarningSource3()//告警来源
+ "&ProviderTag=" + getProviderCheckedValues()//集成商
+ "&ProvinceTag="+getProvinceCheckedValues();//省份
$.ajax({
type : 'GET',
contentType : 'application/json',
url: href,
dataType : 'text',
beforeSend: function(data) {},
success: function(data) {
$("#wadt").val(data);//将数据临时存入hidden
xcdFindTable();
toggleMenu('slidePushMenus');//隐藏筛选项
updateTag(true);
}
});
}
}else{
href="${ctx}/MonitorOperation/InsideXcd/changeTable?WorkingOrderCode="+$('#workingOrderID').val();
<%--upLoadExcel="${ctx}/MonitorOperation/WarnAnalysisDetail/upLoadExcel?WorkingOrderCode="+$('#WorkingOrderCode').val();--%>
$.ajax({
type : 'GET',
contentType : 'application/json',
url: href,
dataType : 'text',
beforeSend: function(data) {},
success: function(data) {
$("#wadt").val(data);
xcdFindTable();
toggleMenu('slidePushMenus');//隐藏筛选项
// updateTag(false);
}
});
}
}
function getUrlParams() {
//获取当前URL地址
var search = window.location.search;
//从search中抽取从 1 开始到search.length字符，并以&分割获取写入字符串
var tmparray = search.substr(1, search.length).split("&");
var paramsArray = new Array;
if (tmparray != null) {
for (var i = 0; i < tmparray.length; i++) {
// 用=进行拆分，但不包括==
var reg = /[=|^==]/;
//用&替换reg
var set1 = tmparray[i].replace(reg, '&');
//以&分割获取
var tmpStr2 = set1.split('&');
var array = new Array;
array[tmpStr2[0]] = tmpStr2[1];
// 将array添加到paramsArray中，并返回长度
paramsArray.push(array);
}
}
// 返回参数数组
return paramsArray;
}
//根据参数名称获取参数值
function getParamValue(name) {
var paramsArray = getUrlParams();
if (paramsArray != null) {
for (var i = 0 ; i < paramsArray.length ; i++) {
for (var j in paramsArray[i]) {
if (j == name) {
return paramsArray[i][j];
}
}
}
}
return null;
}
var returninfo2;
returninfo2=getParamValue("returninfo");
var relatedId = getParamValue("relatedId");
if(returninfo2!=null){
$.alert(decodeURIComponent(returninfo2)+relatedId);
}
if(relatedId !=null){
$('#workingOrderID').val(relatedId);
searchTable();
toggleMenu('slidePushMenus');//隐藏筛选项
}
});
$("#createXcd").click(function(){
console.log(xcdId)
var xcdids = xcdId.split(",");
var msg ="";
for(var i=0;i<xcdids.length;i++) {
if (i == xcdids.length - 1) {
msg += "$"
} else {
msg += "$,"
}
}
openwin("${ctx}/MonitorOperation/WorkingOrderCreate?warningId="+xcdId+"&msg="+msg);
});
function getCol(json,name){return (json[name]!=null)?json[name]:'';}//防止空值时出现undefined
function batchOpenDialog(ids) {
if(ids.length>10){
$.alert("批量结果预览最多展示10条数据");
return
}
var data = JSON.parse($('#xcdWarningInfoJson').val());
showIds=ids;
var content ="<div class='dialog-p' style='max-height: 560px; overflow-y: scroll; overflow-x: auto;'>" +
" <div class='col-xs-12'>" +
" <div class='panel panel-default'>" +
" <div class='panel-heading'>告警明细</div>" +
" <div class='panel-body'>"+
" <table class='table table-vertical'>";
ids.forEach(function (t) {
data.forEach(function (t1) {
console.log(t1)
if(t1.warningId === t){
content= content+"<tr><td>";
content = content +"<table class='table table-vertical'>" +
" <tr>" +
" <td>告警标题</td>" +
" <td colspan='5'>"+getCol(t1,'warningTitle')+"</td>" +
" <td> 告警ID</td>" +
" <td>"+getCol(t1,'warningId')+"</td>" +
" </tr>" +
" <tr>" +
" <td width='10%'>省份</td>" +
" <td>"+getCol(t1,'provinceName')+"</td>" +
" <td width='10%'>数据来源</td>" +
" <td>"+getCol(t1,'dataSourceName')+"</td>" +
" <td width='10%'>业务</td>" +
" <td>"+getCol(t1,'businessName')+"</td>" +
" <td width='10%'>渠道</td>" +
" <td>"+getCol(t1,'channelName')+"</td>" +
" </tr>" +
" <tr>" +
" <td>指标编码</td>" +
" <td>"+getCol(t1,'kpiCode')+"</td>" +
" <td>指标名称</td>" +
" <td>"+getCol(t1,'kpiName')+"</td>" +
" <td>相关集成商</td>" +
" <td>"+getCol(t1,'providerName')+"</td>" +
" <td>告警级别</td>" +
" <td>"+getCol(t1,'importanceLevelName')+"</td>" +
" </tr>" +
" <tr>" +
" <td>配置项编码</td>" +
" <td>"+getCol(t1,'ciCode')+"</td>" +
" <td>配置项名称</td>" +
" <td>"+getCol(t1,'ciName')+"</td>" +
" <td>关闭类型</td>" +
" <td>"+getCol(t1,'closestatus')+"</td>" +
" <td>告警状态</td>" +
" <td>"+getCol(t1,'warningstatus')+"</td>" +
" </tr>" +
" <tr>" +
" <td>发生时间</td>" +
" <td>"+((t1['occurTime']!=null)?df.format(new Date(t1['occurTime'])):"")+"</td>" +
" <td>结束时间</td>" +
" <td>"+((t1['closeTime']!=null)?df.format(new Date(t1['closeTime'])):"")+"</td>" +
" <td>协查单号</td>" +
" <td>"+getCol(t1,'workingOrderCode')+"</td>" +
" <td>故障单号</td>" +
" <td>"+getCol(t1,'relevantFailureId')+"</td>" +
" </tr>" +
" <tr>" +
" <td>模型名称</td>" +
" <td>"+getCol(t1,'dataModelName')+"</td>" +
" <td width='10%'>模型类型</td>" +
" <td>"+getCol(t1,'dataModelTypeName')+"</td>" +
" <td width='10%'>告警来源</td>" +
" <td>"+getCol(t1,'warningSourceName')+"</td>" +
" <td>告警类型</td>" +
" <td>"+getCol(t1,'riskEarlyWarningTypeName')+"</td>" +
" </tr>" +
" <tr>" +
" <td>告警描述</td>" +
" <td colspan='7'><input class='alarmMsg' type='text' class='form-control'></td>" +
" </tr>" +
" <tr>" +
" <td colspan='8' align='center'>图表展示</td>" +
" </tr>" +
" <tr>" +
" <td colspan='8'>" +
" <div class=''>" +
" <iframe id='ewarningIf' style='height:560px;padding: 7px;' scrolling='no' src='${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&wrapper=false&height=534&WarningID="+getCol(t1, 'warningId')+ "&WarningSourceTag="+getCol(t1, 'warningSourceId')+ "&ctx=${ctx}" +"'></iframe>" +
" </div>" +
" </td>" +
" </tr>" +
"</table>";
<%--" <iframe id='ewarningIf' style='height:560px;padding: 7px;' scrolling='no' src='${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&wrapper=false&height=534&WarningID="+getCol(data, 'warningId ')+ "&WarningSourceTag="+getCol(data, 'warningSourceId ')+ "&ctx=${ctx}" +"'>" +--%>
content= content+"</td></tr><tr><td><br></td></tr>";
}
})
});
content = content+"</table></div></div></div>";
$.dialog({
title:'告警明细相关信息页面 告警ID:'+ids,
content:content,
lock: true
});
}
function downloadFile(e){
var url = "${ctx}/MonitorOperation/InsideXcd/downloadFile";
var fileName = e.id;
var form = $("<form></form>").attr("action", url).attr("method", "POST");
form.append($("<input/>").attr("type", "hidden").attr("name", "fileName").attr("value", fileName));
form.appendTo('body').submit().remove();
}
function openwin(url) {
var a = document.createElement("a"); //创建a对象
a.setAttribute("href", url);
a.setAttribute("target", "_blank");
a.setAttribute("id", "camnpr");
document.body.appendChild(a);
a.click(); //执行当前对象
}
</script>
</body>
</html>