<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!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">
<style type="text/css">
.div-inline {
display: inline-block;
margin-right: 10px;
padding-left: 0px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.div-inline+.div-inline {
margin-top: 0;
margin-left: -13px;
}
</style>
</head>
<body>
<div id="sticky-wrap">
<div class="dataexplorer dataexplorer_floating"></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>
<div id="main-container">
<div id="content" class="container">
<div class="tab-bar-bt">
<ul class="nav nav-tabs">
<li class="active"><a id="a_home" href="#home"
data-toggle="tab">数据特征探查</a></li>
<%-- <li><a href="${ctx}/MonitorOperation/FailureForcast">故障预测</a>
</li> --%>
<li><a href="${ctx}/MonitorOperation/KeyLinkProcessAnalysis">业务环节分析</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"
style="min-height:540px;" data-placement='right'
data-title="温馨提示" data-trigger='hover' onclick="Note(Check())"> -->
<div class="slideMenu" id="cbp-spmenu-s1"
style="min-height:540px;" data-placement='right'
data-title="温馨提示" data-trigger='hover'>
<div class="form">
<tags:YWGL_KeyLink_PeriodTag />
<tags:YWGL_DisplayTag />
<br>
<button type="button" class="btn btn-primary"
onclick="submit()">提交</button>
<button type="reset" class="btn btn-warning" onclick="Reset()">重置</button>
</div>
</div>
<div class="main col-xs-12">
<div id="mainm" class="mainm"></div>
<div class="content clearfix" style=" min-height: 3000px">
<div class="block clearfix">
<button id="showLeftPush"
class="menu-trigger btn btn-default"
onclick="toggleMenu('slidePushMenus')">
<span class="glyphicon glyphicon-list"></span>
</button>
<div class="slide-menu-tags">
<span id="bqtime" class="label label-info" data-placement="bottom">最近一个月</span>
<span id="analysistypeLabel" class="label label-info" data-placement="bottom">同省同渠道多业务</span>
<span id="bqprovider" class="label label-info" data-placement="bottom"></span>
<span id="bqprovince" class="label label-info" data-placement="bottom">全国</span>
<span id="bqcity" class="label label-info" data-placement="bottom"></span>
<span id="bqbac" class="label label-info" data-placement="bottom"></span>
<span id="bqdatasource" class="label label-info" data-placement="bottom">主动探测</span>
<span id="bqchannel" class="label label-info" data-placement="bottom">实体厅</span>
<span id="bqbusiness" class="label label-info" data-placement="bottom"></span>
<span id="bqkeylink" class="label label-info" data-placement="bottom"></span>
<span id="bqkpi" class="label label-info" data-placement="bottom"></span>
<span id="bqkpitype" class="label label-info" data-placement="bottom">时长</span>
<span id="granularityTag" class="label label-info" data-placement="bottom"></span>
</div>
<div class="bt-list-import">
<a href="#" id="exportData1" class="exportData">
<span class="glyphicon glyphicon-import"></span>
<span class="glyphicon-class">导出报表</span>
</a>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<span>业务规律展现散点图</span>
<!-- <div id="time_div" class="btn-group btn-group-cog"
style="">
<button type="button"
class="btn btn-default dropdown-toggle btn-control-cog"
data-toggle="dropdown">
<span class="glyphicon glyphicon-cog"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right"
id="dropdown" role="menu">
<li><a href="#" onclick="javascript:sd1()">实体厅散点图</a>
</li>
<li><a href="#" onclick="javascript:sd2()">浏览监测业务量散点图</a>
</li>
<li><a href="#" onclick="javascript:sd3()">流量监测单台机器示意图</a>
</li>
<li><a href="#" onclick="javascript:sd4()">Capes业务规律分析示意图</a>
</li>
</ul>
</div> -->
</div>
<div class="panel-body">
<div id="sdt1" class="col-xs-12">
<div name="loading" class="loading" style="width:1040px;height:100%"><img src="${ctx}/static/images/loading.gif"/></div>
<div id="if1" style="text-align:center;min-height:470px">
<img name='myif' id='rPicture' style='margin:0 auto;'
src='${ctx}/${returnimagepath}'>
</div>
<!-- <div id="if1" ></div> -->
</div>
<div id="sdt2" class="col-xs-12" style="display:none;">
<p id="sqlDebug">Sql:${sqlDebug}</p>
</div>
</div>
</div>
</div>
</div>
<form id="export" action="#" method="post"></form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/jscript">
//初始化默认时间值
initDate();
var iframeWidth=790;
window.onload = function(){
$('#if1').parent().find('.loading').fadeOut("fast"); //出现loading图片
}
</script>
<script type="text/jscript">
//author by Ma Wenmeng
function submit(){
//筛选项校验
if("-1"!=getGranularityValue()){
var start = new Date(getPeriodString().split(",")[0]);
var end = new Date(getPeriodString().split(",")[1]);
if(((end -start)>(getYwglDays()-1)*24*3600*1000)){
$.alert("选择时间范围过长");
return ;
}
}
if((filterlist[1]==1||filterlist[1]==2) && 0==getProviderCheckedValues().length){
$.alert('集成商选择不能为空！');
}else if(filterlist[2]!=0 && 0==getProvinceCheckedValuesId().length){
$.alert('省份选择不能为空！');
}else if(filterlist[3]!=0 && 0==getCityCheckedValues().length){
$.alert('地市选择不能为空！');
}else if(filterlist[4]!=0 && 0==getDataSourceCheckedValues().length){
$.alert('数据来源选择不能为空！');
}else if(filterlist[5]!=0 && 0==getChannelCheckedValues().length){
$.alert('渠道选择不能为空！');
} else if(filterlist[6]!=0 && 0==getBusinessCheckedValues().length){
$.alert('业务选择不能为空！');
}else if(filterlist[7]!=0 && 0==getKeyLinkCheckedValuesId().length){
$.alert('环节选择不能为空！');
}else if(filterlist[8]!=0 && 0==getKpiCheckedValuesId().length){
$.alert('指标选择不能为空！');
}else if(filterlist[9]!=0 && 0==getBacTypeCheckedValuesId().length){
$.alert('分库选择不能为空！');
}else if(filterlist[10]!=0 && 0==getKpiTypeCheckedValuesId().length){
$.alert('指标类型选择不能为空！');
}else{
// 提交后隐藏筛选框
toggleMenu('slidePushMenus');
$("#rPicture").attr("src","${ctx}/static/images/whiteBg.jpg");
$('#if1').parent().find('.loading').fadeIn("fast"); //出现loading图片
//集成商筛选项标签
if(filterlist[1]==0){
$('#bqprovider').empty();
}else{
$('#bqprovider').text("集成商").attr('data-original-title',getProviderCheckedTitles()).append($("<span class='badge'></span>").text(getProviderCheckedValues().length)).tooltip();
}
//省份筛选项标签
if(filterlist[2]==0){
$('#bqprovince').empty();
}else{
$('#bqprovince').text("省份").attr('data-original-title',getProvinceCheckedValuesTitle()).append($("<span class='badge'></span>").text(getProvinceCheckedValuesId().length)).tooltip();
}
//地市筛选项标签
if(filterlist[3]==0){
$('#bqcity').empty();
}else{
$('#bqcity').text("地市").attr('data-original-title',getCityCheckedValuesTitle()).append($("<span class='badge'></span>").text(getCityCheckedValues().length)).tooltip();
}
//数据来源筛选项标签
if(filterlist[4]==0){
$('#bqdatasource').empty();
}else{
$('#bqdatasource').text("数据来源").attr('data-original-title',getDataSourceCheckedTitles()).append($("<span class='badge'></span>").text(getDataSourceCheckedValues().length)).tooltip();
}
//渠道筛选项标签
if(filterlist[5]==0){
$('#bqchannel').empty();
}else{
$('#bqchannel').text("渠道").attr('data-original-title',getChannelCheckedTitles()).append($("<span class='badge'></span>").text(getChannelCheckedValues().length)).tooltip();
}
//业务筛选项标签
if(filterlist[6]==0){
$('#bqbusiness').empty();
}else{
$('#bqbusiness').text("业务").attr('data-original-title',getBusinessCheckedTitlesString()).append($("<span class='badge'></span>").text(getBusinessCheckedValues().length)).tooltip();
}
//环节筛选项标签
if(filterlist[7]==0){
$('#bqkeylink').empty();
}else{
$('#bqkeylink').text("关键环节").attr('data-original-title',getKeyLinkCheckedValuesTitle()).append($("<span class='badge'></span>").text(getKeyLinkCheckedValuesId().length)).tooltip();
}
//指标筛选项标签
if(filterlist[8]==0){
$('#bqkpi').empty();
}else{
$('#bqkpi').text("指标").attr('data-original-title',getKpiCheckedValuesTitle()).append($("<span class='badge'></span>").text(getKpiCheckedValuesId().length)).tooltip();
}
//指标类型筛选项标签
if(filterlist[10]==0){
$('#bqkpitype').empty();
}else{
$('#bqkpitype').text("指标类型").attr('data-original-title',getKpiTypeCheckedValuesTitle()).append($("<span class='badge'></span>").text(getKpiTypeCheckedValuesId().length)).tooltip();
}
//分库类型筛选项标签
if(filterlist[9]==0){
$('#bqbac').empty();
}else{
$('#bqbac').text("分库").attr('data-original-title',getBacTypeCheckedValuesTitle()).append($("<span class='badge'></span>").text(getBacTypeCheckedValuesId().length)).tooltip();
}
//时间筛选框标签值
$('#bqtime').text((getPeriodStr()=="")?"最近三年":"时间范围").attr('data-original-title',getPeriodStr()).tooltip();
//分析类型标签
$("#analysistypeLabel").text("分析类型").attr('data-original-title',$("#AnalysisType").find("option:selected").attr("title")).tooltip();
if("-1"==getGranularityValue()){
$("#granularityTag").empty();
}else{
$("#granularityTag").text("聚合粒度").attr('data-original-title',getGranularityName()).tooltip();
}
/* $("#rPicture").attr("src","${ctx}/static/images/loading.gif"); */
var valStr="?periodRange="+getPeriodStr()
+"&analysisType="+getAnalysisTypeValue()+"&granularity="+getGranularityValue();
if(filterlist[1]==1||filterlist[1]==2){valStr=valStr+"&providers="+getProviderCheckedValuesString();}
if(filterlist[2]!=0){valStr+="&provinces="+getProvinceCheckedValuesIdString();}
if(filterlist[3]!=0){valStr+="&citys="+getCityCheckedValuesIdString();}
if(filterlist[4]!=0){valStr+="&datasources="+getDataSourceCheckedValuesString();}
if(filterlist[5]!=0){valStr+="&channels="+getChannelCheckedValuesString();}
if(filterlist[6]!=0){valStr+="&businesses="+getBusinessCheckedValuesString();}
if(filterlist[7]!=0){valStr+="&links="+getKeyLinkCheckedValuesIdString();}
if(filterlist[8]!=0){valStr+="&kpi="+getKpiCheckedValuesIdString();}
if(filterlist[9]!=0){valStr+="&bacType="+getBacTypeCheckedValuesIdString();}
if(filterlist[10]!=0){valStr+="&kpiType="+getKpiTypeCheckedValuesIdString();}
$.ajax({
type : 'GET',
contentType : 'application/json',
url: '${ctx}/MonitorOperation/RegularityAnalysis/getRpicture'+valStr,
dataType : 'text',
async: true ,
beforeSend: function(data) { },
success: function(data) {
var obj = JSON.parse(data); //由JSON字符串转换为JSON对象
//alert(obj[0]);
if(obj[0] == "nodatamessage.png"){
$("#rPicture").attr("src","${ctx}/static/images/"+obj[0]);
}else{
$("#rPicture").attr("src","${ctx}/tmp/"+obj[0]);
}
$("#sqlDebug").text("生成R图片用到的Sql语句:"+obj[1]);
$("#sdt2").append("<p>"+"加载R图片所需要的时间:"+obj[2]+"秒"+"</p>");
$('#if1').parent().find('.loading').fadeOut("fast"); //出现loading图片
}
});
}
}
/*
//筛选项组合报表个数检查
function Check(){
var providerLs=1,
provinceLs=1,
cityLs=1,
datasourceLs=1,
channelLs=1,
businessLs=1,
keylinkLs=1,
kpiLs=1,
bacTypeLs=1;
var repNum=0;
if(filterlist[1]==0){
providerLs=1;
}else{
providerLs=getProviderCheckedValues().length;
}
if(filterlist[2]==0){
provinceLs=1;
}else{
provinceLs=getProvinceCheckedValuesId().length;
}
if(filterlist[3]==0){
cityLs=1;
}else{
cityLs=getCityCheckedValues().length;
}
if(filterlist[4]==0){
datasourceLs=1;
}else{
datasourceLs=getDataSourceCheckedValues().length;
}
if(filterlist[5]==0){
channelLs=1;
}else{
channelLs=getChannelCheckedValues().length;
}
if(filterlist[6]==2){
businessLs=getBusinessCheckedValues().length;
}else{
businessLs=1;
}
if(filterlist[7]==0){
keylinkLs=1;
}else{
keylinkLs=getKeyLinkCheckedValuesId().length;
}
if(filterlist[8]==0){
kpiLs=1;
}else{
kpiLs=getKpiCheckedValuesId().length;
}
if(filterlist[9]==0){
bacTypeLs=1;
}else{
bacTypeLs=getBacTypeCheckedValuesId().length;
}
repNum=0;
repNum=providerLs*provinceLs*cityLs*datasourceLs*channelLs*businessLs*keylinkLs*kpiLs*bacTypeLs;
return repNum;
}
*/
function Reset(){
initDate();
GranularityTagReset();
provinceCityTagReset();
DataSourceReset();
}
/*
function sd1(){
document.getElementById("sdt1").style.display="";
document.getElementById("sdt2").style.display="none";
document.getElementById("sdt3").style.display="none";
document.getElementById("sdt4").style.display="none";
}
function sd2(){
document.getElementById("sdt1").style.display="none";
document.getElementById("sdt2").style.display="";
document.getElementById("sdt3").style.display="none";
document.getElementById("sdt4").style.display="none";
}
function sd3(){
document.getElementById("sdt1").style.display="none";
document.getElementById("sdt2").style.display="none";
document.getElementById("sdt3").style.display="";
document.getElementById("sdt4").style.display="none";
}
function sd4(){
document.getElementById("sdt1").style.display="none";
document.getElementById("sdt2").style.display="none";
document.getElementById("sdt3").style.display="none";
document.getElementById("sdt4").style.display="";
}
*/
//结束
//导出报表
$(".exportData").click(function(){
$.dialog({
id: "export",
title: "请选择导出文件类型",
content: "<div style='position:relative;height:40px;margin:0 0 0 11px;'><div class='form-horizontal'>"
+"<div class='form-group'><div class='col-sm-4'><label class='radio-inline'><input type='radio' name='expradio' class='expradio' value='word' checked/>Word</label></div>"
+"<div class='col-sm-4'><label class='radio-inline'><input type='radio' name='expradio' class='expradio' value='excel'/>Excel</label></div>"
+"<div class='col-sm-4'><label class='radio-inline'><input type='radio' name='expradio' class='expradio' value='pdf'/>Pdf</label></div></div>"
+"</div></div>",
width: 276,
height: 140,
initialize: function () {
$(".d-buttons input:first").css({
"color": "#ffffff",
"background": "#428bca",
"border-color": "#357ebd"
});
},
button: [{
value: "确定",
callback: function () {
// alert($('input[name="expradio"]:checked').val());
var listForm=$("#export");
listForm.attr("action","${ctx}/MonitorOperation/RegularityAnalysis/"+$('input[name="expradio"]:checked').val());
listForm.submit();
listForm.attr("action","#");
}
},{
value: "取消",
callback: function () {}
}],
lock: false
});
});
</script>
</body>
</html>