InsideXcd.jsp 20.5 KB
Newer Older
afe's avatar
afe 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 26 27 28 29 30 31 32 33
<%--
  Created by IntelliJ IDEA.
  User: afe
  Date: 2017/11/1
  Time: 16:52
  To change this template use File | Settings | File Templates.
--%>
<%@ 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}"/>

<!-- add by wang feng -->

<!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">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/demo.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/component.css" />

afe's avatar
afe committed
34

afe's avatar
afe committed
35 36 37 38 39 40
    <script src="${ctx}/static/js/modernizr.custom.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/classie.js"></script>

    <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>

41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
    <style>
        .dialog-p{
            position:relative;
            width:890px;
        }
        th{
            text-align:center;
        }
        .panel-body {
            padding: 0px;
        }
        .table{
            margin-bottom: 0px;
        }
    </style>
afe's avatar
afe committed
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

</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_home"  href="${ctx}/MonitorOperation/WorkingOrderManage">预警和隐患维护</a></li>
                <li><a id="a_home1" href="${ctx}/MonitorOperation/WarnAnalysis">告警统计</a> </li>
                <li><a id="a_profile" href="${ctx}/MonitorOperation/WarnAnalysisDetail">告警明细</a> </li>
                <li class="active"><a id="a_insideXcd" href="#home" data-toggle="tab">内部协查单管理</a> </li>
            </ul>
        </div>
        <div class="section">

            <div class="tab-content">
                <!--  ------------------------------------------------   内部协查单查询结果页面     ---------------------------------------------------------------- -->
                <div class="tab-pane fade in active" id="home">
                    <div class="row me-row">

                        <div id="slidePushMenus" class="cbp-spmenu-push" >
                            <div class="slideMenu" id="cbp-spmenu-s1" >
                                <div class="form">
                                    <%-- 筛选项--%>
afe's avatar
afe committed
94 95
                                        <tags:PeriodTag />
                                        <%--<tags:WS_REWT />--%>
afe's avatar
afe committed
96 97
                                        <tags:JCS_datasource_channle/>
                                        <tags:XCD_WarningSource />
afe's avatar
afe committed
98
                                        <%--<tags:ImportanceLevelTag />--%>
afe's avatar
afe committed
99
                                        <tags:GJFX_Provider_Province />
afe's avatar
afe committed
100

afe's avatar
afe committed
101 102 103 104 105 106
                                        <!--  										tag:XCD_IfClosed />       -->
                                        <div id="workingOrderIDDiv" class="slide-menu-option">
                                            <label for="">协查单编号</label>&nbsp;&nbsp;
                                            <input id="workingOrderID" class="form-control" type="text" style="width:250px;" onFocus="">
                                        </div>

afe's avatar
afe committed
107 108
                                        <button id="submit" class="btn btn-primary">提交</button>
                                        <%--<button id="reset" class="btn btn-warning" onclick="Reset()" >重置</button>--%>
afe's avatar
afe committed
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

                                </div>
                            </div>

                            <div class="main col-xs-12">
                                <div id="mainm2" class="mainm" ></div>
                                <div class="content clearfix">
                                    <div class="block clearfix">
                                        <button id="showLeftPush2" class="menu-trigger btn btn-default" onclick="toggleMenu('slidePushMenus')">
                                            <span class="glyphicon glyphicon-list"></span>
                                        </button>
                                        <div class="slide-menu-tags">
                                            <span id="warningSource2" class="label label-info" data-placement="bottom"></span>
                                            <span id="PeriodTag3" class="label label-info" data-placement="bottom"></span>
                                            <span id="ProviderTag" class="label label-info" data-placement="bottom"></span>
                                            <span id="ProvinceTag" class="label label-info" data-placement="bottom"></span>
                                            <span id="DataSourceTag" class="label label-info" data-placement="bottom" ></span>
                                            <span id="ChannelTag3" class="label label-info" data-placement="bottom"></span>
                                            <span id="ImportanceLevelTag" class="label label-info" data-placement="bottom"></span>
                                            <span id="suboriginTag" class="label label-info" data-placement="bottom"></span>
                                            <span id="xcdcodeid" class="label label-info" data-placement="bottom"></span>
                                            <span id="IfClosedTag3" data-placement="bottom">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>

                                        </div>
                                        <div class="bt-list-import">
                                            <a href="#" id="upload" 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">协查单列表
                                                <shiro:hasAnyRoles name="admin,dataAnalysis,businessAnalysis">
                                                    <div class="bt-list-import" >
afe's avatar
afe committed
145
                                                        <input type="button" id="createXcd" class="btn btn-primary" style="margin-right:13px;" value="下发协查单" disabled=true onclick="">
afe's avatar
afe committed
146 147 148
                                                    </div>
                                                </shiro:hasAnyRoles>
                                            </div>
afe's avatar
afe committed
149 150 151 152
                                            <table id="xcdResultTable" class="table table-hover table-striped">

                                            </table>
                                            <input type="hidden" id="wadt" name="wadt" value='${insideXcdWorkingOrderInfos}' />
153
                                            <input type="hidden" id="xcdWarningInfoJson" name="xcdWarningInfoJson" value='${xcdWarningInfoJson}' />
afe's avatar
afe committed
154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174
                                        </div>
                                    </div>




                                    <!--  刷新分页	                 tags:WorkingOrader_pagination page="${xcdWorkingOrderInfoS}"
													paginationSize="${pageSize}" />      -->
                                </div>
                            </div>





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

                <form action="#" method="get" id="listForm"></form>

afe's avatar
afe committed
175
                <%--<input type="hidden" id="checkRelXcdJson" value="">--%>
afe's avatar
afe committed
176 177 178 179 180 181

            </div>
        </div>

    </div>
</div>
afe's avatar
afe committed
182 183 184 185 186 187 188
<script type="text/javascript" src="${ctx}/static/js/insideXcdWarningTable.js"></script>
<script type = "text/javascript">


    $(function(){
        //初始化
        xcdFindTable();
afe's avatar
afe committed
189
        initDate();
afe's avatar
afe committed
190
        //筛选项提交按钮
afe's avatar
afe committed
191 192
        $("#submit").click(searchTable);
        function searchTable(){
afe's avatar
afe committed
193 194 195 196 197 198 199 200 201 202 203
            var href;
            if($('#workingOrderID').val()==null||$('#workingOrderID').val()==""){//协查单编号为空
                if(getStatsDataSourceCheckedValues().length==0){	$.alert('数据来源选择不能为空!');}
                if(getStatsChannelCheckedValues().length==0){	$.alert('渠道选择不能为空!');}
                if(getProviderCheckedValues().length==0){	$.alert('集成商选择不能为空!');}
                if(getProvinceCheckedValues().length==0){	$.alert('省份选择不能为空!');}
                else{
                    href="${ctx}/MonitorOperation/InsideXcd/changeTable?"
                        + "PeriodTag=" + getPeriodStr()//时间筛选
                        + "&DataSourceTag="+ getStatsDataSourceCheckedValues()//数据来源
                        + "&ChannelTag=" + getStatsChannelCheckedValues()//渠道
204
                        + "&warningSourceTag=" + getWarningSource3()//告警来源
afe's avatar
afe committed
205 206 207 208 209 210 211 212 213 214 215 216
                        + "&ProviderTag=" + getProviderCheckedValues()//集成商
                        + "&ProvinceTag="+getProvinceCheckedValues();//省份
                    $.ajax({
                        type : 'GET',
                        contentType : 'application/json',
                        url: href,
                        dataType : 'text',
                        beforeSend: function(data) {},
                        success: function(data) {
                            $("#wadt").val(data);//将数据临时存入hidden
                            xcdFindTable();
                            toggleMenu('slidePushMenus');//隐藏筛选项
217
                            updateTag(true);
afe's avatar
afe committed
218 219 220
                        }
                    });
                }
afe's avatar
afe committed
221
            }else{
afe's avatar
afe committed
222
                href="${ctx}/MonitorOperation/InsideXcd/changeTable?WorkingOrderCode="+$('#workingOrderID').val();
afe's avatar
afe committed
223 224
                <%--upLoadExcel="${ctx}/MonitorOperation/WarnAnalysisDetail/upLoadExcel?WorkingOrderCode="+$('#WorkingOrderCode').val();--%>

afe's avatar
afe committed
225
                $.ajax({
afe's avatar
afe committed
226
                    type : 'GET',
afe's avatar
afe committed
227
                    contentType : 'application/json',
afe's avatar
afe committed
228
                    url: href,
afe's avatar
afe committed
229
                    dataType : 'text',
afe's avatar
afe committed
230
                    beforeSend: function(data) {},
afe's avatar
afe committed
231
                    success: function(data) {
afe's avatar
afe committed
232 233 234 235
                        $("#wadt").val(data);
                        xcdFindTable();
                        toggleMenu('slidePushMenus');//隐藏筛选项
//                        updateTag(false);
afe's avatar
afe committed
236 237 238 239
                    }
                });
            }

afe's avatar
afe committed
240 241 242 243 244 245 246 247 248 249 250 251 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
        }
        function getUrlParams() {
            //获取当前URL地址
            var search = window.location.search;
            //从search中抽取从 1 开始到search.length字符,并以&分割获取写入字符串
            var tmparray = search.substr(1, search.length).split("&");
            var paramsArray = new Array;
            if (tmparray != null) {
                for (var i = 0; i < tmparray.length; i++) {
                    // 用=进行拆分,但不包括==
                    var reg = /[=|^==]/;
                    //用&替换reg
                    var set1 = tmparray[i].replace(reg, '&');
                    //以&分割获取
                    var tmpStr2 = set1.split('&');
                    var array = new Array;
                    array[tmpStr2[0]] = tmpStr2[1];
                    // 将array添加到paramsArray中,并返回长度
                    paramsArray.push(array);
                }
            }
            // 返回参数数组
            return paramsArray;
        }
        //根据参数名称获取参数值
        function getParamValue(name) {
            var paramsArray = getUrlParams();
            if (paramsArray != null) {
                for (var i = 0 ; i < paramsArray.length ; i++) {
                    for (var j in paramsArray[i]) {
                        if (j == name) {
                            return paramsArray[i][j];
                        }
                    }
                }
            }
            return null;
        }
        var returninfo2;
        returninfo2=getParamValue("returninfo");
        var relatedId = getParamValue("relatedId");
        if(returninfo2!=null){
            $.alert(decodeURIComponent(returninfo2)+relatedId);
        }
        if(relatedId !=null){
            $('#workingOrderID').val(relatedId);
            searchTable();
            toggleMenu('slidePushMenus');//隐藏筛选项
        }

    });

    $("#createXcd").click(function(){
      console.log(xcdId)
        var xcdids = xcdId.split(",");
        var msg ="";
        for(var i=0;i<xcdids.length;i++) {
            if (i == xcdids.length - 1) {
                msg += "$"
            } else {
                msg += "$,"
            }
        }
        openwin("${ctx}/MonitorOperation/WorkingOrderCreate?warningId="+xcdId+"&msg="+msg);

afe's avatar
afe committed
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 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 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395
    function getCol(json,name){return (json[name]!=null)?json[name]:'';}//防止空值时出现undefined
    function batchOpenDialog(ids) {
        if(ids.length>10){
            $.alert("批量结果预览最多展示10条数据");
            return
        }
        var data = JSON.parse($('#xcdWarningInfoJson').val());

        showIds=ids;
        var content ="<div class='dialog-p' style='max-height: 560px; overflow-y: scroll; overflow-x: auto;'>" +
            "    <div class='col-xs-12'>" +
            "        <div class='panel panel-default'>" +
            "            <div class='panel-heading'>告警明细</div>" +
            "            <div class='panel-body'>"+
            "                <table class='table table-vertical'>";
        ids.forEach(function (t) {

            data.forEach(function (t1) {
                console.log(t1)
                if(t1.warningId === t){
                    content= content+"<tr><td>";

                    content = content +"<table class='table table-vertical'>" +
                        "    <tr>" +
                        "        <td>告警标题</td>" +
                        "        <td colspan='5'>"+getCol(t1,'warningTitle')+"</td>" +
                        "        <td> 告警ID</td>" +
                        "        <td>"+getCol(t1,'warningId')+"</td>" +
                        "    </tr>" +
                        "    <tr>" +
                        "        <td width='10%'>省份</td>" +
                        "        <td>"+getCol(t1,'provinceName')+"</td>" +
                        "        <td width='10%'>数据来源</td>" +
                        "        <td>"+getCol(t1,'dataSourceName')+"</td>" +
                        "        <td width='10%'>业务</td>" +
                        "        <td>"+getCol(t1,'businessName')+"</td>" +
                        "        <td width='10%'>渠道</td>" +
                        "        <td>"+getCol(t1,'channelName')+"</td>" +
                        "    </tr>" +
                        "    <tr>" +
                        "        <td>指标编码</td>" +
                        "        <td>"+getCol(t1,'kpiCode')+"</td>" +
                        "        <td>指标名称</td>" +
                        "        <td>"+getCol(t1,'kpiName')+"</td>" +
                        "        <td>相关集成商</td>" +
                        "        <td>"+getCol(t1,'providerName')+"</td>" +
                        "        <td>告警级别</td>" +
                        "        <td>"+getCol(t1,'importanceLevelName')+"</td>" +
                        "    </tr>" +
                        "    <tr>" +
                        "        <td>配置项编码</td>" +
                        "        <td>"+getCol(t1,'ciCode')+"</td>" +
                        "        <td>配置项名称</td>" +
                        "        <td>"+getCol(t1,'ciName')+"</td>" +
                        "        <td>关闭类型</td>" +
                        "        <td>"+getCol(t1,'closestatus')+"</td>" +
                        "        <td>告警状态</td>" +
                        "        <td>"+getCol(t1,'warningstatus')+"</td>" +
                        "    </tr>" +
                        "    <tr>" +
                        "        <td>发生时间</td>" +
                        "        <td>"+((t1['occurTime']!=null)?df.format(new Date(t1['occurTime'])):"")+"</td>" +
                        "        <td>结束时间</td>" +
                        "        <td>"+((t1['closeTime']!=null)?df.format(new Date(t1['closeTime'])):"")+"</td>" +
                        "        <td>协查单号</td>" +
                        "        <td>"+getCol(t1,'workingOrderCode')+"</td>" +
                        "        <td>故障单号</td>" +
                        "        <td>"+getCol(t1,'relevantFailureId')+"</td>" +
                        "    </tr>" +
                        "    <tr>" +
                        "        <td>模型名称</td>" +
                        "        <td>"+getCol(t1,'dataModelName')+"</td>" +
                        "        <td width='10%'>模型类型</td>" +
                        "        <td>"+getCol(t1,'dataModelTypeName')+"</td>" +
                        "        <td width='10%'>告警来源</td>" +
                        "        <td>"+getCol(t1,'warningSourceName')+"</td>" +
                        "        <td>告警类型</td>" +
                        "        <td>"+getCol(t1,'riskEarlyWarningTypeName')+"</td>" +
                        "    </tr>" +
                        "    <tr>" +
                        "        <td>告警描述</td>" +
                        "        <td colspan='7'><input class='alarmMsg' type='text' class='form-control'></td>" +
                        "    </tr>" +
                        "    <tr>" +
                        "        <td colspan='8' align='center'>图表展示</td>" +
                        "    </tr>" +
                        "    <tr>" +
                        "        <td colspan='8'>" +
                        "            <div class=''>" +
396
                        "                <iframe id='ewarningIf' style='height:560px;padding: 7px;' scrolling='no' src='${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&wrapper=false&height=534&WarningID="+getCol(t1, 'warningId')+ "&WarningSourceTag="+getCol(t1, 'warningSourceId')+ "&ctx=${ctx}" +"'></iframe>" +
397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424
                        "            </div>" +
                        "        </td>" +
                        "    </tr>" +
                        "</table>";

                    <%--"                <iframe id='ewarningIf' style='height:560px;padding: 7px;' scrolling='no' src='${biserver_config}&path=MonitorOperation/WarnAnalysis&action=GJFX_DETAIL_RELATED_EWARN.xaction&wrapper=false&height=534&WarningID="+getCol(data, 'warningId ')+ "&WarningSourceTag="+getCol(data, 'warningSourceId ')+ "&ctx=${ctx}" +"'>" +--%>
                    content= content+"</td></tr><tr><td><br></td></tr>";
                }
            })

        });
        content = content+"</table></div></div></div>";
        $.dialog({
            title:'告警明细相关信息页面  告警ID:'+ids,
            content:content,
            lock: true
        });


    }
    function downloadFile(e){
        var url = "${ctx}/MonitorOperation/InsideXcd/downloadFile";
        var fileName = e.id;
        var form = $("<form></form>").attr("action", url).attr("method", "POST");
        form.append($("<input/>").attr("type", "hidden").attr("name", "fileName").attr("value", fileName));
        form.appendTo('body').submit().remove();
    }

afe's avatar
afe committed
425 426 427 428 429 430 431
    function openwin(url) {
        var a = document.createElement("a"); //创建a对象
        a.setAttribute("href", url);
        a.setAttribute("target", "_blank");
        a.setAttribute("id", "camnpr");
        document.body.appendChild(a);
        a.click(); //执行当前对象
afe's avatar
afe committed
432

afe's avatar
afe committed
433
    }
afe's avatar
afe committed
434
</script>
afe's avatar
afe committed
435 436 437 438 439


</body>
</html>