Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
C
cmszMonitorAnalysis
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
liuna
cmszMonitorAnalysis
Commits
0f1934ea
Commit
0f1934ea
authored
Dec 04, 2017
by
胡斌
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
合并刘娜代码
parent
38de5b19
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
399 additions
and
0 deletions
+399
-0
dataSource_channel_business_kpi.tag
...n/webapp/WEB-INF/tags/dataSource_channel_business_kpi.tag
+399
-0
No files found.
src/main/webapp/WEB-INF/tags/dataSource_channel_business_kpi.tag
0 → 100644
View file @
0f1934ea
<%@tag pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<%--数据来源,渠道,业务筛选项 --%>
<%--------------------------------------------------数据来源筛选项 --------------------------------------------------%>
<div id="StatsDataSource" class="slide-menu-option">
<label for="">数据来源</label>
<div class="checkbox-inline"> <label> <input type="checkbox" name="allDataSourceStats" id="allDataSourceStats" checked> 全选 </label> </div>
<div id="statsDataSourceSelectArea">
<c:forEach var="datasources" items="${datasourceList}">
<div class="checkbox-inline">
<label>
<input type="checkbox" name="datasourceStats" class="datasourceStats" title="${datasources.dataSourceName}" value="${datasources.dataSourceId}" checked>${datasources.dataSourceName}
</label>
</div>
</c:forEach>
</div>
</div>
<%--------------------------------------------------渠道筛选项---- --------------------------------------------------%>
<div id="StatsChannel" class="slide-menu-option">
<label id="statsChannel" for="">渠道</label>
<div class="checkbox-inline"><label><input type="checkbox" name="allChannelStats" id="allChannelStats" checked> 全选</label></div>
<div id="ChannelSelectAreaStats">
<c:forEach var="channels" items="${channelList}">
<div class="checkbox-inline">
<input type="checkbox" name="channelStats" class="channelStats" title="${channels.channelName}" value="${channels.channelId}" checked>${channels.channelName}
</div>
</c:forEach>
</div>
</div>
<%--------------------------------------------------业务筛选项---- --------------------------------------------------%>
<div id="StatsBusiness" class="slide-menu-option">
<label id="statsBusiness" for="">业务</label>
<div class="checkbox-inline"><label> <input type="checkbox" name="allBusinessStats" id="allBusinessStats" checked> 全选 </label></div>
<div id="businessSelectAreaStats">
<c:forEach items="${businessList}" varStatus="index" step="2">
<div class="checkbox-inline">
<label>
<input type="checkbox" class="businessStats" title="${businessList[index.index+1]}" value="${businessList[index.index]}" checked>${businessList[index.index+1]}
</label>
</div>
</c:forEach>
</div>
</div>
<%--------------------------------------------------数据来源JS代码块 --------------------------------------------------%>
<script type="text/javascript">
$("#allDataSourceStats").click(function(){
if($("#allDataSourceStats").attr("checked") == "checked"){//全选
$(".datasourceStats").attr("checked","checked");
statsDatasourceChange();
}else{//不全选
$(".datasourceStats").attr("checked",false);
statsDatasourceChange();
}
});
$(".datasourceStats").click(function(){
var clickFlag=true;//是否全部选中
$(".datasourceStats").each(function(){
if($(this).attr("checked") == null||$(this).attr("checked") == false){ clickFlag=false; }
});
$("#allDataSourceStats").attr("checked",clickFlag);
statsDatasourceChange();
});
//返回结果为一个数组,数组中包含选中的数据源类型
function getStatsDataSourceCheckedValues(){
var statsDataSourceArray=new Array();
var i=0;
$(".datasourceStats:checked").each(function(){
statsDataSourceArray[i]=$(this).val();
i++;
});
//if($("#allDataSourceStats").attr("checked") == "checked"&&statsDataSourceArray.length>0){statsDataSourceArray[0]+=",-1";}
return statsDataSourceArray;
}
//返回结果为逗号分隔的ID字串
function getStatsDataSourceCheckedValuesString(){
var statsDataSourceStr="";
var dataSourceArray=getStatsDataSourceCheckedValues();
for(var i=0;i<dataSourceArray.length;i++){
if(i==dataSourceArray.length-1){
statsDataSourceStr+=dataSourceArray[i];
}else{
statsDataSourceStr+=dataSourceArray[i]+",";
}
}
//if($("#allDataSourceStats").attr("checked") == "checked"&&statsDataSourceStr.length>0){statsDataSourceStr+=",-1";}
return statsDataSourceStr;
}
//返回结果为一个数组,数组中包含选中的数据源类型
function getStatsDataSourceCheckedTexts(){
var statsDataSourceArray=new Array();
var i=0;
$(".datasourceStats:checked").each(function(){
statsDataSourceArray[i]=$(this).text();
i++;
});
return statsDataSourceArray;
}
//返回结果为逗号分隔的ID字串
function getStatsDataSourceCheckedTextsString(){
var statsDataSourceStr="";
var dataSourceArray=getStatsDataSourceCheckedTexts();
for(var i=0;i<dataSourceArray.length;i++){
if(i==dataSourceArray.length-1){
statsDataSourceStr+=dataSourceArray[i];
}else{
statsDataSourceStr+=dataSourceArray[i]+",";
}
}
return statsDataSourceStr;
}
//返回结果为一个数组,数组中包含选中的数据源类型的标题
function getStatsDataSourceCheckedTitles(){
var statsDataSourceArray=new Array();
var i=0;
$(".datasourceStats:checked").each(function(){
statsDataSourceArray[i]=$(this).attr("title");
i++;
});
var statsDataSourceTitles="";
for(i=0;i<statsDataSourceArray.length;i++){
if(i==statsDataSourceArray.length-1){
statsDataSourceTitles += statsDataSourceArray[i];
}else{
statsDataSourceTitles += statsDataSourceArray[i]+" ";
}
}
return statsDataSourceTitles;
}
//数据来源,渠道,业务三级联动重置
function statsDataSourceReset(){
$("#allDataSourceStats").attr("checked","ckecked");
$(".datasourceStats").attr("checked","checked");
statsDatasourceChange();
}
</script>
<%--------------------------------------------------渠道JS代码块 --------------------------------------------------%>
<script type="text/javascript">
$("#allChannelStats").click(function(){
if($("#allChannelStats").attr("checked") == "checked"){//全选
$(".channelStats").attr("checked","checked");
statsChannelChange();
}else{//不全选
$(".channelStats").attr("checked",false);
statsChannelChange();
}
});
$(".channelStats").click(function(){
var clickFlag=true;//是否全部选中
$(".channelStats").each(function(){
if($(this).attr("checked") == null||$(this).attr("checked") == false){ clickFlag=false; }
});
$("#allChannelStats").attr("checked",clickFlag);
statsChannelChange();
});
//返回结果为一个数组,数组中包含选中的渠道类型
function getStatsChannelCheckedValues(){
var statsChannelArray=new Array();
var i=0;
$(".channelStats:checked").each(function(){
statsChannelArray[i]=$(this).val();
i++;
});
//if($("#allChannelStats").attr("checked") == "checked"&&statsChannelArray.length>0){statsChannelArray[0]+=",-1";}
return statsChannelArray;
}
//返回结果为逗号分隔的ID字串
function getStatsChannelCheckedValuesString(){
var statsChannelStr="";
var statsChannelArray=getStatsChannelCheckedValues();
for(var i=0;i<statsChannelArray.length;i++){
if(i==statsChannelArray.length-1){
statsChannelStr+=statsChannelArray[i];
}else{
statsChannelStr+=statsChannelArray[i]+",";
}
}
//if($("#allChannelStats").attr("checked") == "checked"&&statsChannelStr.length>0){statsChannelStr+=",-1";}
return statsChannelStr;
}
//返回结果为一个数组,数组中包含选中的渠道类型
function getStatsChannelCheckedTexts(){
var statsChannelArray=new Array();
var i=0;
$(".channelStats:checked").each(function(){
statsChannelArray[i]=$(this).text();
i++;
});
return statsChannelArray;
}
//返回结果为逗号分隔的ID字串
function getStatsChannelCheckedTextsString(){
var statsChannelStr="";
var statsChannelArray=getStatsChannelCheckedTexts();
for(var i=0;i<statsChannelArray.length;i++){
if(i==statsChannelArray.length-1){
statsChannelStr+=statsChannelArray[i];
}else{
statsChannelStr+=statsChannelArray[i]+",";
}
}
return statsChannelStr;
}
//返回结果为逗号分隔的渠道名称字串
function getStatsChannelCheckedTitles(){
var statsChannelArray=new Array();
var i=0;
$(".channelStats:checked").each(function(){
statsChannelArray[i]=$(this).attr("title");
i++;
});
var statsChannelTitles="";
for(var i=0;i<statsChannelArray.length;i++){
if(i==statsChannelArray.length-1){
statsChannelTitles+=statsChannelArray[i];
}else{
statsChannelTitles+=statsChannelArray[i]+" ";
}
}
return statsChannelTitles;
}
</script>
<%--------------------------------------------------业务JS代码块 --------------------------------------------------%>
<script type="text/javascript">
$("#allBusinessStats").click(function(){
if($("#allBusinessStats").attr("checked") == "checked"){//全选
$(".businessStats").attr("checked","checked");
}else{//不全选
$(".businessStats").attr("checked",false);
$(".businessStats").attr("disabled",false);
}
});
$(".businessStats").click(function(){
var clickFlag=true;//是否全部选中
$(".businessStats").each(function(){
if($(this).attr("checked") == null||$(this).attr("checked") == false){ clickFlag=false; }
});
$("#allBusinessStats").attr("checked",clickFlag);
});
//返回结果为一个数组,数组中包含选中的渠道类型
function getStatsBusinessCheckedValues(){
var statsBusinessArray=new Array();
var i=0;
$(".businessStats:checked").each(function(){
statsBusinessArray[i]=$(this).val();
i++;
});
//if($("#allBusinessStats").attr("checked") == "checked"&&statsBusinessArray.length>0){statsBusinessArray[0]+=",-1";}
return statsBusinessArray;
}
//返回结果为逗号分隔的ID字串
function getStatsBusinessCheckedValuesString(){
var statsBusinessStr="";
var statsBusinessArray=getStatsBusinessCheckedValues();
for(var i=0;i<statsBusinessArray.length;i++){
if(i==statsBusinessArray.length-1){
statsBusinessStr+=statsBusinessArray[i];
}else{
statsBusinessStr+=statsBusinessArray[i]+",";
}
}
//if($("#allBusinessStats").attr("checked") == "checked"&&statsBusinessStr.length>0){statsBusinessStr+=",-1";}
return statsBusinessStr;
}
////返回结果为逗号分隔的业务title
function getStatsBusinessCheckedTitlesString(){
var statsBusinessArray=new Array();
var i=0;
$(".businessStats:checked").each(function(){
statsBusinessArray[i]=$(this).attr("title");
i++;
});
var statsBusinessTitles="";
for(var i=0;i<statsBusinessArray.length;i++){
if(i==statsBusinessArray.length-1){
statsBusinessTitles+=statsBusinessArray[i];
}else{
statsBusinessTitles+=statsBusinessArray[i]+" ";
}
}
return statsBusinessTitles;
}
</script>
<%--------------------------------------------------数据来源变化--------------------------------------------------%>
<script type="text/javascript">
function statsDatasourceChange(){
$("#businessSelectAreaStats").empty();
var timestamp = Date.parse(new Date());
var dataSourceIds = getStatsDataSourceCheckedValuesString();
if(dataSourceIds==""){dataSourceIds="0";}
$.ajax({
type : 'GET',
contentType : 'application/json',
url: '${ctx}/MonitorOperation/FailureStatisticsCriteria/datasource_select/'+dataSourceIds+'/'+timestamp,
async: false ,
dataType : 'text',
beforeSend: function(data) {},
success: function(data) {
for(var i=0;i<data.length;i++){
if(data[i]=='\"'){
data=data.replace('\"','\'');
}
}
data=eval("("+data+")");//获取从后台返回的数据,通常是Json格式
if(data == null || data == ""){
statsChannelChange();
$("#ChannelSelectAreaStats").empty();
}
else{
$("#allChannelStats").attr("checked",true);
$("#ChannelSelectAreaStats").empty();
for(var t=0;t<data.length;t++){
$("#ChannelSelectAreaStats").append('<div class="checkbox-inline"><label><input type="checkbox" name="channelStats" class="channelStats" title="'+data[t].channelName+'" value="'+data[t].channelId+'" checked>'+data[t].channelName+'</label></div>');
}
statsChannelChange();
}
$(".channelStats").click(function(){
var clickFlag=true;//是否全部选中
$(".channelStats").each(function(){
if($(this).attr("checked") == null||$(this).attr("checked") == false){ clickFlag=false; }
});
$("#allChannelStats").attr("checked",clickFlag);
statsChannelChange();
});
}
});
}
<%--------------------------------------------------渠道数据来源变化--------------------------------------------------%>
function statsChannelChange(){
var timestamp = Date.parse(new Date());
var dataSourceIds = getStatsDataSourceCheckedValuesString();
var channelIds = getStatsChannelCheckedValuesString();
if(channelIds==""){channelIds="0";}
$.ajax({
type : 'GET',
contentType : 'application/json',
url: '${ctx}/MonitorOperation/FailureStatisticsCriteria/channel_select/'+dataSourceIds+'/channelId/'+channelIds+'/'+timestamp,
dataType : 'text',
beforeSend: function(data) {},
success: function(data) {
for(var i=0;i<data.length;i++){
if(data[i]=='\"'){
data=data.replace('\"','\'');
}
}
data=eval("("+data+")");//获取从后台返回的数据,通常是Json格式
if(data == null || data == ""){
$("#businessSelectAreaStats").empty();
}else{
$("#allBusinessStats").attr("checked",true);
$("#businessSelectAreaStats").show();
$("#businessSelectAreaStats").empty();
for(var t=0;t<data.length;t=t+2){
$("#businessSelectAreaStats").append('<div class="checkbox-inline"><label><input type="checkbox" name="businessStats" class="businessStats" title="'+data[t+1]+'" value="'+data[t]+'" checked>'+data[t+1]+'</label></div>');
}
}
$(".businessStats").click(function(){
var clickFlag=true;//是否全部选中
$(".businessStats").each(function(){
if($(this).attr("checked") == null||$(this).attr("checked") == false){ clickFlag=false; }
});
$("#allBusinessStats").attr("checked",clickFlag);
});
}
});
}
</script>
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment