<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-treeview.css">
    <link rel="stylesheet" href="../css/sjfx.css">
    <title>数据分析</title>
</head>
<body>
<div id="page-sy">
    <div class="right-nav">
        <div class="tab-content content-sjfx">
            <div role="tabpanel" class="tab-pane active" id="sjfx1">
                <div id="gcjl_s" class="div-right">
                    <div v-show="qh_show" class="dwxx">
                        <div class="div-right-top">
                            <span class="pub-span">点位名称：</span>
                            <input type="text" class="form-control input-pub" id="dwmc">
                            <span class="pub-span">告警时间：</span>
                            <input type="text" class="form-control input-pub" id="kssj_gcjl">
                            <button type="button" class="btn btn-sm pub-btn" style="margin-left: 24px;margin-top: 9px;"
                                    @click="queryLL(1,true)">
                                查询
                            </button>
                            <span class="glyphicon glyphicon-th-list table-class"
                                  :style="{'color':!show?'#368ff3 !important':''}" @click="qh_tab(1)"></span>
                            <span class="glyphicon glyphicon-th table-class"
                                  :style="{'color':show?'#368ff3 !important':''}" @click="qh_tab(2)"></span>
                        </div>
                        <div class="tables">
                            <table v-if="!show" class="table table-td">
                                <thead>
                                <tr style="background-color: rgb(228, 228, 228);">
                                    <td colspan="1" style="width: 500px">点位名</td>
                                    <td colspan="6">机动车流量</td>
                                    <td colspan="1">事件量</td>
                                </tr>
                                <tr style="background-color: rgb(228, 228, 228);">
                                    <td style="width: 500px;"></td>
                                    <td>总量</td>
                                    <td>轿车</td>
                                    <td>中大型客车</td>
                                    <td>轻中重型货车</td>
                                    <td>其它车辆</td>
                                    <td>近5分钟流量</td>
                                    <td>点位事件量</td>
                                </tr>
                                </thead>
                                <tbody class="div-pub-gt">
                                <tr v-for="(item,index) in data_table_dwll" @click="detailed(false,item)"
                                    style="cursor: pointer">
                                    <td style="line-height: 60px;width: 500px;" v-text="item.videoname"></td>
                                    <td :class="(!shows)?'lines':''">
                                        <div>
                                            <span class="dx" v-text="item.total==null?0:item.total"></span>
                                        </div>
                                        <div v-show="shows">
                                            <span>环比</span>
                                            <span v-show="item.hbtotal==null||item.hbtotal=='0'||item.total==null||item.total=='0'?false:(item.total-item.hbtotal>0?true:false)">+</span>
                                            <span v-show="item.hbtotal==null||item.hbtotal=='0'||item.total==null||item.total=='0'?false:(item.total-item.hbtotal<0?true:false)">-</span>
                                            <span v-show="item.hbtotal==null||item.hbtotal=='0'||item.total==null||item.total=='0'?false:true"
                                                  v-text="item.hbtotal==null||item.hbtotal=='0'||item.total==null||item.total=='0'?0:(item.total==0?'100%':(item.hbtotal==0?'100%':(Math.abs(Math.round((item.total - item.hbtotal) / item.hbtotal * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.hbtotal==null||item.hbtotal=='0'||item.total==null||item.total=='0'?false:(item.total-item.hbtotal<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.hbtotal==null||item.hbtotal=='0'||item.total==null||item.total=='0'?false:(item.total-item.hbtotal>0?true:false)">
                                            <span v-show="item.hbtotal==null||item.hbtotal=='0'||item.total==null||item.total=='0'?true:(item.total-item.hbtotal==0?true:false)">--</span>
                                        </div>
                                        <div v-show="shows">
                                            <span>同比</span>
                                            <span v-show="item.tbtotal==null||item.tbtotal=='0'||item.total==null||item.total=='0'?false:(item.total-item.tbtotal>0?true:false)">+</span>
                                            <span v-show="item.tbtotal==null||item.tbtotal=='0'||item.total==null||item.total=='0'?false:(item.total-item.tbtotal<0?true:false)">-</span>
                                            <span v-show="item.tbtotal==null||item.tbtotal=='0'||item.total==null||item.total=='0'?false:true"
                                                  v-text="item.tbtotal==null||item.tbtotal=='0'||item.total==null||item.total=='0'?0:(item.total==0?'100%':(item.tbtotal==0?'100%':(Math.abs(Math.round((item.total - item.tbtotal) / item.tbtotal * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.tbtotal==null||item.tbtotal=='0'||item.total==null||item.total=='0'?false:(item.total-item.tbtotal<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.tbtotal==null||item.tbtotal=='0'||item.total==null||item.total=='0'?false:(item.total-item.tbtotal>0?true:false)">
                                            <span v-show="item.tbtotal==null||item.tbtotal=='0'||item.total==null||item.total=='0'?true:(item.total-item.tbtotal==0?true:false)">--</span>
                                        </div>
                                    </td>
                                    <td :class="(!shows)?'lines':''">
                                        <div>
                                            <span class="dx" v-text="item.sedan==null?0:item.sedan"></span>
                                        </div>
                                        <div v-show="shows">
                                            <span>环比</span>
                                            <span v-show="item.hbsedan==null||item.hbsedan=='0'||item.sedan==null||item.sedan=='0'?false:(item.sedan-item.hbsedan>0?true:false)">+</span>
                                            <span v-show="item.hbsedan==null||item.hbsedan=='0'||item.sedan==null||item.sedan=='0'?false:(item.sedan-item.hbsedan<0?true:false)">-</span>
                                            <span v-show="item.hbsedan==null||item.hbsedan=='0'||item.sedan==null||item.sedan=='0'?false:true"
                                                  v-text="item.hbsedan==null||item.hbsedan=='0'||item.sedan==null||item.sedan=='0'?0:(item.sedan==0?'100%':(item.hbsedan==0?'100%':(Math.abs(Math.round((item.sedan - item.hbsedan) / item.hbsedan * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.hbsedan==null||item.hbsedan=='0'||item.sedan==null||item.sedan=='0'?false:(item.sedan-item.hbsedan<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.hbsedan==null||item.hbsedan=='0'||item.sedan==null||item.sedan=='0'?false:(item.sedan-item.hbsedan>0?true:false)">
                                            <span v-show="item.hbsedan==null||item.hbsedan=='0'||item.sedan==null||item.sedan=='0'?true:(item.sedan-item.hbsedan==0?true:false)">--</span>
                                        </div>
                                        <div v-show="shows">
                                            <span>同比</span>
                                            <span v-show="item.tbsedan==null||item.tbsedan=='0'||item.sedan==null||item.sedan=='0'?false:(item.sedan-item.tbsedan>0?true:false)">+</span>
                                            <span v-show="item.tbsedan==null||item.tbsedan=='0'||item.sedan==null||item.sedan=='0'?false:(item.sedan-item.tbsedan<0?true:false)">-</span>
                                            <span v-show="item.tbsedan==null||item.tbsedan=='0'||item.sedan==null||item.sedan=='0'?false:true"
                                                  v-text="item.tbsedan==null||item.tbsedan=='0'||item.sedan==null||item.sedan=='0'?0:(item.sedan==0?'100%':(item.tbsedan==0?'100%':(Math.abs(Math.round((item.sedan - item.tbsedan) / item.tbsedan * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.tbsedan==null||item.tbsedan=='0'||item.sedan==null||item.sedan=='0'?false:(item.sedan-item.tbsedan<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.tbsedan==null||item.tbsedan=='0'||item.sedan==null||item.sedan=='0'?false:(item.sedan-item.tbsedan>0?true:false)">
                                            <span v-show="item.tbsedan==null||item.tbsedan=='0'||item.sedan==null||item.sedan=='0'?true:(item.sedan-item.tbsedan==0?true:false)">--</span>
                                        </div>
                                    </td>
                                    <td :class="(!shows)?'lines':''">
                                        <div>
                                            <span class="dx" v-text="item.coach==null?0:item.coach"></span>
                                        </div>
                                        <div v-show="shows">
                                            <span>环比</span>
                                            <span v-show="item.hbcoach==null||item.hbcoach=='0'||item.coach==null||item.coach=='0'?false:(item.coach-item.hbcoach>0?true:false)">+</span>
                                            <span v-show="item.hbcoach==null||item.hbcoach=='0'||item.coach==null||item.coach=='0'?false:(item.coach-item.hbcoach<0?true:false)">-</span>
                                            <span v-show="item.hbcoach==null||item.hbcoach=='0'||item.coach==null||item.coach=='0'?false:true"
                                                  v-text="item.hbcoach==null||item.hbcoach=='0'||item.coach==null||item.coach=='0'?0:(item.coach==0?'100%':(item.hbcoach==0?'100%':(Math.abs(Math.round((item.coach - item.hbcoach) / item.hbcoach * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.hbcoach==null||item.hbcoach=='0'||item.coach==null||item.coach=='0'?false:(item.coach-item.hbcoach<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.hbcoach==null||item.hbcoach=='0'||item.coach==null||item.coach=='0'?false:(item.coach-item.hbcoach>0?true:false)">
                                            <span v-show="item.hbcoach==null||item.hbcoach=='0'||item.coach==null||item.coach=='0'?true:(item.coach-item.hbcoach==0?true:false)">--</span>
                                        </div>
                                        <div v-show="shows">
                                            <span>同比</span>
                                            <span v-show="item.tbcoach==null||item.tbcoach=='0'||item.coach==null||item.coach=='0'?false:(item.coach-item.tbcoach>0?true:false)">+</span>
                                            <span v-show="item.tbcoach==null||item.tbcoach=='0'||item.coach==null||item.coach=='0'?false:(item.coach-item.tbcoach<0?true:false)">-</span>
                                            <span v-show="item.tbcoach==null||item.tbcoach=='0'||item.coach==null||item.coach=='0'?false:true"
                                                  v-text="item.tbcoach==null||item.tbcoach=='0'||item.coach==null||item.coach=='0'?0:(item.coach==0?'100%':(item.tbcoach==0?'100%':(Math.abs(Math.round((item.coach - item.tbcoach) / item.tbcoach * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.tbcoach==null||item.tbcoach=='0'||item.coach==null||item.coach=='0'?false:(item.coach-item.tbcoach<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.tbcoach==null||item.tbcoach=='0'||item.coach==null||item.coach=='0'?false:(item.coach-item.tbcoach>0?true:false)">
                                            <span v-show="item.tbcoach==null||item.tbcoach=='0'||item.coach==null||item.coach=='0'?true:(item.coach-item.tbcoach==0?true:false)">--</span>
                                        </div>
                                    </td>
                                    <td :class="(!shows)?'lines':''">
                                        <div>
                                            <span class="dx" v-text="item.goodsvan==null?0:item.goodsvan"></span>
                                        </div>
                                        <div v-show="shows">
                                            <span>环比</span>
                                            <span v-show="item.hbgoodsvan==null||item.hbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?false:(item.goodsvan-item.hbgoodsvan>0?true:false)">+</span>
                                            <span v-show="item.hbgoodsvan==null||item.hbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?false:(item.goodsvan-item.hbgoodsvan<0?true:false)">-</span>
                                            <span v-show="item.hbgoodsvan==null||item.hbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?false:true"
                                                  v-text="item.hbgoodsvan==null||item.hbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?0:(item.goodsvan==0?'100%':(item.hbgoodsvan==0?'100%':(Math.abs(Math.round((item.goodsvan - item.hbgoodsvan) / item.hbgoodsvan * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.hbgoodsvan==null||item.hbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?false:(item.goodsvan-item.hbgoodsvan<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.hbgoodsvan==null||item.hbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?false:(item.goodsvan-item.hbgoodsvan>0?true:false)">
                                            <span v-show="item.hbgoodsvan==null||item.hbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?true:(item.goodsvan-item.hbgoodsvan==0?true:false)">--</span>
                                        </div>
                                        <div v-show="shows">
                                            <span>同比</span>
                                            <span v-show="item.tbgoodsvan==null||item.tbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?false:(item.goodsvan-item.tbgoodsvan>0?true:false)">+</span>
                                            <span v-show="item.tbgoodsvan==null||item.tbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?false:(item.goodsvan-item.tbgoodsvan<0?true:false)">-</span>
                                            <span v-show="item.tbgoodsvan==null||item.tbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?false:true"
                                                  v-text="item.tbgoodsvan==null||item.tbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?0:(item.goodsvan==0?'100%':(item.tbgoodsvan==0?'100%':(Math.abs(Math.round((item.goodsvan - item.tbgoodsvan) / item.tbgoodsvan * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.tbgoodsvan==null||item.tbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?false:(item.goodsvan-item.tbgoodsvan<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.tbgoodsvan==null||item.tbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?false:(item.goodsvan-item.tbgoodsvan>0?true:false)">
                                            <span v-show="item.tbgoodsvan==null||item.tbgoodsvan=='0'||item.goodsvan==null||item.goodsvan=='0'?true:(item.goodsvan-item.tbgoodsvan==0?true:false)">--</span>
                                        </div>
                                    </td>
                                    <td :class="(!shows)?'lines':''">
                                        <div>
                                            <span class="dx" v-text="item.other==null?0:item.other"></span>
                                        </div>
                                        <div v-show="shows">
                                            <span>环比</span>
                                            <span v-show="item.hbother==null||item.hbother=='0'||item.other==null||item.other=='0'?false:(item.other-item.hbother>0?true:false)">+</span>
                                            <span v-show="item.hbother==null||item.hbother=='0'||item.other==null||item.other=='0'?false:(item.other-item.hbother<0?true:false)">-</span>
                                            <span v-show="item.hbother==null||item.hbother=='0'||item.other==null||item.other=='0'?false:true"
                                                  v-text="item.hbother==null||item.hbother=='0'||item.other==null||item.other=='0'?0:(item.other==0?'100%':(item.hbother==0?'100%':(Math.abs(Math.round((item.other - item.hbother) / item.hbother * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.hbother==null||item.hbother=='0'||item.other==null||item.other=='0'?false:(item.other-item.hbother<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.hbother==null||item.hbother=='0'||item.other==null||item.other=='0'?false:(item.other-item.hbother>0?true:false)">
                                            <span v-show="item.hbother==null||item.hbother=='0'||item.other==null||item.other=='0'?true:(item.other-item.hbother==0?true:false)">--</span>
                                        </div>
                                        <div v-show="shows">
                                            <span>同比</span>
                                            <span v-show="item.tbother==null||item.tbother=='0'||item.other==null||item.other=='0'?false:(item.other-item.tbother>0?true:false)">+</span>
                                            <span v-show="item.tbother==null||item.tbother=='0'||item.other==null||item.other=='0'?false:(item.other-item.tbother<0?true:false)">-</span>
                                            <span v-show="item.tbother==null||item.tbother=='0'||item.other==null||item.other=='0'?false:true"
                                                  v-text="item.tbother==null||item.tbother=='0'||item.other==null||item.other=='0'?0:(item.other==0?'100%':(item.tbother==0?'100%':(Math.abs(Math.round((item.other - item.tbother) / item.tbother * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.tbother==null||item.tbother=='0'||item.other==null||item.other=='0'?false:(item.other-item.tbother<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.tbother==null||item.tbother=='0'||item.other==null||item.other=='0'?false:(item.other-item.tbother>0?true:false)">
                                            <span v-show="item.tbother==null||item.tbother=='0'||item.other==null||item.other=='0'?true:(item.other-item.tbother==0?true:false)">--</span>
                                        </div>
                                    </td>
                                    <td :class="(!shows)?'lines':''">
                                        <div>
                                            <span class="dx" v-text="item.fiveflow==null?0:item.fiveflow"></span>
                                        </div>
                                        <div v-show="shows">
                                            <span>环比</span>
                                            <span v-show="item.hbfiveflow==null||item.hbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?false:(item.fiveflow-item.hbfiveflow>0?true:false)">+</span>
                                            <span v-show="item.hbfiveflow==null||item.hbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?false:(item.fiveflow-item.hbfiveflow<0?true:false)">-</span>
                                            <span v-show="item.hbfiveflow==null||item.hbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?false:true"
                                                  v-text="item.hbfiveflow==null||item.hbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?0:(item.fiveflow==0?'100%':(item.hbfiveflow==0?'100%':(Math.abs(Math.round((item.fiveflow - item.hbfiveflow) / item.hbfiveflow * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.hbfiveflow==null||item.hbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?false:(item.fiveflow-item.hbfiveflow<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.hbfiveflow==null||item.hbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?false:(item.fiveflow-item.hbfiveflow>0?true:false)">
                                            <span v-show="item.hbfiveflow==null||item.hbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?true:(item.fiveflow-item.hbfiveflow==0?true:false)">--</span>
                                        </div>
                                        <div v-show="shows">
                                            <span>同比</span>
                                            <span v-show="item.tbfiveflow==null||item.tbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?false:(item.fiveflow-item.tbfiveflow>0?true:false)">+</span>
                                            <span v-show="item.tbfiveflow==null||item.tbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?false:(item.fiveflow-item.tbfiveflow<0?true:false)">-</span>
                                            <span v-show="item.tbfiveflow==null||item.tbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?false:true"
                                                  v-text="item.tbfiveflow==null||item.tbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?0:(item.fiveflow==0?'100%':(item.tbfiveflow==0?'100%':(Math.abs(Math.round((item.fiveflow - item.tbfiveflow) / item.tbfiveflow * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.tbfiveflow==null||item.tbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?false:(item.fiveflow-item.tbfiveflow<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.tbfiveflow==null||item.tbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?false:(item.fiveflow-item.tbfiveflow>0?true:false)">
                                            <span v-show="item.tbfiveflow==null||item.tbfiveflow=='0'||item.fiveflow==null||item.fiveflow=='0'?true:(item.fiveflow-item.tbfiveflow==0?true:false)">--</span>
                                        </div>
                                    </td>
                                    <td :class="(!shows)?'lines':''">
                                        <div>
                                            <span class="dx" v-text="item.alarm==null?0:item.alarm"></span>
                                        </div>
                                        <div v-show="shows">
                                            <span>环比</span>
                                            <span v-show="item.hbalarm==null||item.hbalarm=='0'||item.alarm==null||item.alarm=='0'?false:(item.alarm-item.hbalarm>0?true:false)">+</span>
                                            <span v-show="item.hbalarm==null||item.hbalarm=='0'||item.alarm==null||item.alarm=='0'?false:(item.alarm-item.hbalarm<0?true:false)">-</span>
                                            <span v-show="item.hbalarm==null||item.hbalarm=='0'||item.alarm==null||item.alarm=='0'?false:true"
                                                  v-text="item.hbalarm==null||item.hbalarm=='0'||item.alarm==null||item.alarm=='0'?0:(item.alarm==0?'100%':(item.hbalarm==0?'100%':(Math.abs(Math.round((item.alarm - item.hbalarm) / item.hbalarm * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.hbalarm==null||item.hbalarm=='0'||item.alarm==null||item.alarm=='0'?false:(item.alarm-item.hbalarm<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.hbalarm==null||item.hbalarm=='0'||item.alarm==null||item.alarm=='0'?false:(item.alarm-item.hbalarm>0?true:false)">
                                            <span v-show="item.hbalarm==null||item.hbalarm=='0'||item.alarm==null||item.alarm=='0'?true:(item.alarm-item.hbalarm==0?true:false)">--</span>
                                        </div>
                                        <div v-show="shows">
                                            <span>同比</span>
                                            <span v-show="item.tbalarm==null||item.tbalarm=='0'||item.alarm==null||item.alarm=='0'?false:(item.alarm-item.tbalarm>0?true:false)">+</span>
                                            <span v-show="item.tbalarm==null||item.tbalarm=='0'||item.alarm==null||item.alarm=='0'?false:(item.alarm-item.tbalarm<0?true:false)">-</span>
                                            <span v-show="item.tbalarm==null||item.tbalarm=='0'||item.alarm==null||item.alarm=='0'?false:true"
                                                  v-text="item.tbalarm==null||item.tbalarm=='0'||item.alarm==null||item.alarm=='0'?0:(item.alarm==0?'100%':(item.tbalarm==0?'100%':(Math.abs(Math.round((item.alarm - item.tbalarm) / item.tbalarm * 10000) / 100.00)+'%')))"></span>
                                            <img src="../img/index/down.png"
                                                 v-show="item.tbalarm==null||item.tbalarm=='0'||item.alarm==null||item.alarm=='0'?false:(item.alarm-item.tbalarm<0?true:false)">
                                            <img src="../img/index/up.png"
                                                 v-show="item.tbalarm==null||item.tbalarm=='0'||item.alarm==null||item.alarm=='0'?false:(item.alarm-item.tbalarm>0?true:false)">
                                            <span v-show="item.tbalarm==null||item.tbalarm=='0'||item.alarm==null||item.alarm=='0'?true:(item.alarm-item.tbalarm==0?true:false)">--</span>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div>
                            <div style="line-height: 64px;float: left;font-weight: 900;">
                                <span>共</span><span style="color: red;" v-text="count"></span><span>条</span>
                            </div>
                            <ul id="fy_gcjl" style="float: right;"></ul>
                        </div>
                    </div>
                    <div v-show="!qh_show" class="sjxq">
                        <div class="top-sjxq">
                            <span class="fh" @click="detailed(true,1)">>>>返回</span>
                        </div>
                        <div class="top-sjxq" style="padding-top: 0px;height: 55px;">
                            <span v-text="monitor_name" style="font-size: 30px;font-weight: 900;color: #3e3e3e;"></span>
                        </div>
                        <div class="center-sjxq">
                            <div class="sssp">
                                <div class="sssp-span">
                                    <span>实时视频</span>
                                </div>
                                <div class="sssp-video" style="position: relative;background: #303548;">
                                    <video
                                           style="position: absolute;height: 100%;width: 100%;object-fit:fill;pointer-events: none;"
                                           class="video-js" muted id="my_video_1" ref='video'>
                                    </video>
                                    <div style="position:absolute;left:0;top:0;right:0;bottom:0;color:white;font-size:40px;display:flex;align-items:center;justify-content:space-around;z-index:1;" v-text="videoMessage"></div>
                                </div>
                            </div>
                            <div class="pub-zs">
                                <div style="width: 50%;float: left;height: 100%;">
                                    <div class="sssp-span">
                                        <span>今日事件</span>
                                    </div>
                                    <div class="sjthb">
                                        <div class="sjthb-div">
                                            <div class="sjthb-div-left">
                                                <span v-text="sjzs"></span>
                                            </div>
                                            <div class="tbh">
                                                <div>
                                                    <span>环比:</span>
                                                    <span v-show="sjzs_hb==''||sjzs==0||sjzs_hb==null?false:(sjzs-sjzs_hb>0?true:false)">+</span>
                                                    <span v-show="sjzs_hb==''||sjzs==0||sjzs_hb==null?false:(sjzs-sjzs_hb<0?true:false)">-</span>
                                                    <span v-show="sjzs_hb==''||sjzs==0||sjzs_hb==null?false:true"
                                                          v-text="sjzs_hb==''||sjzs==0||sjzs_hb==null?0:(sjzs==0?'100%':(sjzs_hb==0?'100%':(Math.abs(Math.round((sjzs - sjzs_hb) / sjzs_hb * 10000) / 100.00)+'%')))"></span>
                                                    <img src="../img/index/down.png"
                                                         v-show="sjzs_hb==''||sjzs==0||sjzs_hb==null?false:(sjzs-sjzs_hb<0?true:false)">
                                                    <img src="../img/index/up.png"
                                                         v-show="sjzs_hb==''||sjzs==0||sjzs_hb==null?false:(sjzs-sjzs_hb>0?true:false)">
                                                    <span v-show="sjzs_hb==''||sjzs==0||sjzs_hb==null?true:(sjzs-sjzs_hb==0?true:false)">--</span>
                                                </div>
                                                <div>
                                                    <span>同比:</span>
                                                    <span v-show="sjzs_tb==''||sjzs==0||sjzs_tb==null?false:(sjzs-sjzs_tb>0?true:false)">+</span>
                                                    <span v-show="sjzs_tb==''||sjzs==0||sjzs_tb==null?false:(sjzs-sjzs_tb<0?true:false)">-</span>
                                                    <span v-show="sjzs_tb==''||sjzs==0||sjzs_tb==null?false:true"
                                                          v-text="sjzs_tb==''||sjzs==0||sjzs_tb==null?0:(sjzs==0?'100%':(sjzs_tb==0?'100%':(Math.abs(Math.round((sjzs - sjzs_tb) / sjzs_tb * 10000) / 100.00)+'%')))"></span>
                                                    <img src="../img/index/down.png"
                                                         v-show="sjzs_tb==''||sjzs==0||sjzs_tb==null?false:(sjzs-sjzs_tb<0?true:false)">
                                                    <img src="../img/index/up.png"
                                                         v-show="sjzs_tb==''||sjzs==0||sjzs_tb==null?false:(sjzs-sjzs_tb>0?true:false)">
                                                    <span v-show="sjzs_tb==''||sjzs==0||sjzs_tb==null?true:(sjzs-sjzs_tb==0?true:false)">--</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="jdt-div">
                                            <ul>
                                                <li v-for="(item,index) in sjzs_sjlx_data">
                                                    <div class="li-type" style="width: 130px;">
                                                        <span v-text="item.type+':'"></span>
                                                    </div>
                                                    <div class="li-jdt" style="width: calc(100% - 240px);">
                                                        <div class="progress">
                                                            <div class="progress-bar progress-bar-success"
                                                                 role="progressbar"
                                                                 aria-valuenow="60" aria-valuemin="0"
                                                                 aria-valuemax="100"
                                                                 :style="{'width':(Math.abs(Math.round( item.sj /sjzs  * 1000) / 10.0)+'%')}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="li-sj">
                                                        <span v-text="item.sj"></span>
                                                    </div>
                                                    <div class="li-bfb">
                                                        <span v-text="Math.abs(Math.round( item.sj /sjzs  * 1000) / 10.0)+'%'"></span>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div style="width: 50%;float: left;height: 100%;">
                                    <div class="sssp-span">
                                        <span>本月事件</span>
                                    </div>
                                    <div class="sjthb">
                                        <div class="sjthb-div">
                                            <div class="sjthb-div-left">
                                                <span v-text="jrzs"></span>
                                            </div>
                                            <div class="tbh">
                                                <div>
                                                    <span>环比:</span>
                                                    <span v-show="jrzs_hb==''||jrzs==0||jrzs_hb==null?false:(jrzs-jrzs_hb>0?true:false)">+</span>
                                                    <span v-show="jrzs_hb==''||jrzs==0||jrzs_hb==null?false:(jrzs-jrzs_hb<0?true:false)">-</span>
                                                    <span v-show="jrzs_hb==''||jrzs==0||jrzs_hb==null?false:true"
                                                          v-text="jrzs_hb==''||jrzs==0||jrzs_hb==null?0:(jrzs==0?'100%':(jrzs_hb==0?'100%':(Math.abs(Math.round((jrzs - jrzs_hb) / jrzs_hb * 10000) / 100.00)+'%')))"></span>
                                                    <img src="../img/index/down.png"
                                                         v-show="jrzs_hb==''||jrzs==0||jrzs_hb==null?false:(jrzs-jrzs_hb<0?true:false)">
                                                    <img src="../img/index/up.png"
                                                         v-show="jrzs_hb==''||jrzs==0||jrzs_hb==null?false:(jrzs-jrzs_hb>0?true:false)">
                                                    <span v-show="jrzs_hb==''||jrzs==0||jrzs_hb==null?true:(jrzs-jrzs_hb==0?true:false)">--</span>
                                                </div>
                                                <div>
                                                    <span>同比:</span>
                                                    <span v-show="jrzs_tb==''||jrzs==0||jrzs_tb==null?false:(jrzs-jrzs_tb>0?true:false)">+</span>
                                                    <span v-show="jrzs_tb==''||jrzs==0||jrzs_tb==null?false:(jrzs-jrzs_tb<0?true:false)">-</span>
                                                    <span v-show="jrzs_tb==''||jrzs==0||jrzs_tb==null?false:true"
                                                          v-text="jrzs_tb==''||jrzs==0||jrzs_tb==null?0:(jrzs==0?'100%':(jrzs_tb==0?'100%':(Math.abs(Math.round((jrzs - jrzs_tb) / jrzs_tb * 10000) / 100.00)+'%')))"></span>
                                                    <img src="../img/index/down.png"
                                                         v-show="jrzs_tb==''||jrzs==0||jrzs_tb==null?false:(jrzs-jrzs_tb<0?true:false)">
                                                    <img src="../img/index/up.png"
                                                         v-show="jrzs_tb==''||jrzs==0||jrzs_tb==null?false:(jrzs-jrzs_tb>0?true:false)">
                                                    <span v-show="jrzs_tb==''||jrzs==0||jrzs_tb==null?true:(jrzs-jrzs_tb==0?true:false)">--</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="jdt-div">
                                            <ul>
                                                <li v-for="(item,index) in jrzs_sjlx_data">
                                                    <div class="li-type" style="width: 130px;">
                                                        <span v-text="item.type+':'"></span>
                                                    </div>
                                                    <div class="li-jdt" style="width: calc(100% - 240px);">
                                                        <div class="progress">
                                                            <div class="progress-bar progress-bar-success"
                                                                 role="progressbar"
                                                                 aria-valuenow="60" aria-valuemin="0"
                                                                 aria-valuemax="100"
                                                                 :style="{'width':(Math.abs(Math.round( item.sj /jrzs  * 1000) / 10.0)+'%')}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="li-sj">
                                                        <span v-text="item.sj"></span>
                                                    </div>
                                                    <div class="li-bfb">
                                                        <span v-text="Math.abs(Math.round( item.sj /jrzs  * 1000) / 10.0)+'%'"></span>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="pub-zs" style="width: calc(calc(100% - 40px) / 7 * 1.5);">
                                <div style="width: 100%;height: 66%;float: left;">
                                    <div class="sssp-span">
                                        <span>今日流量</span>
                                    </div>
                                    <div class="sjthb">
                                        <div class="sjthb-div">
                                            <div class="sjthb-div-left">
                                                <span v-text="jrll"></span>
                                            </div>
                                            <div class="tbh">
                                                <div>
                                                    <span>环比:</span>
                                                    <span v-show="jrll_hb==null?false:(jrll-jrll_hb>0?true:false)">+</span>
                                                    <span v-show="jrll_hb==null?false:(jrll-jrll_hb<0?true:false)">-</span>
                                                    <span v-show="jrll_hb==null?false:true"
                                                          v-text="jrll_hb==null?0:(jrll==0?'100%':(jrll_hb==0?'100%':(Math.abs(Math.round((jrll - jrll_hb) / jrll_hb * 10000) / 100.00)+'%')))"></span>
                                                    <img src="../img/index/down.png"
                                                         v-show="jrll_hb==null?false:(jrll-jrll_hb<0?true:false)">
                                                    <img src="../img/index/up.png"
                                                         v-show="jrll_hb==null?false:(jrll-jrll_hb>0?true:false)">
                                                    <span v-show="jrll_hb==null?true:(jrll-jrll_hb==0?true:false)">--</span>
                                                </div>
                                                <div>
                                                    <span>同比:</span>
                                                    <span v-show="jrll_tb==null?false:(jrll-jrll_tb>0?true:false)">+</span>
                                                    <span v-show="jrll_tb==null?false:(jrll-jrll_tb<0?true:false)">-</span>
                                                    <span v-show="jrll_tb==null?false:true"
                                                          v-text="jrll_tb==null?0:(jrll==0?'100%':(jrll_tb==0?'100%':(Math.abs(Math.round((jrll - jrll_tb) / jrll_tb * 10000) / 100.00)+'%')))"></span>
                                                    <img src="../img/index/down.png"
                                                         v-show="jrll_tb==null?false:(jrll-jrll_tb<0?true:false)">
                                                    <img src="../img/index/up.png"
                                                         v-show="jrll_tb==null?false:(jrll-jrll_tb>0?true:false)">
                                                    <span v-show="jrll_tb==null?true:(jrll-jrll_tb==0?true:false)">--</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="jdt-div">
                                            <ul>
                                                <li v-for="(item,index) in jrll_sjlx_data">
                                                    <div class="li-type">
                                                        <span v-text="item.type+':'"></span>
                                                    </div>
                                                    <div class="li-jdt">
                                                        <div class="progress">
                                                            <div class="progress-bar progress-bar-success"
                                                                 role="progressbar"
                                                                 aria-valuenow="60" aria-valuemin="0"
                                                                 aria-valuemax="100"
                                                                 :style="{'width':(Math.abs(Math.round( item.sj /jrll  * 1000) / 10.0)+'%')}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="li-sj">
                                                        <span v-text="item.sj"></span>
                                                    </div>
                                                    <div class="li-bfb">
                                                        <span v-text="Math.abs(Math.round( item.sj /jrll  * 1000) / 10.0)+'%'"></span>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div style="width: 100%;height: 33%;float: left;">
                                    <div class="sssp-span">
                                        <span>近5分钟流量</span>
                                    </div>
                                    <div class="sjthb">
                                        <div class="sjthb-div" style="height: 100%;">
                                            <div class="sjthb-div-left" style="width: 100px;position: relative;">
                                                <svg version="1.1" id="L3" x="0px" y="0px"
                                                  viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
                                                <circle fill="none" stroke="rgb(170, 192, 255)" stroke-width="6" cx="50" cy="50" r="37" style="opacity:0.5;"/>
                                                  <circle fill="#fff" stroke="#769aff" stroke-width="3" cx="15" cy="40" r="8" >
                                                    <animateTransform
                                                      attributeName="transform"
                                                      dur="2s"
                                                      type="rotate"
                                                      from="0 50 48"
                                                      to="360 50 52"
                                                      repeatCount="indefinite" />
                                                  </circle>
                                                </svg>
                                                <span class="j5fzll" v-text="j5fzll"></span>
                                            </div>
                                            <div class="tbh" style="margin-top: 16px;">
                                                <span v-text="time_5" style="font-size: 18px;font-weight: 900;"></span>
                                                <div>
                                                    <span>环比:</span>
                                                    <span v-show="j5fzll_hb==null||j5fzll_hb==0||j5fzll==null||j5fzll==0?false:(j5fzll-j5fzll_hb>0?true:false)">+</span>
                                                    <span v-show="j5fzll_hb==null||j5fzll_hb==0||j5fzll==null||j5fzll==0?false:(j5fzll-j5fzll_hb<0?true:false)">-</span>
                                                    <span v-show="j5fzll_hb==null||j5fzll_hb==0||j5fzll==null||j5fzll==0?false:true"
                                                          v-text="j5fzll_hb==null||j5fzll_hb==0||j5fzll==null||j5fzll==0?0:(j5fzll==0?'100%':(j5fzll_hb==0?'100%':(Math.abs(Math.round((j5fzll - j5fzll_hb) / j5fzll_hb * 10000) / 100.00)+'%')))"></span>
                                                    <img src="../img/index/down.png"
                                                         v-show="j5fzll_hb==null||j5fzll_hb==0||j5fzll==null||j5fzll==0?false:(j5fzll-j5fzll_hb<0?true:false)">
                                                    <img src="../img/index/up.png"
                                                         v-show="j5fzll_hb==null||j5fzll_hb==0||j5fzll==null||j5fzll==0?false:(j5fzll-j5fzll_hb>0?true:false)">
                                                    <span v-show="j5fzll_hb==null||j5fzll_hb==0||j5fzll==null||j5fzll==0?true:(j5fzll-j5fzll_hb==0?true:false)">--</span>
                                                </div>
                                                <div>
                                                    <span>同比:</span>
                                                    <span v-show="j5fzll_tb==null||j5fzll_tb==0||j5fzll==null||j5fzll==0?false:(j5fzll-j5fzll_tb>0?true:false)">+</span>
                                                    <span v-show="j5fzll_tb==null||j5fzll_tb==0||j5fzll==null||j5fzll==0?false:(j5fzll-j5fzll_tb<0?true:false)">-</span>
                                                    <span v-show="j5fzll_tb==null||j5fzll_tb==0||j5fzll==null||j5fzll==0?false:true"
                                                          v-text="j5fzll_tb==null||j5fzll_tb==0||j5fzll==null||j5fzll==0?0:(j5fzll==0?'100%':(j5fzll_tb==0?'100%':(Math.abs(Math.round((j5fzll - j5fzll_tb) / j5fzll_tb * 10000) / 100.00)+'%')))"></span>
                                                    <img src="../img/index/down.png"
                                                         v-show="j5fzll_tb==null||j5fzll_tb==0||j5fzll==null||j5fzll==0?false:(j5fzll-j5fzll_tb<0?true:false)">
                                                    <img src="../img/index/up.png"
                                                         v-show="j5fzll_tb==null||j5fzll_tb==0||j5fzll==null||j5fzll==0?false:(j5fzll-j5fzll_tb>0?true:false)">
                                                    <span v-show="j5fzll_tb==null||j5fzll_tb==0||j5fzll==null||j5fzll==0?true:(j5fzll-j5fzll_tb==0?true:false)">--</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="bottom-sjxq">
                            <div>
                                <div class="sssp-span">
                                    <span>今日实时事件</span>
                                </div>
                                <div class="tables" style="height: calc(100% - 50px);">
                                    <div style="width: 100%;height: 100%" id="jrsssj"></div>
                                </div>
                            </div>
                            <div>
                                <div class="sssp-span">
                                    <span>今日实时流量</span>
                                </div>
                                <div class="tables" style="height: calc(100% - 50px);">
                                    <div style="width: 100%;height: 100%" id="jrssll"></div>
                                </div>
                            </div>
                        </div>
                        <div class="bottom-sjxq">
                            <div>
                                <div class="sssp-span">
                                    <span>历史事件趋势</span>
                                    <input type="text" class="form-control input-pub" id="kssj_gcjl1"
                                           style="float: right;margin-top: -4px;margin-right: 0px;font-weight: 100;">
                                </div>
                                <div class="tables" style="height: calc(100% - 50px);">
                                    <div style="width: 100%;height: 100%" id="lssjqs"></div>
                                </div>
                            </div>
                            <div>
                                <div class="sssp-span">
                                    <span>历史流量趋势</span>
                                    <input type="text" class="form-control input-pub" id="kssj_gcjl2"
                                           style="float: right;margin-top: -4px;margin-right: 0px;font-weight: 100;">
                                </div>
                                <div class="tables" style="height: calc(100% - 50px);">
                                    <div style="width: 100%;height: 100%" id="lsllqs"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="loadingModal">
    <div style="width: 200px;height:20px; z-index: 20000; position: absolute; text-align: center; left: 50%; top: 50%;margin-left:-100px;margin-top:-10px">
        <div class="progress progress-striped active" style="margin-bottom: 0;">
            <div class="progress-bar" style="width: 100%;"></div>
        </div>
        <h5 style="color:white"><strong>正在加载...</strong></h5>
    </div>
</div>
</body>
<script src="../js/flv.min.js"></script>
<script src="../js/jquery-3.1.1.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
<script src="../bootstrap/js/bootstrap-paginator.js"></script>
<script src="../bootstrap/js/bootstrap-treeview.js"></script>
<script src="../js/echarts.min.js"></script>
<!--<script src="../bootstrap/js/bootstrap-datetimepicker.js"></script>-->
<!--<script src="../bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>-->
<script src="../js/laydate/laydate.js"></script>
<script src="../js/vue.js"></script>
<script src="js/util/http_util.js"></script>
<script src="../js/sjfx/sjfx.js"></script>
</html>