<%@ 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="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>全网监控智能分析平台</title>
</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 href="#home" data-toggle="tab">数据质量规则维护</a></li>
					<li><a href="${ctx}/AnalysisSupport/QualityRuleOperation">数据质量运营</a></li>
					<li><a href="${ctx}/AnalysisSupport/FilterRuleResult">过滤规则维护</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="slidePushMenus2" class="cbp-spmenu-push">

								<div class="slideMenu" id="cbp-spmenu-s2" style="">
									<div class="form">
										<tags:Public_ProvinceTag />
										<tags:GJFX_datasource_channle_business/>
										
										<button id="submit" class="btn btn-primary" onclick="ruleResultSubmit()">提交</button>
										<button id="disable" class="btn btn-warning"	onclick="ruleResultReset()">重置</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('slidePushMenus2')"> 
												<span class="glyphicon glyphicon-list"></span>
											</button>
											<div class="slide-menu-tags">
												<span id="ChannelTag" 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="BusinessTag" class="label label-info" data-placement="bottom" ></span>
											</div>
											
										</div>
										
							<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 class="btn-sm btn btn-primary btn-sm btn-group btn-group-cog" id="deleteRule" disabled>删除规则</button>
											<button class="btn-sm btn btn-primary btn-sm btn-group btn-group-cog" id="updateRule" disabled>修改规则</button>
											<button class="btn-sm btn btn-primary btn-sm btn-group btn-group-cog" id="createRule">新建规则</button>
										</div>
									</shiro:hasAnyRoles>	
								</div>
									<table id="ruleResultTable" class="table table-hover table-striped">
	                                </table>
	                                <input type="hidden" id="qualityRuleView" name="qualityRuleView" value='${qualityRuleViewList}' />
								</div>
							
							</div>
									
							</div>
						</div>
					</div>
					<form action="#" method="get" id="listForm"></form>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="${ctx}/static/js/ruleResultDetailTable.js"></script>
<script type="text/javascript">
var receiveRulePageNum = "${rulePageNum}";

ruleResultDetailTable();

if(receiveRulePageNum!=1){
	$("#goPageNo").attr("value",receiveRulePageNum);
	$("#jumpButton").click();
}


$("#createRule").click(function(){
			$.dialog({
				title: "提醒",
				content:"确定新建质量规则?",
				ok: function(){location.href="${ctx}/AnalysisSupport/QualityRuleMaintain";},
				okValue:"确定",
				cancel: function(){},
				cancelValue:"取消",
				lock:true
				}); 
	});
	
	
	
	
	$("#updateRule").click(function(){
		var pageNum = $("#goPageNo").val();
		$.dialog({
			title: "提醒",
			content:"确定修改质量规则?",
			ok: function(){location.href="${ctx}/AnalysisSupport/RuleConfiguration?qualityRuleId="+qualityRuleId;},
			okValue:"确定",
			cancel: function(){},
			cancelValue:"取消",
			lock:true
			}); 
	});
	
	$("#deleteRule").click(function(){
		var pageNum = $("#goPageNo").val();
		$.dialog({
			title: "提醒",
			content:"确定删除质量规则?",
			ok: function(){location.href="${ctx}/AnalysisSupport/RuleDelete?qualityRuleId="+qualityRuleId;},
			okValue:"确定",
			cancel: function(){},
			cancelValue:"取消",
			lock:true
			}); 
	});

	function ruleResultSubmit(){
		var dataSource=getStatsDataSourceCheckedValuesString();
        var chnnal=getStatsChannelCheckedValuesString();
        var bussines=getStatsBusinessCheckedValuesString();
        var province=getProvinceCheckedValuesString();
        if(dataSource==""){
            $.alert("数据来源的选择不能为空");
       	}else if(chnnal===""){
            $.alert("渠道的选择不能为空");
       	}else if(bussines===""){
            $.alert("业务的选择不能为空");
       	}else if(province===""){
            $.alert("省份的选择不能为空");
       	}else{
           	toggleMenu('slidePushMenus');//隐藏筛选项
          	//数据来源标签
			$('#DataSourceTag').text("数据来源").append($("<span class='badge'></span>").text(getStatsDataSourceCheckedValues().length)).attr('data-original-title',getStatsDataSourceCheckedTitles()).tooltip();

			//渠道标签
			 $('#ChannelTag').text("渠道").append($("<span class='badge'></span>").text(getStatsChannelCheckedValues().length)).attr('data-original-title',getStatsChannelCheckedTitles()).tooltip();

			//业务标签
			$('#BusinessTag').text("业务").append($("<span class='badge'></span>").text(getStatsBusinessCheckedValues().length)).attr('data-original-title',getStatsBusinessCheckedTitlesString()).tooltip();
			
			//省份标签
			$('#ProvinceTag').text("省份").append($("<span class='badge'></span>").text(getProvinceCheckedValues().length)).attr('data-original-title',getProvinceCheckedTitles()).tooltip();
			
			$.ajax({
			    type : 'GET',
				contentType : 'application/json',
				url: "${ctx}/AnalysisSupport/QualityRuleResult/ruleTableChange?province="+province+"&dataSource="+dataSource+"&chnnal="+chnnal+"&bussines="+bussines,
				dataType : 'text',
				async: false,
				beforeSend: function(data) { 
				},
				success: function(data) {
                   $("#qualityRuleView").val(data);
                   ruleResultDetailTable();
                   ruleId="";
                   $("#updateRule").attr("disabled", true);
				   toggleMenu('slidePushMenus2');//隐藏筛选项
			       updateTag(true);
				}
			});
	}

	}
	function ruleResultReset(){
		ProvinceReset();
		statsDataSourceReset();//三级联动重置
	}
	
	//更新按钮点击
	$("#updateModel").click(function(){
			var pageNum = $("#goPageNo").val();
			$.dialog({
				title: "提醒",
				content:"确定修改模型?",
				ok: function(){location.href="${ctx}/AnalysisSupport/RuleConfiguration?qualityRuleId="+ruleId+"&rulePageNum="+pageNum;},
				okValue:"确定",
				cancel: function(){},
				cancelValue:"取消",
				lock:true
	});


	});
</script>
</body>
</html>