Skip to content

C
cmszMonitorAnalysis
Switch branch/tag
Find file
Normal viewHistoryPermalink
AssociateDetails.jsp 21 KB
Newer Older
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/12/9 0009
  Time: 下午 3:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ 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}"/>
<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">

    <script src="${ctx}/static/artDialog4.1.7/artDialog.source.js?skin=default"></script>
    <script src="${ctx}/static/artDialog4.1.7/plugins/iframeTools.source.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/associatediagosisdetail.js"></script>
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 
    <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");


    </script>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 
</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="section">

            <div class="tab-content">
                <div class="tab-pane fade in active" id="detail">

                    <div class="row me-row">
                        <div id="slidePushMenus2" class="cbp-spmenu-push">


                            <div class="main col-xs-12">
                                <!-- <table id="mainm2" class="mainm" onclick="hideMenu('showLeftPush2','slidePushMenus2')"></table> -->
                                <div id="mainm2" class="mainm"></div>
                                <div class="content clearfix">


                                    <div class="row">
                                        <div class="col-xs-12">
                                            <table class='table table-vertical'>
                                                <tr>
胡斌's avatar
智能分析平台备份
243023f6
 
胡斌 committed
184 185 
                                                    <td><label>开始时间：</label>${beginTime}</td>
                                                    <td><label>结束时间：</label>${endTime}</td>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
186 187 
                                                </tr>
                                                <tr>
胡斌's avatar
智能分析平台备份
243023f6
 
胡斌 committed
188 189 
                                                    <td><label>省份：</label>${provinceName}</td>
                                                    <td><label>类型：</label>${associationType}</td>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
190 191 
                                                </tr>
                                                <tr>
胡斌's avatar
智能分析平台备份
243023f6
 
胡斌 committed
192 193 
                                                    <td><label>名称：</label>${associationDesc}</td>
                                                    <td><label>告警个数：</label>${warningNum}</td>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
194 195 196 197 198 
                                                </tr>
                                            </table>
                                            <br>
                                            <table class='table table-vertical'>
                                                <tr>
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
199 200 201 202 203 204 205 206 
                                                   <th style='vertical-align: middle !important;text-align: center;'>省份</th>
                                                   <th style='vertical-align: middle !important;text-align: center;'>指标名称</th>
                                                   <th style='vertical-align: middle !important;text-align: center;'>指标编码</th>
                                                   <th style='vertical-align: middle !important;text-align: center;'>类型</th>
                                                   <th style='vertical-align: middle !important;text-align: center;'>名称</th>
                                                   <th style='vertical-align: middle !important;text-align: center;'>告警个数</th>
                                                   <th style='vertical-align: middle !important;text-align: center;'>异常程度</th>
                                                   <th style='vertical-align: middle !important;text-align: center;'>指标告警明细</th>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
207 208 

                                                </tr>
胡斌's avatar
智能分析平台备份
243023f6
 
胡斌 committed
209 
                                                <c:forEach items="${warningDetailList}" var="item">
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
210 
                                                    <tr>
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
211 212 213 214 
                                                        <td style='vertical-align: middle !important;text-align: center;'>${item.PROVINCE_NAME}</td>
                                                        <td style='vertical-align: middle !important;text-align: center;'>${item.KPI_NAME}</td>
                                                        <td style='vertical-align: middle !important;text-align: center;'>${item.KPI_CODE}</td>
                                                        <td style='vertical-align: middle !important;text-align: center;'>
胡斌's avatar
智能分析平台备份
243023f6
 
胡斌 committed
215 216 217 218 219 220 221 
                                                            <c:if test="${item.ASSOCIATION_TYPE == 'c'}">
                                                                业务
                                                            </c:if>
                                                            <c:if test="${item.ASSOCIATION_TYPE == 'y'}">
                                                                渠道
                                                            </c:if>
                                                        </td>
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
222 223 224 225 226 227 
                                                        <td style='vertical-align: middle !important;text-align: center;'>${item.ASSOCIATION_DESC}</td>
                                                        <td style='vertical-align: middle !important;text-align: center;'>${item.WARNING_NUM}</td>
                                                        <td style='vertical-align: middle !important;text-align: center;'>${item.INFLUENCE_LEVEL}</td>
                                                        <td style='vertical-align: middle !important;text-align: center;'><a
                                                                <%--href="${ctx}/MonitorOperation/AssociateDiagosisDetailgetDetail?kpiId=${item.KPI_ID}&provinceId=${item.PROVINCE_ID}&beginTime=${beginTime}&endTime=${endTime}"--%>
                                                                onclick="getdetails(this)" name="${item.KPI_ID}_${item.PROVINCE_ID}_${beginTime}_${endTime}">告警明细</a></td>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 
                                                    </tr>
                                                </c:forEach>
                                            </table>


                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
                <form action="#" method="get" id="listForm"></form>
                <input type="hidden" id="gzfxDetail" name="gzfxDetail" value='${gzfxDetailInfos}' />
                <%-- <input type="hidden" id="listDimKpi" name="listDimKpi" value='${listDimKpi}' />--%><%-- 所有指标--%>
                <input type="hidden" id="provinceAll" name="provinceAll" value='${provinces}' />
                <input type="hidden" id="indicatorsAll" name="indicatorsAll" value='${indicatorsAll}' />
                <input type="hidden" id="anaInfoSelected" name="anaInfoSelected" value='' />
            </div>
        </div>
    </div>
</div>
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 
<script>

    function getdetails(e){

//        alert($(e).name);
        var params=e.name.split("_");
        var kpiId=params[0];
        var proviceId=params[1];
        var beginTime=params[2];
        var endTime=params[3];


        $.dialog({
            title:"",
            content:"<div id='paramList' class='container' >"+
            "<div class='col-xs-12'><div class='panel panel-default'><div class='panel-heading' >指标告警明细</div><div class='panel-body'> <table class='table  table-striped  table-bordered '> <thead> <tr align='center'> " +
            "<th  style='vertical-align: middle !important;text-align: center;'>编号</th>" +
            "<th  style='vertical-align: middle !important;text-align: center;'>省份</th> " +
            "<th  style='vertical-align: middle !important;text-align: center;' >渠道</th> " +
            "<th  style='vertical-align: middle !important;text-align: center;' >数据来源</th> " +
            "<th  style='vertical-align: middle !important;text-align: center;' >告警来源</th>" +
            "<th  style='vertical-align: middle !important;text-align: center;' >指标</th>" +
            "<th  style='vertical-align: middle !important;text-align: center;' >告警类型</th>" +
            "<th  style='vertical-align: middle !important;text-align: center;' >发生时间</th>" +
            "<th  style='vertical-align: middle !important;text-align: center;' >告警影响结束时间</th>" +
            "<th  style='vertical-align: middle !important;text-align: center;' >结束时间</th>" +

            "<th  style='vertical-align: middle !important;text-align: center;' >协查单号</th>" +
            "<th  style='vertical-align: middle !important;text-align: center;' >故障单号</th>" +
            "<th  style='vertical-align: middle !important;text-align: center;' >告警状态</th>" +
            "<th  style='vertical-align: middle !important;text-align: center;' >关闭类型</th>" +
            "</tr> </thead> <tbody> </tbody> </table> </div> </div> </div>"+
            "</div>",
            lock:true,
            width:"1200px",
            height : "600px",
            initialize:function(){
                var paramTbody = $('#paramList tbody');
                $.ajax({
                    type : 'GET',
                    async : false,
                    contentType : 'application/json',
                    url: "${ctx}/MonitorOperation/AssociateDiagosisDetail/getDetail?kpiId="+kpiId+"&provinceId="+proviceId+"&beginTime="+beginTime+"&endTime="+endTime,
                    dataType : 'text',
                    success: function(data){
                       var jsonDa=eval('('+data+')');

//                        console.log("data   "+data);
                        $.each(jsonDa,function(n,val){
//                            alert(df.format(val.closeTime));
                            console.log(" val.closeTime  "+val.closeTime);
                            console.log(" df.format(new Date(val.closeTime))  "+df.format(new Date(val.closeTime)));
                            console.log(" new Date(val.closeTime))  "+new Date(val.closeTime));

                            var warningId=val.warningId;
                            if(typeof warningId === 'undefined'){warningId=''}
                            var provinceName=val.provinceName;
                            if(typeof provinceName ==='undefined'){provinceName=''}
                            var channelName=val.channelName;
                            if(typeof channelName ==='undefined'){channelName=''}
                            var dataSourceName=val.dataSourceName;
                            if(typeof dataSourceName ==='undefined'){dataSourceName=''}

                            var warningSourceName=val.warningSourceName;
                            if(typeof warningSourceName ==='undefined'){warningSourceName=''}
                            var kpiName=val.dataSourceName;
                            if(typeof kpiName ==='undefined'){kpiName=''}
                            var riskEarlyWarningTypeName=val.riskEarlyWarningTypeName;
                            if(typeof riskEarlyWarningTypeName ==='undefined'){riskEarlyWarningTypeName=''}
                            var occurTime=val.occurTime;
                            if(typeof occurTime ==='undefined'){occurTime=''}else{ occurTime=df.format(new Date(val.occurTime));}
                            var influenceEndTime=val.influenceEndTime;
                            if(typeof influenceEndTime ==='undefined'){influenceEndTime=''}
                            var closeTime=val.closeTime;
                            if(typeof closeTime ==='undefined'){closeTime=''}else{closeTime=df.format(new Date(val.closeTime));}



                            var dataSourceName=val.dataSourceName;
                            if(typeof dataSourceName ==='undefined'){dataSourceName=''}



                            var relevantWorkingOrderId= val.relevantWorkingOrderId;
                            if(typeof relevantWorkingOrderId === 'undefined' ){relevantWorkingOrderId=''}
                            var relevantFailureId=val.relevantFailureId;
                            if( typeof relevantFailureId === 'undefined' ){relevantFailureId=''}

                            var type=val.type;
                            if( typeof type === 'undefined' ){type=''}
                            var status=val.status;
                            if( typeof status === 'undefined' ){status=''}

                            paramTbody.append($("<tr align='center' ></tr>")
莫林毅's avatar
监控运营->关联配置->关联诊断明细 界面
3cdadcb8
 
莫林毅 committed
346 
                                .append("<td  style='vertical-align: middle !important;text-align: center;' ><a>"+warningId+"</a></td>")
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 
                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+provinceName+"</td>")
                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+channelName+"</td>")
                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+dataSourceName+"</td>")
                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+warningSourceName+"</td>")
                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+kpiName+"</td>")
                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+riskEarlyWarningTypeName+"</td>")
                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+occurTime+"</td>")
                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+influenceEndTime+"</td>")
                                .append("<td   style='vertical-align: middle !important;text-align: center;' >"+closeTime+"</td>")


                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+relevantWorkingOrderId+"</td>")

                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+relevantFailureId+"</td>")
                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+type+"</td>")
                                .append("<td  style='vertical-align: middle !important;text-align: center;' >"+status+"</td>")

                            );
                        });
                        //关闭类型 status
                        // 告警状态 type
                        //级别  imporiance_level_name
                        //数据来源 data_source_name
                        //告警来源   waringing_source_name
                        //告警类型  risk_early_warning_type_name
                    }

                });
            }

        });
    }
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
380
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
381 
</script>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
382 383 
</body>
</html>