<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<div class="table-header">质量规则运营
    <div id="time_div" style="top: -6px;float: right;height: 0px;position: relative;">

    </div>
</div>
<table class="table table-hover table-striped">
    <thead>
    <tr>
        <th width="6.4%">质量规则ID</th>
        <th width="6.4%">省份</th>
        <th width="6.4%">数据来源</th>
        <th width="6.4%">渠道</th>
        <th width="6.4%">业务</th>
        <th width="6.4%">指标名称</th>
        <th width="6.4%">指标CODE</th>
        <th width="6.4%">告警类型</th>
        <th width="6.4%">告警原因</th>
        <th width="6.4%">指标业务时间</th>
        <th width="6.4%">指标监控时间</th>
        <%--<th width="6.4%">是否过滤</th>--%>
    </tr>
    </thead>
    <tbody>

    <c:forEach items="${qualityRuleInfoPage.content}" var="qualityRuleInfo">
        <tr>
            <td><a href='javascript:;' onclick='selectRule(${qualityRuleInfo.qualityRuleId})'>${qualityRuleInfo.qualityRuleId}</a></td>
            <td>${qualityRuleInfo.provinceName} </td>
            <td>${qualityRuleInfo.dataSourceName}</td>
            <td>${qualityRuleInfo.channelName}</td>
            <td>${qualityRuleInfo.businessName}</td>
            <td>${qualityRuleInfo.kpiName}</td>
            <td>${qualityRuleInfo.kpiCode}</td>
            <td>${qualityRuleInfo.warningType}</td>
            <td>${qualityRuleInfo.warningReason}</td>
            <td><fmt:formatDate value="${qualityRuleInfo.kpiMonitorRunTime}" pattern="yyyy-MM-dd hh:mm:ss" /></td>
            <td><fmt:formatDate value="${qualityRuleInfo.businessTime}" pattern="yyyy-MM-dd hh:mm:ss" /></td>
            <%--<td>--%>
                <%--<c:if test="${qualityRuleInfo.ifFilter == '1'}">无过滤规则</c:if>--%>
                <%--<c:if test="${qualityRuleInfo.ifFilter == '0'}">过滤</c:if>--%>
            <%--</td>--%>
        </tr>
    </c:forEach>
    </tbody>
</table>
<tags:paging page="${qualityRuleInfoPage}" paginationSize="${pageSize}" />
<script>
    //格式化日期
    function Format(){
        this.jsjava_class="jsjava.text.Format";
    }
    function DateFormat(){
        this.jsjava_class="jsjava.text.DateFormat";
    }
    DateFormat.prototype=new Format();
    DateFormat.prototype.constructor=DateFormat;
    DateFormat.zh_cn_month2=["01","02","03","04","05","06","07","08","09","10","11","12"];
    DateFormat.zh_cn_month3=["\u4e00\u6708","\u4e8c\u6708","\u4e09\u6708","\u56db\u6708","\u4e94\u6708","\u516d\u6708","\u4e03\u6708","\u516b\u6708","\u4e5d\u6708","\u5341\u6708","\u5341\u4e00\u6708","\u5341\u4e8c\u6708",];
    DateFormat.zh_cn_month4=["\u4e00\u6708","\u4e8c\u6708","\u4e09\u6708","\u56db\u6708","\u4e94\u6708","\u516d\u6708","\u4e03\u6708","\u516b\u6708","\u4e5d\u6708","\u5341\u6708","\u5341\u4e00\u6708","\u5341\u4e8c\u6708",];
    DateFormat.en_us_month4=["Janu","Febr","Marc","Apri","May","Juhn","July","Augu","Sept","Octo","Nove","Dece"];
    DateFormat.en_us_month3=["Jan","Feb","Mar","Apr","May","Juh","Jul","Aug","Sep","Oct","Nov","Dec"];
    DateFormat.en_us_month2=["01","02","03","04","05","06","07","08","09","10","11","12"];
    DateFormat.zh_cn_week=["\u661f\u671f\u65e5","\u661f\u671f\u4e00","\u661f\u671f\u4e8c","\u661f\u671f\u4e09","\u661f\u671f\u56db","\u661f\u671f\u4e94","\u661f\u671f\u516d"];
    DateFormat.zh_cn_am="\u4e0b\u5348";
    DateFormat.zh_cn_pm="\u4e0a\u5348";
    DateFormat.language=(navigator.userLanguage==undefined?navigator.language:navigator.userLanguage).replace("-","_").toLowerCase();

    DateFormat.prototype.format=function(date){
        var year4=date.getFullYear();
        var year2=year4.toString().substring(2);
        var pattern=this.pattern;
        pattern=pattern.replace(/yyyy/,year4);
        pattern=pattern.replace(/yy/,year2);
        var month=date.getMonth();
        pattern=pattern.replace(/MMMM/,eval("DateFormat."+DateFormat.language+"_month4[month]"));
        pattern=pattern.replace(/MMM/,eval("DateFormat."+DateFormat.language+"_month3[month]"));
        pattern=pattern.replace(/MM/,eval("DateFormat."+DateFormat.language+"_month2[month]"));
        var dayOfMonth=date.getDate();
        var dayOfMonth2=dayOfMonth;
        var dayOfMonthLength=dayOfMonth.toString().length;
        if(dayOfMonthLength==1){
            dayOfMonth2="0"+dayOfMonth;
        }
        pattern=pattern.replace(/dd/,dayOfMonth2);
        pattern=pattern.replace(/d/,dayOfMonth);
        var hours=date.getHours();
        var hours2=hours;
        var hoursLength=hours.toString().length;
        if(hoursLength==1){
            hours2="0"+hours;
        }
        pattern=pattern.replace(/HH/,hours2);
        pattern=pattern.replace(/H/,hours);
        var minutes=date.getMinutes();
        var minutes2=minutes;
        var minutesLength=minutes.toString().length;
        if(minutesLength==1){
            minutes2="0"+minutes;
        }
        pattern=pattern.replace(/mm/,minutes2);
        pattern=pattern.replace(/m/,minutes);
        var seconds=date.getSeconds();
        var seconds2=seconds;
        var secondsLength=seconds.toString().length;
        if(secondsLength==1){
            seconds2="0"+seconds;
        }
        pattern=pattern.replace(/ss/,seconds2);
        pattern=pattern.replace(/s/,seconds);
        var milliSeconds=date.getMilliseconds();
        pattern=pattern.replace(/S+/,milliSeconds);
        var day=date.getDay();
// pattern=pattern.replace(/E+/,eval("DateFormat."+DateFormat.language+"_week[day]"));
        if(hours>12){
            pattern=pattern.replace(/a+/,eval("DateFormat."+DateFormat.language+"_am"));
        }else{
            pattern=pattern.replace(/a+/,eval("DateFormat."+DateFormat.language+"_pm"));
        }
        var kHours=hours;
        if(kHours==0){
            kHours=24;
        }
        var kHours2=kHours;
        var kHoursLength=kHours.toString().length;
        if(kHoursLength==1){
            kHours2="0"+kHours;
        }
        pattern=pattern.replace(/kk/,kHours2);
        pattern=pattern.replace(/k/,kHours);
        var KHours=hours;
        if(hours>11){
            KHours=hours-12;
        }
        var KHours2=KHours;
        var KHoursLength=KHours.toString().length;
        if(KHoursLength==1){
            KHours2="0"+KHours;
        }
        pattern=pattern.replace(/KK/,KHours2);
        pattern=pattern.replace(/K/,KHours);
        var hHours=KHours;
        if(hHours==0){
            hHours=12;
        }
        var hHours2=hHours;
        var hHoursLength=hHours.toString().length;
        if(KHoursLength==1){
            hHours2="0"+hHours;
        }
        pattern=pattern.replace(/hh/,hHours2);
        pattern=pattern.replace(/h/,hHours);
        return pattern;
    };

    function SimpleDateFormat(){
        this.jsjava_class="jsjava.text.SimpleDateFormat";
    }

    SimpleDateFormat.prototype=new DateFormat();
    SimpleDateFormat.prototype.constructor=SimpleDateFormat;

    SimpleDateFormat.prototype.applyPattern=function(pattern){
        this.pattern=pattern;
    };
    var df=new SimpleDateFormat();
    df.applyPattern("yyyy-MM-dd HH:mm:ss");
    //查看数据质量规则
    function selectRule(qualityRuleId) {
        $.dialog({
            title: "数据质量规则",
            content: "<div id='ruleList'>" +
            "<div class='col-xs-12'><div class='panel panel-default'><div class='panel-heading'></div><div class='panel-body'> <table class='table table-hover table-striped'> <thead> <tr> <th width=''>省份</th> <th width=''>数据来源</th> <th width=''>渠道</th> <th width=''>业务</th> <th width=''>指标名称</th> <th width=''>指标编码</th> <th width=''>数据类型</th> <th width=''>数据采集频率</th> <th width=''>指标监控范围</th> <th width=''>指标采集时间</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div>" +
            "</div>",
            lock: true,
            width: 800,
            initialize: function () {
                $.ajax({
                    type: 'GET',
                    contentType: 'application/json',
                    url: "/AnalysisSupport/QualityRuleOperation/findQuality?qualityRuleId=" + qualityRuleId,
                    dataType: 'text',
                    beforeSend: function (data) {
                    },
                    success: function (data) {
                        var ruleTbody = $('#ruleList tbody');
                        data = JSON.parse(data)
                        if (data.kpiMonitorTime.indexOf("/") != -1) {
                            var a = new Array();
                            a = data.kpiMonitorTime.split("/");
                            if (a[1] == "1440") {
                                data.kpiMonitorTime = a[0] + "分钟";
                            } else if (a[1] == "24") {
                                data.kpiMonitorTime = a[0] + "小时";
                            }
                        } else {
                            if (data.kpiMonitorTime.indexOf("ADD") != -1) {
                                data.kpiMonitorTime = data.kpiMonitorTime.substring(data.kpiMonitorTime.indexOf("(") + 1, data.kpiMonitorTime.length - 1) + "个月"
                            } else {
                                data.kpiMonitorTime = data.kpiMonitorTime + "天";
                            }
                        }

                        if (data.businessTime != null) {
                            data.businessTime = df.format(new Date(data.businessTime));
                        }
                        console.log(data.businessTime)
                        ruleTbody.append($("<tr></tr>")
                            .append("<td>" + data.provinceName + "</td>")
                            .append("<td>" + data.dataSourceName + "</td>")
                            .append("<td>" + data.channelName + "</td>")
                            .append("<td>" + data.businessName + "</td>")
                            .append("<td>" + data.kpiName + "</td>")
                            .append("<td>" + data.kpiCode + "</td>")
                            .append("<td>" + data.kpiTypeName + "</td>")
                            .append("<td>" + data.calCycle + "</td>")
                            .append("<td>" + data.kpiMonitorTime + "</td>")
                            .append("<td>" + data.businessTime + "</td>"));
                    }
                });
            }

        });
    }
</script>