wsd
/
resistancemonitor


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410
							<%@ page import="org.apache.commons.lang3.StringUtils" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
    String taskname = (String)request.getParameter("taskname");
%>
<!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="icon" href="favicon.ico">
</head>
<body>
<div class="container-fluid">
    <table id="table"
           data-sort-order="desc" data-sort-name="alarmtime"
           data-sort-field="alarmtime" data-show-refresh="false"
           data-unique-id="guid"
           data-minimum-count-columns="2" 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-side-pagination="server" data-url="getlastrtinfo.cpp?<%=request.getQueryString() + "&timestamp=" + System.currentTimeMillis()%>"
           data-response-handler="responseHandler">
    </table>
    <!--data-filter-control="true" data-filter-show-clear="true"-->
</div>

<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/sweetalert2.min.js"></script>
<!-- for IE support -->
<script src="js/es6-promise.auto.min.js"></script>
<!-- END FOOTER -->
<script>

    var $modal = $('#exampleModal');

    var recipient;

    var curindex;

    function queryParam(params) {
        return params;
    }

    //表格
    var $table = $('#table');
    function initTable() {
        $table.bootstrapTable({
            height: getHeight(),
            exportDataType: "basic",
            columns: [[{
                title: '通道名称',
                field: 'taskname',
                align: 'center',
                valign: 'middle',
                sortable: true,
                //filterControl:"select",
            }, {
                field: 'alarmtime',
                title: '统计时间',
                searchable: true,
                align: 'center',
                sortable: true
            }, {
                title: '方向',
                field: 'laneindex',
                align: 'center',
                formatter: function (value) {
                    if (value === 1) {
                        return "上行";
                    }
                    else if (value === 0) {
                        return "下行";
                    }
                    else if (value === 2){
						return "出高速";
                    }
					else if (value === 3){
						return "进高速";
					}
                }
            }, {
                title: '方向名称',
                field: 'laneno',
                align: 'center',
                formatter: function (value) {
                    if (value === 1) {
                        return "正向";
                    }
                    else if (value === 0) {
                        return "反向";
                    }
                    else {
                        return getLaneName(value);
                    }
                }
            }, {
                field: 'uwJam',
                title: '交通状态',
                align: 'center',
                formatter: function (value) {
                    return getJam(value);
                }
            }, {
                field: 'udwFlux',
                title: '车流量',
                align: 'center',
            }, {
                field: 'udwSpeed',
                title: '车速',
                align: 'center',
                formatter: function (value) {
                    if (value === 0)
                        return "-";
                    return value + " km/h";
                }
            }, {
                field: 'udwSpace',
                title: '车间距',
                align: 'center',
                formatter: function (value) {
                    if (value === 0)
                        return "-";
                    return value;
                }
            }, {
                field: 'uwDensity',
                title: '车辆密度',
                align: 'center',
                formatter: function (value) {
                    if (value === 0)
                        return "-";
                    return value;
                }
            }, {
                field: 'uwOccupancy',
                title: '车道占有率',
                align: 'center',
                formatter: function (value) {
                    return value + " ‰";
                }
            }],]
        });
        // 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 refreshtable() {
        $table.bootstrapTable('refresh', null);
        setTimeout(refreshtable, 15000);
    }

    var refresh = setTimeout(refreshtable, 15000);

    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 15:
                return "最小高度过滤";
            default:
                return result;
        }
    }

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

    function getJam(result) {
        switch (result){
            case 1:
                return "畅通";
            case 2:
                return "基本畅通";
            case 3:
                return "轻度拥堵";
            case 4:
                return "中度拥堵";
            case 5:
                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 0xFF:
                return "测试";
            default:
                return "未知";
        }
    }

    function getLaneName(laneno)
    {
        switch (laneno)
        {
            case 92:
                return "福建方向";
            case 91:
                return "安徽方向";
            case 273:
            case 301678153:
                return "江西方向";
			case 270:
				return "杭州方向";
			case 271:
				return "上海方向";
            case 272:
            case 1028415928:
            case 404:
                return "杭州方向";
            case 401:
                return "金华方向";
            case 402:
                return "宁波方向";
            case 403:
                return "东阳方向";
            case 2135407016:
                return "友谊关方向";
            case 2135407017:
                return "南宁方向";
            case 2135407014:
                return "靖西方向";
            case 2135407015:
                return "崇左方向";
            case 0:
            case undefined:
                return "未知";
            default:
                return laneno;
        }
    }


    function getIdSelections() {
        return $.map($table.bootstrapTable('getSelections'), function (row) {
            return row.guid
        });
    }
    function responseHandler(res) {
        return res;
    }

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