<%@ 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">
#show_06 a.large {
width: 1px;
height: 1px;
border: 0px;
display: block;
left: -1px;
top: -1px;
position: absolute;
}
.bgbg2{background:#fff; text-align:center;padding-left:5px;}
</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>
</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:PZX_Detail_Period />
<tags:JPFX_Channel_BusTag/>
<tags:Public_ProvinceTag />
<br>
<button type="button" class="btn btn-primary"
onclick="newdiv()">提交</button>
<button type="button" type="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="showLeftPush1"
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="bqprovince" 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>
</div>
<div class="bt-list-import">
<a href="#" id="" class="exportReport"> <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>
<div class="panel-body">
<div name="loading" class="loading"><img src="${ctx}/static/images/loading.gif"/></div>
<div id="jp" class="col-xs-6">
</div>
<div id="jp_cgl" class="col-xs-6">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<form id="export" action="#" method="post"></form>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="${ctx}/static/js/publicLog.js"></script>
<script type="text/jscript">
//author by Ma Wenmeng
function newdiv(){
//提交按钮动态生成iframe多图对比
publicLog("jpfxCritera");
if(getChannelCheckedValues().length==0){ $.alert('渠道选择不能为空！');}
else if(getCompetitorsBusinessCheckedValuesId().length==0){ $.alert('竞品业务选择不能为空！'); }
else if(getProvinceCheckedValues().length==0){ $.alert('选择不能省份为空！'); }
else{
var channelLs=getChannelCheckedValues().length;
$('#jp').empty();
$('#jp_cgl').empty();
$("#jp").parents().find('.loading').fadeIn("fast"); //显示loading图片
for(var j=0;j<channelLs;j++){
var appendDiv = $("<div class='"+("col-xs-12")+"' align='center'></div>").append($("<span class='spanTitle'></span>")
.text(
($(".channel:checked").eq(j).attr('title')+" 快捷性 "
)
))//添加标题
.append($("<iframe id='jpfxKjx"+j+"' name='jpfxKjx"+j+"' class='statistics' style='height:390px' scrolling='no'></iframe>")
.attr("src","${biserver_config}&path=analysissupport&action=JPFX.xaction&height=240&width="+(iframeWidth/2-80)+"&ProvinceTag="+getProvinceCheckedValues()+"&ChannelTag="+getChannelCheckedValues()[j]+"&ComBusinessTag="+getCompetitorsBusinessCheckedValuesId()+"&PeriodTag="+getStatsPeriodStr()
));//添加iframe
$('#jp').append(appendDiv);
var appendDiv = $("<div class='"+("col-xs-12")+"' align='center'></div>").append($("<span class='spanTitle'></span>")
.text(
($(".channel:checked").eq(j).attr('title')+" 成功率 "
)
))//添加标题
.append($("<iframe id='jpfxCgl"+j+"' name='jpfxCgl"+j+"' class='statistics' style='height:390px' scrolling='no'></iframe>")
.attr("src","${biserver_config}&path=analysissupport&action=JPFX_cgl.xaction&height=240&width="+(iframeWidth/2-80)+"&ProvinceTag="+getProvinceCheckedValues()+"&ChannelTag="+getChannelCheckedValues()[j]+"&ComBusinessTag="+getCompetitorsBusinessCheckedValuesId()+"&PeriodTag="+getStatsPeriodStr()
));//添加iframe
$('#jp_cgl').append(appendDiv);
$('iframe').load( function(){
$(this).parents().find('.loading').fadeOut("fast"); //隐藏loading图片
});
}
//省份筛选项标签
$('#bqprovince').text("省份").attr('data-original-title',getProvinceCheckedTitles()).append($("<span class='badge'></span>").text(getProvinceCheckedValues().length)).tooltip();
//渠道筛选项标签
$('#bqchannel').text("渠道").attr('data-original-title',getChannelCheckedTitles()).append($("<span class='badge'></span>").text(getChannelCheckedValues().length)).tooltip();
//竞品业务筛选项标签
$('#bqbusiness').text("竞品业务").attr('data-original-title',getCompetitorsBusinessCheckedValuesTitle()).append($("<span class='badge'></span>").text(getCompetitorsBusinessCheckedValuesId().length)).tooltip();
//时间筛选框标签值
$('#bqtime').text((getStatsPeriodStr()=="")?"最近一年":"时间范围").attr('data-original-title',getStatsPeriodStr()).tooltip();
/* 提交后隐藏筛选框 */
toggleMenu('slidePushMenus')
/* 隐藏筛选框结束 */
}
}
function reset() {
initDateStats();
CompetitorsBusinessReset();
channelReset();
ProvinceReset()
}
//结束
</script>
<script type="text/jscript">
$(document).ready(function() {
//筛选项默认时间值
initDateStats();
var appendDiv = $("<div class='"+("col-xs-12")+"' align='center'></div>").append($("<span class='spanTitle'></span>")
.text(
(" 快捷性 "
)
))//添加标题
.append($("<iframe id='jpfxKjxIndex' name='jpfxKjxIndex' class='statistics' style='height:390px' scrolling='no'></iframe>")
.attr("src","${biserver_config}&path=analysissupport&action=JPFX.xaction&ProvinceTag=&ChannelTag=&ComBusinessTag=&PeriodTag=&height=240&width="+(iframeWidth/2-80)
));//添加iframe
$('#jp').append(appendDiv);
var appendDiv = $("<div class='"+("col-xs-12")+"' align='center'></div>").append($("<span class='spanTitle'></span>")
.text(
(" 成功率 "
)
))//添加标题
.append($("<iframe id='jpfxCglIndex' name='jpfxCglIndex' class='statistics' style='height:390px' scrolling='no'></iframe>")
.attr("src","${biserver_config}&path=analysissupport&action=JPFX_cgl.xaction&ProvinceTag=&ChannelTag=&ComBusinessTag=&PeriodTag=&height=240&width="+(iframeWidth/2-80)
));//添加iframe
$('#jp_cgl').append(appendDiv);
$('iframe').load( function(){
$(this).parents().find('.loading').fadeOut("fast"); //隐藏loading图片
});
});
var iframeWidth=790,
iframeHeight=0;//iframe高度
//窗口自适应函数
$(/*window.onresize = */function(){
// iframeWidth=(document.body.clientWidth>1024)?(document.body.clientWidth-60)*0.72:660;
// iframeHeight=(document.body.clientHeight>700)?document.body.clientHeight*0.17:115;
//channel_qg刷新
for(var i=0;i<$('.jpqg').length;i++){
if($('.jpqg').eq(i).parent().find('.loading').length>0){
$('.jpqg').eq(i).parent().find('.loading').fadeIn("fast"); //显现loading图片
$('.jpqg').eq(i).load( function(){
$(this).parent().find('.loading').fadeOut("fast"); });//隐藏loading图片
}
/* if($('.channelqg').eq(i).attr('src')!=null){
var srcStr="";//width替换后的src
for(var j=0;j<$('.channelqg').eq(i).attr('src').split("&").length;j++){
if($('.channelqg').eq(i).attr('src').split("&")[j].split("=")[0]=='width'){ //如果找到width对应的位置进行修改
srcStr+="width="+iframeWidth+((j!=$('.channelqg').eq(i).attr('src').split("&").length-1)?"&":"");
}else{ srcStr+=$('.channelqg').eq(i).attr('src').split("&")[j]+((j!=$('.channelqg').eq(i).attr('src').split("&").length-1)?"&":"");}
}
$('.channelqg').eq(i).attr('src',srcStr);//将替换后的src赋值给当前iframe
} */
}
//.statistics部分刷新
/* if($('.statistics').eq(0).parent().parent().find('.loading').length>0){
$('.statistics').eq(0).parent().parent().find('.loading').fadeIn("fast"); //显现loading图片
$('.statistics').eq(0).load( function(){
$(this).parent().parent().find('.loading').fadeOut("fast"); //隐藏loading图片
});
}
for(var i=0;i<$('.statistics').length;i++){//for循环替换width
if($('.statistics').eq(i).attr('src')!=null){
var srcStr="";//width替换后的src
for(var j=0;j<$('.statistics').eq(i).attr('src').split("&").length;j++){
if($('.statistics').eq(i).attr('src').split("&")[j].split("=")[0]=='width'){ //如果找到width对应的位置进行修改
srcStr+="width="+(iframeWidth/colsRow-60)+((j!=$('.statistics').eq(i).attr('src').split("&").length-1)?"&":"");
}else{ srcStr+=$('.statistics').eq(i).attr('src').split("&")[j]+((j!=$('.statistics').eq(i).attr('src').split("&").length-1)?"&":"");}
}
$('.statistics').eq(i).attr('src',srcStr);//将替换后的src赋值给当前iframe
}
}
*/
});
</script>
<script type="text/javascript">
$(".exportReport").click(function(){
var picArr = new Array();
var titleName = new Array();
$("#home").find(".spanTitle").each(function(){
titleName.push($(this).text());
});
$("#home").find("iframe").each(function(){
var tmpArr = new Array();
var tmpStr = $(window.frames[$(this).attr("id")].document).find("img").attr("src");
tmpArr = tmpStr.split("?image=");
picArr.push(tmpArr[1]);
});
var picStr = picArr.join(",");
$.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 () {
var listForm=$("#export");
listForm.attr("action","${ctx}/AnalysisSupport/JpfxAnalysis/"+$('input[name="expradio"]:checked').val()+"?picStr="+picStr+"&titleName="+encodeURI(encodeURI(titleName)));
listForm.submit();
listForm.attr("action","#");
}
},{
value: "取消",
callback: function () {}
}],
lock: false
});
});
</script>
</body>
</html>