wsd
/
resistancemonitor


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892
							<%--
  Created by IntelliJ IDEA.
  User: SamRichard
  Date: 2018/3/1
  Time: 10:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page import="org.apache.commons.lang3.StringUtils" %>
<%@ page import="java.sql.Timestamp" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String prefix = request.getScheme() + "://" + request.getServerName();
    int port = request.getServerPort();
    if (port != 80)
        prefix += ":" + port;
    Boolean bAll = Boolean.FALSE;
    String strAll = (String)request.getParameter("all");
    if (StringUtils.isNotBlank(strAll)){
        bAll = strAll.equalsIgnoreCase("1");
        System.out.println(bAll);
    }
    Boolean bSS = Boolean.FALSE;
    bSS = Boolean.parseBoolean(request.getParameter("ss"));
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>报警统计页面</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-table.min.css">
    <link rel="stylesheet" href="css/sweetalert2.min.css" >
    <link rel="stylesheet" href="css/select2.min.css">
    <link rel="stylesheet" href="css/select2-bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
    <link rel="icon" href="favicon.ico">
    <style type="text/css">
        .handle
        {
            padding-left: 3px;
            padding-right: 3px;
        }
    </style>
</head>
<body>
<div id="pagebody" class="container-fluid">
    <br>
    <form class="form-inline" id="t2">
        <fieldset>
            <div class="row">
                <div class="col-md-2 form-group" style="padding-right: 5px;">
                    <label class="sr-only" for="js-data-ajax-subinfo">分中心</label>
                    <select id="js-data-ajax-subinfo" class="form-control" style="width:100%"></select>
                </div>
                <div class="col-md-4 form-group" style="padding-right: 5px;">
                    <label class="sr-only" for="js-data-ajax-taskinfo">通道名称:</label>
                    <select id="js-data-ajax-taskinfo" class="form-control" style="width: 100%;height: 34px;"></select>
                </div>
                <div class="col-md-1 form-group">
                    <label for="roadtype" class="sr-only">道路类型</label>
                    <select class="form-control" id="roadtype" style="width: 100%">
                        <option value="0" selected>道路类型</option>
                        <option value="1">路面</option>
                        <option value="2">隧道</option>
                    </select>
                </div>
                <div class="col-md-1 form-group">
                    <label for="alarmtype" class="sr-only">报警类型</label>
                    <select class="form-control" id="alarmtype" style="width: 100%">
                        <option value="0" selected>报警类型</option>
                        <option value="80">停驶</option>
                        <option value="83">拥堵</option>
                        <option value="84">行人</option>
                        <option value="85">逆行</option>
                        <option value="87">抛洒物</option>
                        <option value="92">光线异常</option>
                        <option value="93">烟雾</option>
                        <option value="95">低速</option>
                        <option value="94">转动</option>
                        <option value="90">抓拍</option>
                        <option value="82">事故</option>
                    </select>
                </div>
                <div class="col-md-1 form-group">
                    <label for="result" class="sr-only">处理结果</label>
                    <select class="form-control" id="result" style="width: 100%">
                        <option value="-1" selected>处理结果</option>
                        <option value="0">未处理</option>
                        <option value="1">正确</option>
                        <option value="2">误报</option>
                        <option value="3">其他</option>
                    </select>
                </div>
                <div class="col-md-1 form-group">
                    <label for="level" class="sr-only">等级</label>
                    <select class="form-control" id="level" style="width: 100%">
                        <option value="0" selected>报警等级</option>
                        <option value="4">提示</option>
                        <option value="3">告警</option>
                        <option value="2">重要</option>
                        <option value="1">严重</option>
                    </select>
                </div>
                <div class="col-md-1 form-group">
                    <label for="timeslot" class="sr-only">时段</label>
                    <select class="form-control" id="timeslot" style="width: 100%">
                        <option value="0" selected>报警时段</option>
                        <option value="1">白昼</option>
                        <option value="2">黑夜</option>
                        <option value="3">交替</option>
                    </select>
                </div>
                <div class="col-md-1 form-group">
                    <label for="videotype" class="sr-only">视频格式</label>
                    <select class="form-control" id="videotype" style="width: 100%">
                        <option value="0" selected>视频格式</option>
                        <option value="1">SD</option>
                        <option value="2">HD</option>
                        <option value="3">FHD</option>
                    </select>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-md-3 form-group">
                    <label for="dtp_input1" class="control-label">开始时间:</label>
                    <div class="input-group date form_datetime" data-date="2016/09/16 00:00:00+0800" data-date-format="yyyy-mm-dd hh:ii:00" data-link-field="dtp_input1" id="starttime">
                        <input class="form-control" size="16" type="text" value="" readonly>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                    </div>
                    <input type="hidden" id="dtp_input1" value="" /><br/>
                </div>
                <div class="col-md-3 form-group">
                    <label for="dtp_input2" class="control-label">结束时间:</label>
                    <div class="input-group date form_datetime" data-date="22016-09-16T05:25:07+08:00" data-date-format="yyyy-mm-dd hh:ii:00" data-link-field="dtp_input2" id="endtime">
                        <input class="form-control" size="16" type="text" value="" readonly>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                    </div>
                    <input type="hidden" id="dtp_input2" value="" /><br/>
                </div>
                <div class="col-md-1 col-md-offset-4 form-group">
                    <button id="getinfo" type="button" class="btn btn-primary btn-block">统计</button>
                </div>
                <div class="col-md-1 form-group">
                    <button id="showalarm" type="button" class="btn btn-primary btn-block">展示</button>
                </div>
            </div>
        </fieldset>
    </form>
    <br>
    <p class = "bg-success" id = "countalarmresult" style=" padding: 15px;">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        统计结果:&nbsp;一共<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>条报警;&nbsp;&nbsp;
        其中<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>条正确,
        占比<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>%;&nbsp;&nbsp;
        <u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>条未处理,
        占比<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>%.</p>

    <table id="table" data-toolbar="#toolbar"
           data-sort-order="asc" data-sort-name="alarmtime"
           data-sort-field="alarmtime"
            data-unique-id="guid"
           data-show-pagination-switch="false"
           data-pagination="true" data-id-field="guid" data-id-table="advancedTable"
           data-page-list="[10, 50]" data-show-footer="false"
           data-query-params="queryParam" data-response-handler="responseHandler"
           data-side-pagination="server" data-url="getalarmdetail2.cpp?&timestamp=" + <%=System.currentTimeMillis()%>
    >
    </table>

</div>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/highcharts.src.js"></script>
<script src="js/exporting.js"></script>
<script src="js/dark-unica.js"></script>
<script src="js/select2.min.js"></script>
<script src="js/select2-zh-CN.js"></script>
<script src="js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script src="js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script src="js/sweetalert2.min.js"></script>
<script src="js/es6-promise.auto.min.js"></script>

<script>

    //全局变量
    var taskname;
    var alarmtype;
    var roadtype;
    var handleresult;
    var alarmlevel;
    var timeslot;
    var videotype;
    var starttime;
    var endtime;

    var $subinfo = $("#js-data-ajax-subinfo");
    var $taskinfo = $("#js-data-ajax-taskinfo");
    var $alarmtype = $("#alarmtype");
    var $result = $("#result");
    var $level = $("#level");
    var $roadtype = $("#roadtype");
    var $timeslot = $("#timeslot");
    var $videotype = $("#videotype");
    var $startime = $("#starttime");
    var $endtime = $("#endtime");

    var subinfo;
    var taskinfo;

    var subno = "0";
    var taskid = "0";

    //初始函数
    $(function () {

        $roadtype.select2({
            width: 'resolve',
            placeholder: "道路类型"
        });

        //报警类型
        $alarmtype.select2({
            width: 'resolve',
            placeholder: "报警类型"
        });

        //处理结果
        $result.select2({
            width: 'resolve',
            placeholder: "处理结果"
        });

        $level.select2({
            width: 'resolve',
            placeholder: "报警等级"
        })

        $timeslot.select2({
            width: 'resolve',
            placeholder: "报警时段"
        })

        $videotype.select2({
            width: 'resolve',
            placeholder: "视频格式"
        })

        {
            var date = new Date();
            date.setSeconds(0);
            date.setMilliseconds(0);
            date.setMinutes(date.getMinutes() + 1);
            var date2 = new Date(date);
            date2.setHours(date.getHours() - 2);
            $startime.datetimepicker('update', date2);
            $endtime.datetimepicker('update', date);
            //type = 0;
            //starttime = date2.toISOString();
            //endtime = date.toISOString();
        }

        $.get("getsubinfo.cpp", "", function (data) {
            var subdata = new Array();
            subdata[0] = new Object();
            subdata[0].id = "0";
            subdata[0].text = "选择分中心";
            subdata = subdata.concat(data);
            subinfo = $subinfo.select2({
                language: "zh-CN",
                minimumResultsForSearch: Infinity,
                placeholder: "选择分中心",
                data : subdata
            });

           {
                taskinfo = $taskinfo.select2({
                    language: "zh-CN",
                    placeholder: "选择通道",
                    disabled : true,
                    data : null
                });
            }
        });
    })

    function inittaskinfo() {
        $taskinfo.select2({
            language: "zh-CN",
            placeholder: "选择通道",
            disabled : true,
            data : null
        });
    }

    $subinfo.on("select2:select", function (e) {
        inittaskinfo();
        subno = e.params.data.id;
        taskid = "0";
        if (e.params.data.id === "0")
            return ;
        $.get("gettaskinfo.cpp", { subno : e.params.data.id }, function (data) {
            var taskinfodata = new Array();
            taskinfodata[0] = new Object();
            taskinfodata[0].id = "0";
            taskinfodata[0].text = "选择通道(全部通道)";
            taskinfodata = taskinfodata.concat(data);
            taskinfo = $taskinfo.select2({
                language: "zh-CN",
                placeholder: "选择通道(全部通道)",
                disabled : false,
                data : taskinfodata
            })
        })
    });

    $taskinfo.on("select2:select", function (e) {
        taskid = e.params.data.id;
    });

    $("#getinfo").click(function () {
        taskname = $taskinfo.select2("val");
        if (taskname == "0" || taskname == null)
            taskname = '';
        alarmtype = $alarmtype.select2("val");
        roadtype = $roadtype.select2("val");
        handleresult = $result.select2("val");
        alarmlevel = $level.select2("val");
        timeslot = $timeslot.select2("val");
        videotype = $videotype.select2("val");
        starttime = $("#dtp_input1").val();
        endtime = $("#dtp_input2").val();
        countData();
    });
    
    function countData() {
        $("#countalarmresult").removeClass("bg-success");
        $("#countalarmresult").addClass("bg-primary");
        var date = new Date(Date.parse(starttime.replace(/-/g, "/")));
        var date2 = new Date(Date.parse(endtime.replace(/-/g, "/")));
        if (date > date2)
        {
            swal({
                title: 'Sorry!',
                text: '查询时间有误.',
                timer: 1500,
                confirmButtonText: "确定"
            }).then(
                function () {},
                // handling the promise rejection
                function (dismiss) {
                    if (dismiss === 'timer') {
                        console.log('I was closed by the timer')
                    }
                }
            );
            return ;
        };

        $.get("countalarmresult.cpp", {
            taskname : taskname,
            roadtype : roadtype,
            alarmtype : alarmtype,
            result : handleresult,
            level : alarmlevel,
            timeslot : timeslot,
            videotype : videotype,
            starttime : starttime,
            endtime : endtime,
            all: <%=strAll%>
        }, function (data) {
            $("#countalarmresult").html(
                "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
                "统计结果:&nbsp;一共<u>&nbsp;&nbsp;" + data.total + "&nbsp;&nbsp;</u>条报警; &nbsp;&nbsp;"+
                "其中<u>&nbsp;&nbsp;" + data.right + "&nbsp;&nbsp;</u>条正确, " +
                "占比<u>&nbsp;&nbsp;" + data.rightrate / 10.0 + "&nbsp;&nbsp;</u>%;&nbsp;&nbsp;" +
                "<u>&nbsp;&nbsp;" + data.unhandle + "&nbsp;&nbsp;</u>条未处理, " +
                "占比<u>&nbsp;&nbsp;" + data.unhandlerate / 10.0 + "&nbsp;&nbsp;</u>%."
            );
            $("#countalarmresult").removeClass("bg-primary");
            $("#countalarmresult").addClass("bg-success");
        });
    };

    $("#showalarm").click(function () {
        taskname = $taskinfo.select2("val");
        if (taskname == "0" || taskname == null)
            taskname =  undefined;
        alarmtype = $alarmtype.select2("val");
        roadtype = $roadtype.select2("val");
        handleresult = $result.select2("val");
        alarmlevel = $level.select2("val");
        timeslot = $timeslot.select2("val");
        videotype = $videotype.select2("val");
        starttime = $("#dtp_input1").val();
        endtime = $("#dtp_input2").val();

        $table.bootstrapTable('refresh');
        //$table.bootstrapTable('refresh',
        //    {url:url});
        /*
        swal({
            title: 'Sorry!',
            text: '暂时未实现此功能.',
            timer: 1500,
            confirmButtonText: "确定"
        }).then(
            function () {},
            // handling the promise rejection
            function (dismiss) {
                if (dismiss === 'timer') {
                    console.log('I was closed by the timer')
                }
            }
        );
        */
    });

    //表格
    var $table = $('#table');
    function initTable() {
        $table.bootstrapTable({
            //height: getHeight(),
            queryParams:function(params){
                params.taskname = taskname;
                params.roadtype = roadtype;
                params.alarmtype = alarmtype;
                params.result = handleresult;
                params.level = alarmlevel;
                params.timeslot = timeslot;
                params.videotype = videotype;
                params.starttime = starttime;
                params.endtime = endtime;
                if (<%=StringUtils.isNotBlank(strAll)%>)
                    params.all = 1;
                return params;
            },
            exportDataType: "basic",
            columns: [[{
                field: 'guid',
                title: "GUID",
                visible: false
            }, {
                title: '通道名称',
                field: 'taskname',
                align: 'center',
                valign: 'middle',
                sortable: true,
                //filterControl:"select",
            }, {
                field: 'alarmtime',
                title: '报警时间',
                searchable: true,
                align: 'center',
                valign: 'middle',
                sortable: true
            }, {
                field: 'alarmtype',
                title: '报警类型',
                searchable: true,
                align: 'center',
                valign: 'middle',
                filterControl:"select",
                formatter: function (value) {
                    return getAlarmTypeName(value);
                }
                //visible: false,
            }, {
                field: 'result',
                title: '处理结果',
                align: 'center',
                valign: 'middle',
                formatter: function (value) {
                    return getResult(value);
                }
            }, {
                field: 'level',
                title: '报警等级',
                align: 'center',
                valign: 'middle',
                formatter: function (value) {
                    return getLevel(value);
                }
            }, {
                field: 'mark',
                title: '备注',
                align: 'center',
                valign: 'middle',
            }, {
                field: 'pic',
                title: '报警图片',
                //align: 'center',
                //valign: 'middle',
                //searchable: false,
                width:317,
                events: operateEvents,
                formatter: operateFormatter3
            }, {
                field: 'video',
                title: '报警录像',
                align: 'center',
                width:317,
                valign: 'middle',
                events: operateEvents,
                formatter: operateFormatter4
            }
            ],]
        });
        // sometimes footer render error.
        setTimeout(function () {
            $table.bootstrapTable('resetView');
        }, 200);
        $table.on('expand-row.bs.table', function (e, index, row, $detail) {

        });
        $table.on('all.bs.table', function (e, name, args) {
            console.log(name, args);
        });
        $(window).resize(function () {
            $table.bootstrapTable('resetView', {
                height: getHeight()
            });
        });
    }

    function queryParam(params) {
        return params;
    }

    function getFilterResult(result) {
        switch (result){
            case  -1:
                return "未过滤";
            case 0:
                return "匹配到一致";
            case 1:
                return "匹配到相似";
            case 2:
                return "匹配到部分相似";
            case 3:
                return "未匹配到";
            case 4:
                return "宽高比例过滤";
            case 5:
                return "最小像素值过滤";
            case 6:
                return "连续播报过滤";
            case 7:
                return "水平框过滤";
            case 8:
                return "行人报警过滤";
            case 10:
                return "白线过滤";
            case 11:
                return "梯形过滤";
            case 12:
                return "树叶过滤";
            case 13:
                return "地面过滤";
            case 14:
                return "无明显无标过滤";
            case 15:
                return "最小高度过滤";
            case 18:
                return "分类器过滤";
            case 20:
                return "夜晚亮度过滤";
            default:
                return result;
        }
    }

    function getLevel(level) {
        switch (level){
            case 1:
                return "紧急";
            case 2:
                return "重要";
            case 3:
                return "警告";
            case 4:
                return "提示";
            default:
                return "未知";
        }
    }

    function getResult(result) {
        switch (result) {
            case 0:
                return "未处理";
            case 1:
                return "已处理";
            case 2:
                return "误报警";
            default :
                return "其他";
        }
    }

    function getAlarmTypeName(alarmtype) {
        switch (alarmtype){
            case 0x50:
                return "停驶";
            case 0x51:
                return "超速";
            case 0x52:
                return "事故";
            case 0x53:
                return "拥堵";
            case 0x54:
                return "行人";
            case 0x55:
                return "逆行";
            case 0x56:
                return "火灾";
            case 0x57:
                return "抛洒物";
            case 0x58:
                return "排队超限";
            case 0x59:
                return "交通状态信息";
            case 0x5a:
                return "抓拍";
            case 0x5b:
                return "抓拍";
            case 0x5c:
                return "光线异常";
            case 0x5d:
                return "烟雾";
            case 0x5e:
                return "转动";
            case 0x5f:
                return "低速";
            case 0xFF:
                return "测试";
            default:
                return "未知";
        }
    }

    function responseHandler(res) {
        return res;
    }

    function detailFormatter(index, row) {

        var html = [];
        html.push('<div class="well well-sm">');
        html.push('<ul>');
        html.push('<li>GUID:' + row.guid);
        html.push('<li>通道名称:' + row.taskname);
        html.push('<li>报警时间:' + row.alarmtime);
        html.push('<li>报警类型:' + getAlarmTypeName(row.alarmtype));
        html.push('<li>报警等级:' + getLevel(row.level));
        if (row.result === 0) {
            html.push('<li>处理结果:未处理');
        } else if (row.result === 1) {
            html.push('<li>处理结果:已处理');
            html.push('<li>处理信息:' + row.mark);
        } else if (row.result === 2) {
            html.push('<li>处理结果:误报警');
            html.push('<li>误报信息:' + row.mark);
        }
        var filefullname = "http://<%=request.getServerName()%>:<%=request.getServerPort()%>/DB/pic/" + row.imagepath1 + ".jpg";
        //var filefullname = "http://192.168.2.251:21006/DB/pic/" + row.imagepath1 + ".jpg";
        html.push('<li>报警图片:<img src="' + filefullname + '" width="352" height="288" />');
        html.push('</ul>');
        html.push('</div>');
        return html.join('');
    }

    function operateFormatter2(value, row, index) {
        return [
            '<a class="handle" title="查看图片" data-guid="' + row.guid + '" onclick="viewpic(this)">',
            '<i class="glyphicon glyphicon-picture"></i>', '</a>',
            '<a class="handle" title="查看录像" data-guid="' + row.guid + '" onclick="viewvideo(this)">',
            '<i class="glyphicon glyphicon-facetime-video"></i>', '</a>']
            .join('');
    };

    function operateFormatter3(value, row, index) {
        var picpath = "http://<%=request.getServerName()%>:<%=request.getServerPort()%>/DB/pic/" + row.imagepath1 + ".jpg";
        return [
            '<a target="_blank" href=' + picpath + '>',
                '<img src=' + picpath + ' alt="" width=300 height=180/>',
            '</a>'
        ].join('');
    };

    /*
    function operateFormatter4(value, row, index) {
        var picpath = "http://<%=request.getServerName()%>:<%=request.getServerPort()%>/DB/video/" + row.imagepath1 + ".mp4";
        return [
            '<a class="handle" title="下载录像" href="' + picpath + '" download="{' + row.guid + '}.mp4">',
            '<i class="glyphicon glyphicon-facetime-video"></i>', '</a>'
        ].join(''); preload="auto"
    };
    */
    function operateFormatter4(value, row, index) {
        var picpath = "http://<%=request.getServerName()%>:<%=request.getServerPort()%>/DB/video/" + row.imagepath1 + ".mp4";
        return [
            '<a target="_blank" href=' + picpath + '>',
            '<video controls="controls"  src=' + picpath + ' width=300 height=180/>',
            '</a>'
        ].join('');
    };

    function removealarm(t) {
        if (t.dataset.guid){
            $.post("deletealarm.cpp", {guid : t.dataset.guid}, function (data, status) {
                if (data)
                {
                    swal({
                        title: 'success',
                        text: '删除成功.',
                        type: 'success',
                        timer: 2500,
                        confirmButtonText: "确定"
                    }).then(
                        function () {},
                        // handling the promise rejection
                        function (dismiss) {
                            if (dismiss === 'timer') {
                                console.log('I was closed by the timer')
                            }
                        }
                    );
                    var obj = $table.bootstrapTable('removeByUniqueId', t.dataset.guid);
                    return ;
                }
                swal({
                    title: 'error!',
                    text: '删除失败.',
                    timer: 2500,
                    type: 'error',
                    confirmButtonText: "确定"
                }).then(
                    function () {},
                    // handling the promise rejection
                    function (dismiss) {
                        if (dismiss === 'timer') {
                            console.log('I was closed by the timer')
                        }
                    }
                );
            });
        }

    }

    function viewvideo(t) {

        var isIE=window.ActiveXObject || "ActiveXObject" in window
        if (isIE)
        {
            swal({
                title: 'Sorry!',
                text: '暂时未实现此功能.',
                timer: 2500,
                confirmButtonText: "确定"
            }).then(
                function () {},
                // handling the promise rejection
                function (dismiss) {
                    if (dismiss === 'timer') {
                        console.log('I was closed by the timer')
                    }
                }
            );
        }
        else
        {
            swal({
                title: 'Sorry!',
                text: '暂时只支持IE11版本以上.',
                timer: 2500,
                confirmButtonText: "确定"
            }).then(
                function () {},
                // handling the promise rejection
                function (dismiss) {
                    if (dismiss === 'timer') {
                        console.log('I was closed by the timer')
                    }
                }
            );
        }
    }

    function viewpic(t) {
        if (t.dataset.guid) {
            var obj = $table.bootstrapTable('getRowByUniqueId', t.dataset.guid);
            //var filefullname = "ftp://12.1.89.30:21010/pic/" + obj.imagepath1 + ".jpg";
            var filefullname = "http://<%=request.getServerName()%>:<%=request.getServerPort()%>/DB/pic/" + obj.imagepath1 + ".jpg";
            console.log(filefullname);
            swal({
                title: getAlarmTypeName(obj.alarmtype),
                text: obj.taskname,
                //imageUrl: 'https://unsplash.it/400/200/?random',
                //imageUrl: 'ftp://127.0.0.1:21010/pic/201612/{D7EE7FCC-CC00-466A-94E8-CEFEB20CB5F7}.jpg',
                imageUrl: filefullname,
                //imageWidth: 400,
                //imageHeight: 400,
                animation: false,
                confirmButtonText: "关闭"
            }).catch(swal.noop)
        }
    }

    window.operateEvents = {};

    function getHeight() {
        return $(window).height();
        //return $(window).height() - $('h1').outerHeight(true);
        return $(window).height() - $('.page-footer').outerHeight(true)
            - $('.page-header').outerHeight(true);
    }

    $(function () {
        var scripts = [
            //location.search.substring(1) ||
            'js/bootstrap-table.min.js', 'js/bootstrap-table-zh-CN.min.js',
            'js/bootstrap-table-export.min.js', 'js/tableExport.js',
            'js/bootstrap-table-editable.min.js',
            //"js/bootstrap-table-filter-control.js",
            //'js/bootstrap-editable.js',
            'js/bootstrap-table-toolbar.min.js'], eachSeries = function (arr, iterator, callback) {
            callback = callback || function () {
                };
            if (!arr.length) {
                return callback();
            }
            var completed = 0;
            var iterate = function () {
                iterator(arr[completed], function (err) {
                    if (err) {
                        callback(err);
                        callback = function () {
                        };
                    } else {
                        completed += 1;
                        if (completed >= arr.length) {
                            callback(null);
                        } else {
                            iterate();
                        }
                    }
                });
            };
            iterate();
        };
        eachSeries(scripts, getScript, initTable);
    });

    function getBrowserInfo(){
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/;
        var m = ua.match(re);
        Sys.browser = m[1].replace(/version/, "'safari");
        Sys.ver = m[2];
        return Sys;
    }

    function getScript(url, callback) {
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.src = url;
        var done = false;
        // Attach handlers for all browsers
        script.onload = script.onreadystatechange = function () {
            if (!done
                && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
                done = true;
                if (callback)
                    callback();
                // Handle memory leak in IE
                script.onload = script.onreadystatechange = null;
            }
        };
        head.appendChild(script);
        // We handle everything using the script element injection
        return undefined;
    }
</script>
</body>
</html>