Skip to content

C
cmszMonitorAnalysis
Switch branch/tag
Find file
Normal viewHistoryPermalink
AssociateDetails.jsp 40.5 KB
Newer Older
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
1 2 3 4 5 6 7 8 9 10 11 12 
<%--
  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" %>
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
13 14 
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
15 16 17 18 19 20 21 22 23 24 25 26 27 
<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
28 29 30 
    <script>

        //格式化日期
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
31 32 
        function Format() {
            this.jsjava_class = "jsjava.text.Format";
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
33 
        }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
34 35 36 

        function DateFormat() {
            this.jsjava_class = "jsjava.text.DateFormat";
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
37 
        }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
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 

        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;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
67 
            }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
68 69 70 71 72 73 74 
            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;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
75 
            }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
76 77 78 79 80 81 82 
            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;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
83 
            }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
84 85 86 87 88 89 90 
            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;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
91 
            }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
92 93 94 95 96 
            pattern = pattern.replace(/ss/, seconds2);
            pattern = pattern.replace(/s/, seconds);
            var milliSeconds = date.getMilliseconds();
            pattern = pattern.replace(/S+/, milliSeconds);
            var day = date.getDay();
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
97 
            // pattern=pattern.replace(/E+/,eval("DateFormat."+DateFormat.language+"_week[day]"));
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
98 99 100 101 
            if (hours > 12) {
                pattern = pattern.replace(/a+/, eval("DateFormat." + DateFormat.language + "_am"));
            } else {
                pattern = pattern.replace(/a+/, eval("DateFormat." + DateFormat.language + "_pm"));
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
102 
            }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
103 104 105 
            var kHours = hours;
            if (kHours == 0) {
                kHours = 24;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
106 
            }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
107 108 109 110 
            var kHours2 = kHours;
            var kHoursLength = kHours.toString().length;
            if (kHoursLength == 1) {
                kHours2 = "0" + kHours;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
111 
            }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
112 113 114 115 116 
            pattern = pattern.replace(/kk/, kHours2);
            pattern = pattern.replace(/k/, kHours);
            var KHours = hours;
            if (hours > 11) {
                KHours = hours - 12;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
117 
            }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
118 119 120 121 
            var KHours2 = KHours;
            var KHoursLength = KHours.toString().length;
            if (KHoursLength == 1) {
                KHours2 = "0" + KHours;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
122 
            }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
123 124 125 126 127 
            pattern = pattern.replace(/KK/, KHours2);
            pattern = pattern.replace(/K/, KHours);
            var hHours = KHours;
            if (hHours == 0) {
                hHours = 12;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
128 
            }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
129 130 131 132 
            var hHours2 = hHours;
            var hHoursLength = hHours.toString().length;
            if (KHoursLength == 1) {
                hHours2 = "0" + hHours;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
133 
            }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
134 135 
            pattern = pattern.replace(/hh/, hHours2);
            pattern = pattern.replace(/h/, hHours);
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
136 137 138 
            return pattern;
        };
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
139 140 
        function SimpleDateFormat() {
            this.jsjava_class = "jsjava.text.SimpleDateFormat";
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
141 142 
        }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
143 144 
        SimpleDateFormat.prototype = new DateFormat();
        SimpleDateFormat.prototype.constructor = SimpleDateFormat;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
145
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
146 147 
        SimpleDateFormat.prototype.applyPattern = function (pattern) {
            this.pattern = pattern;
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
148 149 
        };
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
150 
        var df = new SimpleDateFormat();
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
151 152 
        df.applyPattern("yyyy-MM-dd HH:mm:ss");
    </script>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
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 184 185 
</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
186 187 
                                                    <td><label>开始时间：</label>${beginTime}</td>
                                                    <td><label>结束时间：</label>${endTime}</td>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
188 189 
                                                </tr>
                                                <tr>
胡斌's avatar
智能分析平台备份
243023f6
 
胡斌 committed
190 191 
                                                    <td><label>省份：</label>${provinceName}</td>
                                                    <td><label>类型：</label>${associationType}</td>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
192 193 
                                                </tr>
                                                <tr>
胡斌's avatar
智能分析平台备份
243023f6
 
胡斌 committed
194 195 
                                                    <td><label>名称：</label>${associationDesc}</td>
                                                    <td><label>告警个数：</label>${warningNum}</td>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
196 197 198 199 200 
                                                </tr>
                                            </table>
                                            <br>
                                            <table class='table table-vertical'>
                                                <tr>
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 
                                                    <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
225 226 

                                                </tr>
胡斌's avatar
智能分析平台备份
243023f6
 
胡斌 committed
227 
                                                <c:forEach items="${warningDetailList}" var="item">
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
228 
                                                    <tr>
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
229 230 231 232 
                                                        <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
233 234 235 236 237 238 239 
                                                            <c:if test="${item.ASSOCIATION_TYPE == 'c'}">
                                                                业务
                                                            </c:if>
                                                            <c:if test="${item.ASSOCIATION_TYPE == 'y'}">
                                                                渠道
                                                            </c:if>
                                                        </td>
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
240 241 242 
                                                        <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>
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
243 244 
                                                        <td style='vertical-align: middle !important;text-align: center;'>
                                                            <a
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
245 
                                                                <%--href="${ctx}/MonitorOperation/AssociateDiagosisDetailgetDetail?kpiId=${item.KPI_ID}&provinceId=${item.PROVINCE_ID}&beginTime=${beginTime}&endTime=${endTime}"--%>
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
246 247 248 
                                                                    onclick="getdetails(this)"
                                                                    name="${item.KPI_ID}_${item.PROVINCE_ID}_${beginTime}_${endTime}">告警明细</a>
                                                        </td>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
249 250 251 
                                                    </tr>
                                                </c:forEach>
                                            </table>
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 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 
                                            <div class='col-xs-6'>
                                                <div class='panel panel-default'>
                                                    <div class='panel-heading'>协查单</div>
                                                    <div class='panel-body'>
                                                        <table class='table table-hover table-striped'>
                                                            <thead>
                                                            <tr>
                                                                <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>
                                                            <tfoot>
                                                            <tr>
                                                                <td style='vertical-align: middle !important;text-align: center;'>
                                                                    共<span id="itemsCount_1"></span>条
                                                                </td>
                                                                <td style='vertical-align: middle !important;text-align: center;'>
莫林毅's avatar
监控运营 ->告警关联诊断明细 ‘详情’ 跳转 页面
dda52448
 
莫林毅 committed
279 280 
                                                                    <a onclick="prePage_1()">上一页</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                                    <a onclick="nextPage_1()">下一页</a>
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
281 282 283 284 285 286 287 288 289 290 291 292 
                                                                </td>
                                                                <td style='vertical-align: middle !important;text-align: center;'>
                                                                    第<span id="currentPageNum_1"
                                                                           style="color:#F00"></span>页
                                                                </td>
                                                                <td style='vertical-align: middle !important;text-align: center;'>
                                                                    共<span id="totalPageNum_1"
                                                                           style="color:#0000ee"></span>页
                                                                </td>
                                                            </tr>
                                                            </tfoot>
                                                            <tbody id="xcdWorkingOrderInfos_tbody">
胡斌's avatar
智能分析平台备份提交
a1e0ac68
 
胡斌 committed
293
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
294 295 296 
                                                            <c:if test="${xcdWorkingOrderInfos != null}">
                                                                <c:forEach items="${xcdWorkingOrderInfos}" var="item">
                                                                    <tr>
胡斌's avatar
智能分析平台备份提交
a1e0ac68
 
胡斌 committed
297 
                                                                        <td style='vertical-align: middle !important;text-align: center;'><a target="view_window"  href="${ctx}/MonitorOperation/WorkingOrderDetail?xcdCode=${item.workingOrderCode}" >${item.workingOrderCode}</a></td>
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
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 346 
                                                                        <td style='vertical-align: middle !important;text-align: center;'>${item.workingOrderTitle}</td>
                                                                        <td style='vertical-align: middle !important;text-align: center;'>
                                                                            <fmt:formatDate
                                                                                    value="${item.eventHappenTime}"
                                                                                    pattern="yyyy-MM-dd hh:mm:ss"
                                                                                    type="date"
                                                                                    dateStyle="long"/>
                                                                        </td>
                                                                        <td style='vertical-align: middle !important;text-align: center;'>
                                                                            <fmt:formatDate
                                                                                    value="${item.businessRecoveryTime}"
                                                                                    pattern="yyyy-MM-dd hh:mm:ss"
                                                                                    type="date"
                                                                                    dateStyle="long"/></td>
                                                                    </tr>
                                                                </c:forEach>
                                                            </c:if>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class='col-xs-6'>
                                                <div class='panel panel-default'>
                                                    <div class='panel-heading'>变更单</div>
                                                    <div class='panel-body'>
                                                        <table class='table table-hover table-striped'>
                                                            <thead>
                                                            <tr>
                                                                <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>
                                                            <tfoot>
                                                            <tr>
                                                                <td style='vertical-align: middle !important;text-align: center;'>
                                                                    共<span id="itemsCount"></span>条
                                                                </td>
                                                                <td style='vertical-align: middle !important;text-align: center;'>
莫林毅's avatar
监控运营 ->告警关联诊断明细 ‘详情’ 跳转 页面
dda52448
 
莫林毅 committed
347 348 
                                                                    <a onclick="prePage()">上一页</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                                    <a onclick="nextPage()">下一页</a>
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
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 380 381 382 383 
                                                                </td>
                                                                <td style='vertical-align: middle !important;text-align: center;'>
                                                                    第<span id="currentPageNum"
                                                                           style="color:#F00"></span>页
                                                                </td>
                                                                <td style='vertical-align: middle !important;text-align: center;'>
                                                                    共<span id="totalPageNum"
                                                                           style="color:#0000ee"></span>页
                                                                </td>
                                                            </tr>
                                                            </tfoot>
                                                            <tbody id="xcdChangeOrdersTable_tobody"
                                                                   style="height: 450px">
                                                            <c:forEach items="${xcdChangeOrders}" var="item">
                                                                <tr>
                                                                    <td style='vertical-align: middle !important;text-align: center;'>${item.changeOrderCode}</td>
                                                                    <td style='vertical-align: middle !important;text-align: center;'>${item.changeOrderTitle}</td>
                                                                    <td style='vertical-align: middle !important;text-align: center;'>
                                                                        <fmt:formatDate value="${item.changeStartTime}"
                                                                                        pattern="yyyy-MM-dd hh:mm:ss"
                                                                                        type="date"
                                                                                        dateStyle="long"/></td>
                                                                    <td style='vertical-align: middle !important;text-align: center;'>
                                                                        <fmt:formatDate value="${item.changeEndTime}"
                                                                                        pattern="yyyy-MM-dd hh:mm:ss"
                                                                                        type="date"
                                                                                        dateStyle="long"/></td>
                                                                    </td>
                                                                </tr>
                                                            </c:forEach>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
384 385 386 387 388 389 390 391 392 393 
                                        </div>
                                    </div>
                                </div>

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

                </div>
                <form action="#" method="get" id="listForm"></form>
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
394 
                <input type="hidden" id="gzfxDetail" name="gzfxDetail" value='${gzfxDetailInfos}'/>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
395 
                <%-- <input type="hidden" id="listDimKpi" name="listDimKpi" value='${listDimKpi}' />--%><%-- 所有指标--%>
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
396 397 398 
                <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=''/>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
399 400 401 402 
            </div>
        </div>
    </div>
</div>
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
403 
<script>
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
404 
    function getdetails(e) {
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
405
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
406 407 408 409 410 
        var params = e.name.split("_");
        var kpiId = params[0];
        var proviceId = params[1];
        var beginTime = params[2];
        var endTime = params[3];
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
411 412 413 


        $.dialog({
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
414 415 
            title: "",
            content: "<div id='paramList' class='container' >" +
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 
            "<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>" +
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
432 
            "</tr> </thead> <tbody> </tbody> </table> </div> </div> </div>" +
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
433 
            "</div>",
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
434 435 436 437 
            lock: true,
            width: "1200px",
            height: "600px",
            initialize: function () {
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
438 439 
                var paramTbody = $('#paramList tbody');
                $.ajax({
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 
                    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 + ')');

                        $.each(jsonDa, function (n, val) {


                            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 = ''
                            }
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
521 522 

                            paramTbody.append($("<tr align='center' ></tr>")
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 
                                .append("<td  style='vertical-align: middle !important;text-align: center;' ><a>" + warningId + "</a></td>")
                                .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>")
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 
                            );
                        });
                        //关闭类型 status
                        // 告警状态 type
                        //级别  imporiance_level_name
                        //数据来源 data_source_name
                        //告警来源   waringing_source_name
                        //告警类型  risk_early_warning_type_name
                    }

                });
            }

        });
    }
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 
</script>
<script>
    currentPageNum = 0;//[变更单]当前页
    pageCount = 10;//[变更单]table显示条数
    pageNum = 0;//[变更单]总页数
    itemsCount = 0;//[变更单]总数据量


    currentPageNum_1 = 0;//[协查单]当前页
    pageCount_1 = 10;//[协查单]table显示条数
    pageNum_1 = 0;//[协查单]总页数
    itemsCount_1 = 0;//[协查单]总数据量

    window.onload = function () {
        //变更单
        itemsCount = $("#xcdChangeOrdersTable_tobody").find("tr").length;//总数据量
        pageNum = getPageNum(itemsCount, pageCount);
        $("#itemsCount").html(itemsCount);//显示总数据量
        showTotalPageNum();
        showFirstPage();

        //协查单
        itemsCount_1 = $("#xcdWorkingOrderInfos_tbody").find("tr").length;//总数据量
        pageNum_1 = getPageNum(itemsCount_1, pageCount_1);
        $("#itemsCount_1").html(itemsCount_1);//显示总数据量
        showTotalPageNum_1();//显示 总页数
        showFirstPage_1();// 显示 第一页 数据

    };

    function getPageNum(itemsCount, pageCount) {
        var pageNum = parseInt(itemsCount / pageCount);
        if (0 != itemsCount % pageCount) {
            pageNum += 1;
        }
        return pageNum;
    }

    function showFirstPage() {
        hideRow();
        currentPageNum = 1;
        showCurrentPageNum(currentPageNum);
        for (var i = 1; i <= pageCount; i++) {
            var k = i - 1;
            $("#xcdChangeOrdersTable_tobody tr:eq(" + k + ")").show();
        }
    }

    //隐藏所有行
    function hideRow() {
        $("#xcdChangeOrdersTable_tobody").find("tr").each(function () {
            this.style.display = 'none';
        });
    }

    //显示当前页数
    function showCurrentPageNum(currentPageNum) {
        $("#currentPageNum").html(currentPageNum);
    }

    //显示总页数
    function showTotalPageNum() {
        $("#totalPageNum").html(pageNum);
    }

    //显示上一页
    function prePage() {

        if (currentPageNum === 1) {
            return;
        }
        hideRow();
        currentPageNum--;
        showCurrentPageNum(currentPageNum);
        var firstRow = getFirstRow(currentPageNum);
        var lastRow = getLastRow(firstRow);
        for (var i = firstRow; i <= lastRow; i++) {
            var k = i - 1;
            $("#xcdChangeOrdersTable_tobody tr:eq(" + k + ")").show();
        }

    }

    //显示 下一页
    function nextPage() {
        if (currentPageNum === pageNum) {
            return;
        }
        hideRow();

        currentPageNum++;
        showCurrentPageNum(currentPageNum);
        var firstRow = getFirstRow(currentPageNum);
        var lastRow = getLastRow(firstRow);
        for (var i = firstRow; i <= lastRow; i++) {
            var k = i - 1;
            $("#xcdChangeOrdersTable_tobody tr:eq(" + k + ")").show();
        }

    }

    //获取首行的实际位置
    function getFirstRow(currentPageNum) {
        return (currentPageNum - 1) * pageCount + 1;
    }

    //获取尾行的实际位置
    function getLastRow(firstRow) {
        var lastRow = firstRow + pageCount - 1;
        if (lastRow > itemsCount) {
            lastRow = itemsCount;
        }
        return lastRow;
    }


    //协查单 函数
    function showTotalPageNum_1() {
        $("#totalPageNum_1").html(pageNum_1);
    }

    function showFirstPage_1() {
        hideRow_1();
        currentPageNum_1 = 1;
        showCurrentPageNum_1(currentPageNum_1);
        for (var i = 1; i <= pageCount_1; i++) {
            var k = i - 1;
            $("#xcdWorkingOrderInfos_tbody tr:eq(" + k + ")").show();
        }
    }

    function hideRow_1() {
        $("#xcdWorkingOrderInfos_tbody").find("tr").each(function () {
            this.style.display = 'none';
        });
    }

    function showCurrentPageNum_1(currentPageNum_1) {
        $("#currentPageNum_1").html(currentPageNum_1);
    }

    function nextPage_1() {
        if (currentPageNum_1 === pageNum_1) {
            return;
        }
        hideRow_1();
        currentPageNum_1++;
        showCurrentPageNum_1(currentPageNum_1);
        var firstRow = getFirstRow_1(currentPageNum_1);
        var lastRow = getLastRow_1(firstRow);
        for (var i = firstRow; i <= lastRow; i++) {
            var k = i - 1;
            $("#xcdWorkingOrderInfos_tbody tr:eq(" + k + ")").show();
        }

    }

    function prePage_1() {
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
713
莫林毅's avatar
监控运营 -> 告警关联诊断 '详情' 跳转 页面
570fb597
 
莫林毅 committed
714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 
        if (currentPageNum_1 === 1) {
            return;
        }
        hideRow_1();
        currentPageNum_1--;
        showCurrentPageNum_1(currentPageNum_1);
        var firstRow = getFirstRow_1(currentPageNum_1);
        var lastRow = getLastRow_1(firstRow);
        for (var i = firstRow; i <= lastRow; i++) {
            var k = i - 1;
            $("#xcdWorkingOrderInfos_tbody tr:eq(" + k + ")").show();
        }
    }

    function getFirstRow_1(currentPageNum_1) {
        return (currentPageNum_1 - 1) * pageCount_1 + 1;
    }

    function getLastRow_1(firstRow) {
        var lastRow = firstRow + pageCount_1 - 1;
        if (lastRow > itemsCount_1) {
            lastRow = itemsCount_1;
        }
        return lastRow;
    }
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
739
莫林毅's avatar
'指标告警明细 悬浮框' 功能
38fe000a
 
莫林毅 committed
740 
</script>
莫林毅's avatar
修改bug .
0e2565e1
 
莫林毅 committed
741 742 
</body>
</html>