<%@ 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="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}"/>

<!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">
	
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/styles.css" />
    <script type="text/javascript" src="${ctx}/static/js/xcdChangeTable.js"></script>
	<script type="text/javascript" src="${ctx}/static/js/xcdTable.js"></script>

	<script type="text/javascript">
	
	$(document).ready(function(){
        xcdTable();
        xcdChangeTable();
	});
	
	</script>
  
	
  </head>
  
  <body>
    
<div id="sticky-wrap"> </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 id="main-container main-tab-container">
	<div id="content" class="container">

<div class="tab-bar-bt">
	<ul class="nav nav-tabs">
		<li><a id="a_statistics" href="${ctx}/MonitorOperation/FailureAnalysis">故障统计</a></li>
		<li><a id="a_detail" href="${ctx}/MonitorOperation/FailureAnalysisDetail">故障明细</a></li>
		<li class="active"><a id="a_refer" href="#refer" data-toggle="tab">故障维护</a></li>
	</ul>
</div>

     <div class="section">
	 
		<div class="tab-content">
<!--  ------------------------------------------------    协查单变更单查询        -------------------------------------------------------------- -->
			<div class="tab-pane fade in active" id="refer">
				<div class="row me-row">
				<div id="slidePushMenus2" class="cbp-spmenu-push">
								<div class="slideMenu" id="cbp-spmenu-s2" style="">
									<div class="form" id="xcdCriteria">
										<tags:GZFX_Period_stats/>
										<tags:JCS_datasource_channle/>       
										<tags:XCD_WarningSource />
										<tags:Public_ImportanceLevelTag/>
										<tags:GJFX_Provider_Province />
										<button class="btn btn-primary" onclick="xcdSubmit()">提交</button>
										<button class="btn btn-warning" onclick="xcdReset()">重置</button>
									</div>
									<div class="form" id="changeCriteria" style="display : none;">
										<tags:GZFX_Period_detail/>
										<tags:Public_Province2/>
										<button class="btn btn-primary" onclick="changeSubmit()">提交</button>
										<button class="btn btn-warning" onclick="changeReset()">重置</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"> 
									<span class="glyphicon glyphicon-list"></span>
								</button>
								<div class="slide-menu-tags">
									
									<div id="xcdTagLable">
										<span class="label label-info">未标记为故障</span>
										<span id="xcdPeriodTag" class="label label-info" data-placement="bottom">最近一个月</span> 
										<span id="xcdDataSourceTag" class="label label-info" data-placement="bottom"></span>
										<span id="xcdChannelTag" class="label label-info" data-placement="bottom"></span> 
										<span id="xcdWarningSource" class="label label-info" data-placement="bottom"></span> 
										<span id="xcdImportanceLevelTag" class="label label-info" data-placement="bottom"></span>
										<span id="xcdProviderTag" class="label label-info" data-placement="bottom"></span>
										<span id="xcdProvinceTag" class="label label-info" data-placement="bottom"></span>
										<span id="xcdProvinceTag" class="label label-info" data-placement="bottom"></span>
									</div>
									<div id="changeTagLable">
										<span class="label label-info">未标记为故障</span>
										<span id="changePeriodTag" class="label label-info" data-placement="bottom">最近一个月</span>
										<span id="changeProvinceTag" class="label label-info" data-placement="bottom"></span>
									</div>
								</div>
								<div class="bt-list-import">
								  <!--  <button class="btn btn-primary" onclick="failureCreate()">创建故障</button> -->
                                   <a href="#" id="xcdUpload" class="">								
                                   <span class="glyphicon glyphicon-import"></span>
                                   <span class="glyphicon-class">导出Excel</span>
								   </a>
								</div>
							</div>
							
							<div class="row">
								<div class="col-xs-12">
									<div class="table-header">
										<div id="time_div" class="btn-group">
										<ul class="nav nav-tabs nav-tabs-table">
  											<li class="active"><a id="a_XCDworkOrder" href="#XCDworkOrder" data-toggle="tab">协查单列表</a></li>
  											<li><a id="a_XCDchangeOrder" href="#XCDchangeOrder" data-toggle="tab">变更单列表</a></li>
										</ul>
									</div>
								   <shiro:hasAnyRoles name="admin,dataAnalysis,businessAnalysis">
									<div id="time_div" class="btn-group btn-group-cog">
										<button class="btn-sm btn btn-primary btn-sm btn-group btn-group-cog" onclick="failureCreate()">创建故障</button>
									</div>
									</shiro:hasAnyRoles>
									</div>
									<div class="tab-content">
									 <!--写内容处-->
											<div class="tab-pane active" id="XCDworkOrder" >
												<!-- 写协查单内容处 -->
												<table id="xcdWorkingOrderTable" class="table table-hover table-striped"></table>
											</div>
											<div class="tab-pane" id="XCDchangeOrder">
												<table id="xcdChangeTable" class="table table-hover table-striped"></table>
											</div>
	                                </div>
								</div>
							</div>
						</div>
					</div>
				</div>
				</div>
			</div> 
		</div>
				<form action="#" method="get" id="listForm"></form>
				<%-- <input type="hidden" id="CurTabId" name="CurTabId" value="${CurTabId}" /> --%>
				<input type="hidden" id="xcdWorkingOrderPage" value='${xcdWorkingOrderInfos}' />
				<input type="hidden" id="xcdChangeOrderPage" value='${xcdChangeOrderInfos}' />
				
	 

		</div>
	  </div>
	</div>
<script type="text/javascript">

		$("#changeTagLable").hide();
		initDateStats();
		initDateDetail();
	
</script>
<script type="text/javascript">

function isSameProv(){
	var isAllTrue = true;
	if(!(isXcdSameProv() && isChangeSameProv())){
		isAllTrue = false;
	}else{
		if(xcdProvinceNames()!="" && getChangeProvinceNames()!=""){
			var allProvince = xcdProvinceNames()+","+getChangeProvinceNames();
			for(var i=0;i<allProvince.split(",").length;i++){
				for(var j=0;j<allProvince.split(",").length;j++){
					if(i!=j){
						if(allProvince.split(",")[i]!=allProvince.split(",")[j]){
							isAllTrue = false;
						}
					}
				}
			}
		}
	}
	return isAllTrue;
	 
}


	function failureCreate(){
		var failureCreateMessage = "";
		if(xcdCodes=="" && changeCode==""){
			failureCreateMessage = "<table><tr><td rowspan='2'><img src='${ctx}/static/images/alert.png' style='width:40px;height:40px;'/></td><td style='padding-left:10px;'>未选择任何协查单变更单!</td></tr><tr><td style='padding-left:10px;'>确定要继续创建故障?</td></tr></table>";
		}else {
			failureCreateMessage = "您选择的协查单号为(<font color='red'>"+xcdCodes.length+"</font>个):<br/><b style='margin:20px 20px;'>"+xcdCodes+"</b><br/>您选择的变更单号为(<font color='red'>"+changeCode.length+"</font>个):</br><b style='margin:100px 10px 100px 10px;'>"+changeCode+"</b><br/>确定要创建故障?";
		}
		if(isSameProv()){
			/* $.confirm(failureCreateMessage,
			function(){location.href="${ctx}/MonitorOperation/FailureCreate?xcdIds="+xcdIds+"&changeId="+changeId;},
			function(){}
			); */
			$.dialog({
				title: "提醒",
				content:failureCreateMessage,
				ok: function(){
					location.href="${ctx}/MonitorOperation/FailureCreate?xcdIds="+xcdIds+"&changeId="+changeId;
				},
				okValue:"确定",
				cancel: function(){},
				cancelValue:"取消",
				lock:true
			});
		}else{
			$.alert("请选择同一省份的协查单和变更单来创建故障!");
		}
	}
	var xcdExport = "";
	var changeExport = "";
	function xcdSubmit(){
		var xcdTime = getStatsPeriodStr();
		var xcdChannel = getStatsChannelCheckedValues();
		var xcdDataSource = getStatsDataSourceCheckedValuesString2()
		var xcdWarning = getWarningSource3();
		var xcdImpLevel = getImportanceLevelCheckedValuesString();
		var xcdProvince = getProvinceCheckedValues();
		var xcdProvider = getProviderCheckedValues();
		//alert("xcdTime="+xcdTime+"\nxcdChannel="+xcdChannel+"\nxcdWarning="+xcdWarning+"\nxcdImpLevel="+xcdImpLevel+"\nxcdProvince="+xcdProvince);
		if(xcdTime==""){
			$.alert("时间选择不能为空");
		}else if(xcdDataSource==""){
			$.alert("数据来源选择不能为空");
		}else if(xcdChannel==""){
			$.alert("渠道选择不能为空");
		}else if(xcdImpLevel==""){
			$.alert("告警级别选择不能为空");
		}else if(xcdProvider==""){
			$.alert("集成商选择不能为空");
		}else if(xcdProvince==""){
			$.alert("省份选择不能为空");
		}else{
			xcdExport = "${ctx}/MonitorOperation/FailureAnalysisXcd/upLoadXcdExcel?xcdChannel="+xcdChannel
			   +"&xcdDataSource="+xcdDataSource
               +"&xcdTime="+xcdTime
               +"&xcdWarning="+xcdWarning
               +"&xcdImpLevel="+xcdImpLevel
               +"&xcdProvider="+xcdProvider
               +"&xcdProvince="+xcdProvince;
               
			href = "${ctx}/MonitorOperation/WorkingOrderReasult/failureXcdTable?xcdChannel="+xcdChannel
			   +"&xcdDataSource="+xcdDataSource
               +"&xcdTime="+xcdTime
               +"&xcdWarning="+xcdWarning
               +"&xcdImpLevel="+xcdImpLevel
               +"&xcdProvider="+xcdProvider
               +"&xcdProvince="+xcdProvince;
              $.ajax({
				    type : 'GET',
					contentType : 'application/json',
					url: href,
					dataType : 'text',
					beforeSend: function(data) {
					},
					success: function(data) {
	                   //alert(data);
	                   $("#xcdWorkingOrderPage").val(data);
	                   xcdTable();
	                   xcdIds = [];
	                   xcdCodes = [];
	                   rows = [];
	                   toggleMenu('slidePushMenus2');
					}
           });
		}
		
		//时间筛选项
        $("#xcdPeriodTag").text("时间范围").attr('data-original-title',getStatsPeriodStr()).tooltip();
        //数据来源筛选项
        $("#xcdDataSourceTag").text("数据来源").append($("<span class='badge'></span>").text(getStatsDataSourceCheckedValues().length)).attr('data-original-title',getStatsDataSourceCheckedTitles()).tooltip();
        //渠道筛选项
        $("#xcdChannelTag").text("渠道").append($("<span class='badge'></span>").text(getStatsChannelCheckedValues().length)).attr('data-original-title',getStatsChannelCheckedTitles()).tooltip();
        //告警来源筛选项
        $("#xcdWarningSource").text("告警来源").attr('data-original-title',getWarningSourceName3()).tooltip();
        //重要级别筛选项
        $("#xcdImportanceLevelTag").text("级别").append($("<span class='badge'></span>").text(getImportanceLevelCheckedValues().length)).attr('data-original-title',getImportanceLevelCheckedTitles()).tooltip();
        //省份筛选项
        $("#xcdProviderTag").text("集成商").append($("<span class='badge'></span>").text(getProviderCheckedValues().length)).attr('data-original-title',getProviderCheckedTitles()).tooltip();
        //省份筛选项
        $("#xcdProvinceTag").text("省份").append($("<span class='badge'></span>").text(getProvinceCheckedValues().length)).attr('data-original-title',getProvinceCheckedTitles()).tooltip();

		
	}
	
	function xcdReset(){
		initDateStats();//协查单查询页面的是案件初始化
        statsProviderReset();
        statsProvinceReset();//集成商省份联动重置
        statsDataSourceReset();
        importantlevelReset();
        $('#warningSource3')[0].selectedIndex = 0;
	}
	
	 function changeSubmit(){
		var changeTime = getDetailPeriodStr();
		var changeProvince = getProvinceCheckedValuesString2();
		if(changeTime==""){
			$.alert("时间选择不能为空");
		}else if(changeProvince==""){
			$.alert("省份选择不能为空");
		}else{
			changeExport = "changeTime="+changeTime+"&changeProvince="+changeProvince;
			href = "${ctx}/MonitorOperation/FailureAnalysisXcd/changeTable?changeTime="+changeTime+"&changeProvince="+changeProvince;
              $.ajax({
				    type : 'GET',
					contentType : 'application/json',
					url: href,
					dataType : 'text',
					beforeSend: function(data) {
					},
					success: function(data) {
	                   $("#xcdChangeOrderPage").val(data);
	                   xcdChangeTable();
	                   changeId = [];
	                   changeCode = [];
	                   changeRows = [];
	                   toggleMenu('slidePushMenus2');
					}
           });
		}
		
		//时间筛选项
        $("#changePeriodTag").text("时间范围").attr('data-original-title',getDetailPeriodStr()).tooltip();
        //省份筛选项
        $("#changeProvinceTag").text("省份").append($("<span class='badge'></span>").text(getProvinceCheckedValues2().length)).attr('data-original-title',getProvinceCheckedTitles2()).tooltip();
		
		
	} 
	
	function changeReset(){
		initDateDetail();
		ProvinceTwoReset();
	}
	
	
	//把协查单变更单列表导出成Excel格式
    $("#xcdUpload").click(function(){
    	var exportHref = "";
    	if(xcdExport=="" && changeExport==""){
    		exportHref = "${ctx}/MonitorOperation/FailureAnalysisXcd/upLoadXcdExcel";
    	}else if(xcdExport!="" && changeExport==""){
    		exportHref = xcdExport;
    	}else if(xcdExport=="" && changeExport!=""){
    		exportHref = "${ctx}/MonitorOperation/FailureAnalysisXcd/upLoadXcdExcel?"+changeExport;
    	}else{
    		exportHref = xcdExport+"&"+changeExport;
    	}
    	
      	var listForm=$("#listForm");
      		listForm.attr("method","post");
        	listForm.attr("action",exportHref);
        	listForm.submit();
        	listForm.attr("action","#");
        	
        });
        
        
</script>
<script type="text/javascript">
	var displayTab = "workOrder";
	$("#a_XCDworkOrder").click(function(){
		$("#xcdTagLable").show();
		$("#changeTagLable").hide();
		displayTab = "workOrder";
	});
	$("#a_XCDchangeOrder").click(function(){
	    $("#xcdTagLable").hide();
		$("#changeTagLable").show();
		displayTab = "changeOrder";
	});
	
	$("#showLeftPush2").click(function(){
		if("workOrder"==displayTab){
			//xcdReset();
			$("#xcdCriteria").css("display","block");
			$("#changeCriteria").css("display","none");
		}else{
			//changeReset();
			$("#xcdCriteria").css("display","none");
			$("#changeCriteria").css("display","block");
		}
		toggleMenu('slidePushMenus2');
    });
</script>

  </body>
 
</html>