<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2017/11/21 0021
Time: 下午 2:27
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ 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}"/>
<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">
<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>
<script type="text/javascript" src="${ctx}/static/js/associatediagosisconfiguration.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var deleleMess=document.getElementById('deleleMess').value;
if(deleleMess === 'success'){
//setTimeout("alert('ok')",2000);
}
var jso = document.getElementById('gzfxDetail').value;
// failureTable();
// initDateDetail();//初始化 时间范围
initTable();//初始化 主面板
// $("#businessSelectAreaDetail").hide();
});
</script>
<style>
th,td {text-align:center; /*设置水平居中*/vertical-align:middle;/*设置垂直居中*/}
</style>
</head>
<body>
<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 class="active"><a id="a_detail" href="#detail" data-toggle="tab">关联诊断配置</a></li>
<li><a id="a_statistics" href="${ctx}/MonitorOperation/AssociateDiagosisDetail">关联诊断明细</a></li>
</ul>
</div>
<div class="section">
<div class="tab-content">
<div class="tab-pane fade in active" id="detail">
<div class="row me-row">
<div id="slidePushMenus2" class="cbp-spmenu-push">
<div class="slideMenu" id="cbp-spmenu-s2" style="">
<div class="form">
<%--<tags:GZFX_Period_detail/>--%>
<tags:GZFX__Time_Dimension_Province_AssociateDiagosisConfiguration/>
<button class="btn btn-primary" onclick="detailSubmit()">提交</button>
<button class="btn btn-warning" onclick="detailReset()">重置</button>
</div>
</div>
<div class="main col-xs-12">
<!-- <table id="mainm2" class="mainm" onclick="hideMenu('showLeftPush2','slidePushMenus2')"></table> -->
<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('slidePushMenus2')">
<span class="glyphicon glyphicon-list"></span>
</button>
<div class="slide-menu-tags">
<span id="detailPeriodTag" class="label label-info" data-placement="bottom"></span>
<span id="detailTimeTag" class="label label-info"
data-placement="bottom"></span>
<span id="detailDemensionTag" class="label label-info"
data-placement="bottom"></span>
<span id="detailProvinceTag" class="label label-info"
data-placement="bottom"></span>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="table-header">
关联诊断配置查询
<shiro:hasAnyRoles name="admin,dataAnalysis,businessAnalysis">
<div id="time_div"
style="top: -6px;float: right;height: 0px;position: relative;">
<button id="createIndicatorsBtn" class="btn-sm btn btn-primary btn-sm btn-group btn-group-cog">新建</button>
<button type="button" id="deleteAnaInfo" class="btn btn-danger" disabled>删除</button>
<button id="updateIndicatorsBtn" class="btn-sm btn btn-warning btn-sm btn-group btn-group-cog" disabled>修改</button>
</div>
</shiro:hasAnyRoles>
</div>
<!--写故障明细列表处-->
<table class="table table-hover table-striped"
id="failureAnalysisDetailTable">
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<form action="#" method="get" id="listForm"></form>
<input type="hidden" id="gzfxDetail" name="gzfxDetail" value='${gzfxDetailInfos}' />
<%-- <input type="hidden" id="listDimKpi" name="listDimKpi" value='${listDimKpi}' />--%><%-- 所有指标--%>
<input type="hidden" id="provinceAll" name="provinceAll" value='${provinces}' />
<input type="hidden" id="indicatorsAll" name="indicatorsAll" value='${indicatorsAll}' />
<input type="hidden" id="anaInfoSelected" name="anaInfoSelected" value='' />
<input type="hidden" id="deleleMess" name="deleleMess" value='${deleleMess}' />
</div>
</div>
</div>
</div>
<script type="text/javascript">
function detailSubmit(){
var detailProvinceSum = getDetailProvinceCheckedValues().length;
if(detailProvinceSum==0) {
$.alert("省份的选择不能为空");
}else {
var detailProvince = getDetailProvinceCheckedValueString();
var dimension = getDetailCheckeddDimension();
$.ajax({
type : 'GET',
contentType : 'application/json',
url: "${ctx}/MonitorOperation/AssociateDiagosisConfiguration/getTableData?detailProvince="+encodeURIComponent(detailProvince)+
"&dimension="+dimension,
dataType : 'text',
beforeSend: function(data) {
},
success: function(data) {
$("#gzfxDetail").val(data);
toggleMenu('slidePushMenus2');//隐藏筛选项
initTable();
}
});
}
$("#updateIndicatorsBtn").attr("disabled","true");
$("#deleteAnaInfo").attr("disabled","true");
updateTags(true);//更新 tags显示
}
function updateTags(flag){
$("#detailPeriodTag").empty();
$("#detailDemensionTag").empty();
$("#detailProvinceTag").empty();
$("#detailTimeTag").empty();
if(flag){
/* $("#detailTimeTag").text("时间范围").attr('data-original-title',getDetailPeriodString()).tooltip();*/
$("#detailDemensionTag").text("关联维度").attr('data-original-title',getdetailDemensionTagValue()).tooltip();
$("#detailProvinceTag").text("省份").append($("<span class='badge'></span>").text(getDetailProvinceTagLength())).attr('data-original-title',getDetailProvinceTag()).tooltip();
}else{
$("#detailPeriodTag").text("最近一个月");
}
}
function getdetailDemensionTagValue(){
var checkedDimension=$("#xcdStatusSelect option:selected").text();
return checkedDimension;
}
function getDetailProvinceTag(){
var str="";
$(".provinceDetail:input:checkbox:checked").each(function(){
str+=$(this).attr("title")+" ";
});
return str;
}
function getDetailProvinceTagLength(){
var length="";
$(".provinceDetail:input:checkbox:checked").each(function(){
length++;
});
return length;
}
//重置detail中的筛选项
function detailReset(){
//initDateDetail();
detail_Dimension_Reset();
detail_Province_Reset();
updateTags(false);
// judge = true;
}
$("#downloadEecel").click(function(){
var listForm=$("#listForm");
listForm.attr("method","post");
listForm.attr("action","${ctx}/ModelManage/ModelResult/uploadModel");
listForm.submit();
listForm.attr("action","#");
});
$("#createIndicatorsBtn").click(function(){
window.location.href="${ctx}/MonitorOperation/AssociateDiagosisConfiguration/createDiagosis";
/*$.dialog({
title: "提醒",
content:"确定新建指标？",
ok: function(){location.href="${ctx}/MonitorOperation/AssociateDiagosisConfiguration/createDiagosis";},
okValue:"确定",
cancel: function(){},
cancelValue:"取消",
lock:true
});*/
});
//详情
function aClick(e){
$.dialog({
title:"",
content:"<div id='paramList'>"+
"<div class='col-xs-12'><div class='panel panel-default' ><div class='panel-heading' >指标列表</div><div class='panel-body'> <table class='table table-hover table-striped'> <thead> <tr> <th width='20%'>指标ID</th><th width='30%'>指标编码</th> <th width='30%' >指标名称</th> <th width='20%' style='display: none'>指标权值</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div>"+
"</div>",
lock:true,
width:700,
initialize:function(){
var paramTbody = $('#paramList tbody');
var itemJson=eval('('+jsonStr+')');
for(var i=0;i<itemJson.length;i++){
var associationId=itemJson[i].associationId;
if(associationId == e.name){
var jsonItem=itemJson[i].items;
for(var j=0;j<jsonItem.length;j++){
var kpiId=jsonItem[j].kpiId; //kpiId
var kpiWeight=jsonItem[j].kpiWeight; //kpiWeight
$.ajax({
type : 'GET',
async : false,
contentType : 'application/json',
url: "${ctx}/MonitorOperation/AssociateDiagosisConfiguration/findADimKpiById?kpiId="+kpiId,
dataType : 'text',
success: function(data){
var jsonDa=eval('('+data+')');
dipistr=jsonDa.name;
paramTbody.append($("<tr></tr>").append("<td>"+kpiId+"</td>")
.append("<td>"+jsonDa.code+"</td>")
.append("<td>"+jsonDa.name+"</td>")
.append("<td style='display: none'>"+kpiWeight+"</td>"));
}
});
}
}
}
}
});
}
//更新按钮点击
$("#updateIndicatorsBtn").click(function(){
var associationId = $("input[name='checkbox']:checked").val();
window.location.href="${ctx}/MonitorOperation/AssociateDiagosisConfiguration/getAanaInfo?associationId="+associationId;
/*$.dialog({
title: "提醒",
content:"确定修改模型？",
ok: function(){location.href="${ctx}/MonitorOperation/AssociateDiagosisConfiguration/getAanaInfo?associationId="+associationId;},
okValue:"确定",
cancel: function(){},
cancelValue:"取消",
lock:true
});*/
/* $.confirm("确定修改模型？",
function(){location.href="${ctx}/ModelManage/ModelParameterConfiguration?dataModelId="+modelId;},
function(){}); */
});
$("#deleteAnaInfo").click(function(){
var associationId = $("input[name='checkbox']:checked");
var id ="";
associationId.each(function () {
id+=$(this).val()+","
});
id= id.substring(0,id.length-1);
$.dialog({
title: "提醒",
content:"确定删除规则？",
ok: function(){location.href="${ctx}/MonitorOperation/AssociateDiagosisConfiguration/deleteAssociDigConfigM?associationId="+id;},
okValue:"确定",
cancel: function(){},
cancelValue:"取消",
lock:true
});
});
</script>
</body>
</html>