web/038 无线网络大数据平台/index.html

<!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">
    <meta http-equiv="refresh" content="50;url='https://github.com/iGaoWei/BigDataView'">
    <title>无线网络大数据平台</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">


    <style>
        .t_title{
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 2.5em;
            line-height: 80px;
            color: #fff;
        }
        #chart_map{
            cursor: pointer;
        }
        .t_show{
            position: absolute;
            top: 0;
            right: 0;
            border-radius: 2px;
            background: #2C58A6;
            padding: 2px 5px;
            color: #fff;
            cursor: pointer;
        }
    </style>
</head>
<body>

<!--header-->
<div class="header">
    <div class="bg_header">
        <div class="header_nav fl t_title">
            无线网络大数据平台
        </div> 
    </div>
</div>

<!--main-->
<div class="data_content">
  <!--   <div class="data_time">
        温馨提示: 点击模块后跳转至详情页面。        
    </div> -->

    <div class="data_main">
        <div class="main_left fl">
            <div class="left_1 t_btn6" style="cursor: pointer;">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                    <!--右下边框-->
                    <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div> 
                <div class="main_title">
                    <img src="img/t_1.png" alt="更多资源：https://gitee.com/iGaoWei/big-data-view">
                  网络规划
                </div>
                <div id="chart_1" class="chart" style="width:100%;height: 230px;"></div>
            </div>
            <div class="left_2" style="cursor: pointer;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #2C58A6;position: relative;box-shadow: 0 0 10px #2C58A6;">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                    <!--右下边框-->
                    <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div> 
                <div class="main_title">
                    <img src="img/t_1.png" alt="更多资源：https://gitee.com/iGaoWei/big-data-view">
                    网络设计
                </div>
                <div class="">
                    <div id="chart_2" class="left-y chart t_btn9" style="width:49%;height: 220px;display: inline;float: left;"></div>
                    <div id="chart_22" class="right-y chart t_btn9" style="width:49%;height: 220px;display: inline;float: left;"></div>
                    <div class="clear"></div>
                </div>
                <div class="wlsj-down">
                    <div id="chart_3" class="echart t_btn7" style="width:100%;height: 230px;z-index: 9999;"></div>
                </div>
                <div class="wlsj-down2">
                    <div id="chart_33" class="echart t_btn7" style="width:100%;height: 197px;z-index: 9999;margin-bottom: 10px;"></div>
                </div>
            </div>
        </div>
        <div class="main_center fl">
            <div class="center_text">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                 <!--右下边框-->
                 <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div> 
                <div class="main_title">
                    <img src="img/t_3.png" alt="更多资源：https://gitee.com/iGaoWei/big-data-view">
                    无线网络大数据采集终端/模块--监控点
                </div>
                <!-- <div id="chart_map" style="width:100%;height:610px;"></div> -->
                <div class="bottom_center fl">
                    <div class="main_table t_btn8" style="width: 100%;margin-top: 20px;border-bottom: 1px solid #3d5569;">
                        <table class="centertable">
                            <thead >
                            <tr >
                                <th class="centerdata-th" colspan="2">GSM</th>
                                <th class="centerdata-th" colspan="2">WCDMA</th>
                                <th class="centerdata-th" colspan="2">FDD-LTE</th> 
                                <th class="centerdata-th" colspan="2">TDD-LTE</th> 
                               <!--  <th class="centerdata-th" colspan="2">WLAN</th>
                                <th class="centerdata-th" colspan="2">NB-LOT</th>
                                <th class="centerdata-th" colspan="2">LORA</th> -->
                                <!-- <th class="centerdata-th" colspan="2">三维通信物联网</th> -->
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="centertable-td" style="background-color: #072951;box-shadow:-10px 0px 15px #2C58A6 inset,/*左边阴影*/10px 0px 15px #2C58A6 inset;  /*右边阴影*/">
                                <td>基站</td>
                                <td name="id" id="id">88888</td>
                                <td>基站</td>
                                <td name="id" id="id">111111</td>
                                <td>AP</td>
                                <td name="id" id="id">333333</td>
                                <td>基站</td>
                                <td name="id" id="id">999999</td>
                              <!--   <td>基站</td>
                                <td>8888</td>
                                <td>基站</td>
                                <td>1111</td>
                                <td>基站</td>
                                <td>999</td> -->
                                <!-- <td>智慧天线</td>
                                <td>7735</td>
                                <td>智慧井盖</td>
                                <td>832</td> -->
                            </tr>
                            <tr class="centertable-td">
                                <td>DAS</td>
                                <td name="id" id="id">18888</td>
                                <td>DAS</td>
                                <td name="id" id="id">18888</td>
                                <td>AC</td>
                                <td name="id" id="id">18888</td>
                                <td>DAS</td>
                                <td name="id" id="id">18888</td>
                                <!-- <td>DAS</td>
                                <td>1888</td>
                                <td>基站</td>
                                <td>188</td>
                                <td>基站</td>
                                <td>188</td> -->
                                <!-- <td>智慧灯杆</td>
                                <td>938</td>
                                <td>智慧眼镜</td>
                                <td>139</td> -->
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="main_table t_btn8" style="width: 100%;margin-top: 10px;border-bottom: 1px solid #3d5569;">
                        <table class="centertable">
                            <thead >
                            <tr >
                                <!-- <th class="centerdata-th" colspan="2">GSM</th>
                                <th class="centerdata-th" colspan="2">WCDMA</th>
                                <th class="centerdata-th" colspan="2">FDD-LTE</th> 
                                <th class="centerdata-th" colspan="2">TDD-LTE</th> --> 
                                <th class="centerdata-th" colspan="2">WLAN</th>
                                <th class="centerdata-th" colspan="2">NB-LOT</th>
                                <th class="centerdata-th" colspan="2">LORA</th>
                                <th class="centerdata-th" colspan="4">三维通信物联网</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="centertable-td2" style="background-color: #072951;box-shadow:-10px 0px 15px #2C58A6 inset,/*左边阴影*/10px 0px 15px #2C58A6 inset;  /*右边阴影*/">
                                <!-- <td>基站</td>
                                <td>88888</td>
                                <td>基站</td>
                                <td>111111</td>
                                <td>AP</td>
                                <td>333333</td>
                                <td>基站</td>
                                <td>999999</td> -->
                                <td>基站</td>
                                <td name="id" id="id">8888</td>
                                <td>基站</td>
                                <td name="id" id="id">1111</td>
                                <td>基站</td>
                                <td name="id" id="id">999</td>
                                <td>智慧天线</td>
                                <td name="id" id="id">7735</td>
                                <td>智慧井盖</td>
                                <td name="id" id="id">832</td>
                            </tr>
                            <tr class="centertable-td2">
                                <!-- <td>DAS</td>
                                <td>18888</td>
                                <td>DAS</td>
                                <td>18888</td>
                                <td>AC</td>
                                <td>18888</td>
                                <td>DAS</td>
                                <td>18888</td> -->
                                <td>DAS</td>
                                <td name="id" id="id">1888</td>
                                <td>基站</td>
                                <td name="id" id="id">188</td>
                                <td>基站</td>
                                <td name="id" id="id">188</td>
                                <td>智慧灯杆</td>
                                <td name="id" id="id">938</td>
                                <td>智慧眼镜</td>
                                <td name="id" id="id">139</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <div class="" style="position: relative;overflow: hidden;width: 730px;height: 560px;padding: 0px;margin: 0px;">
                    <div id="chart_7" class="chart t_btn9" style="width:100%;height: 560px;"></div>
                </div>
                <div class="">
                    <div id="chart_24" class="left-y chart t_btn9" style="width:35%;height: 160px;display: inline;float: left;margin-bottom: 2px;"></div>
                    <div id="chart_15" class="right-y chart t_btn9" style="width:65%;height: 160px;display: inline;float: left;margin-bottom: 2px;"></div>
                    <div class="clear"></div>
                </div> 
                <!-- <div id="chart_91" class="left-y chart t_btn9" style="width:50%;height: 160px;display: inline;float: left;margin-bottom: 2px;"></div> 
                <div id="chart_92" class="left-y chart t_btn9" style="width:50%;height: 160px;display: inline;float: left;margin-bottom: 2px;"></div>    -->
                

            </div>
        </div>
        <div class="main_right fr">
            
            <div class="right_2" style="margin-bottom: 30px;">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                    <!--右下边框-->
                    <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div> 
                <div class="main_title">
                    <img src="img/t_5.png" alt="更多资源：https://gitee.com/iGaoWei/big-data-view">
                    网络维护
                </div>
                <div>
                    <div id="chart_5" class="echart fl t_btn4" style="width:25%;height: 100px;cursor: pointer;"></div>
                    <div id="chart_52" class="echart fl t_btn4" style="width:25%;height: 100px;cursor: pointer;"></div>
                    <div id="chart_53" class="echart fl t_btn4" style="width:25%;height: 100px;cursor: pointer;"></div>
                    <div id="chart_54" class="echart fl t_btn4" style="width:25%;height: 100px;cursor: pointer;"></div>
                </div>
                <div>
                    <div id="chart_55" class="echart fl t_btn4" style="width:25%;height: 100px;cursor: pointer;"></div>
                    <div id="chart_56" class="echart fl t_btn4" style="width:25%;height: 100px;cursor: pointer;"></div>
                    <div id="chart_57" class="echart fl t_btn4" style="width:25%;height: 100px;cursor: pointer;"></div>
                    <div id="chart_58" class="echart fl t_btn4" style="width:25%;height: 100px;cursor: pointer;"></div>
                </div>
                <div>
                    <div id="chart_6" class="echart fl t_btn4" style="width:100%;height: 100px;cursor: pointer;"></div>
                </div>
            </div>

            <div class="right_2" style="height:630px;">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                    <!--右下边框-->
                    <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div> 
                <div class="main_title">
                    <img src="img/t_5.png" alt="更多资源：https://gitee.com/iGaoWei/big-data-view">
                    网络优化
                </div>
                <div id="produce">
                    <table width="100%" cellpadding="6" cellspacing="0">
                        <tr class="row1">
                            
                            <td class="row1td" colspan="5" style="padding:2px 0px;">2G质量</td>
                            <!-- <td colspan="2">WCDMA质量</td>
                            <td colspan="2">LTE质量</td>
                            <td colspan="2">NB-LOT性能指标</td> -->
                        </tr>
                        <tr class="row2">
                            <td>GSM接通率</td>
                            <td>GSM数据利用率</td>
                            <td>GSM语音利用率</td>
                            <td>GSM掉话率</td>
                            <td>GSM语音最差小区比例</td>
                        </tr>
                        <tr class="row2">
                            <td>99.75%</td>
                            <td>55.92%</td>
                            <td>21.1%</td>
                            <td>0.24%</td>
                            <td>0.09%</td>
                        </tr>
                        <tr class="row1">
                            <td class="row1td" colspan="5" style="padding:2px 0px;">WCDMA质量</td>
                        </tr>
                        <tr class="row2">
                            <td>RRC建立成功率</td>
                            <td>RAB建立成功率</td>
                            <td>无线接通率</td>
                            <td>软切换成功率</td>
                            <td>掉话率</td>
                        </tr>
                        <tr class="row2">
                            <td id="change">99.83</td>
                            <td>99.94%</td>
                            <td>99.77%</td>
                            <td>99.64%</td>
                            <td>0.04%</td>
                        </tr>
                        
                        <tr class="row1">
                            <td class="row1td" colspan="5" style="padding:2px 0px;">NB-LOT性能指标</td>
                        </tr>
                        <tr class="row2">
                            <td>RRC连接建立成功率</td>
                            <td>RRC连接建立成功率</td>
                            <td>无线掉线率</td>
                            <td>MAC层上行误快率</td>
                            <td>MAC层下行误快率</td>
                        </tr>
                        <tr class="row2">
                            <td>98.69%</td>
                            <td>98.84%</td>
                            <td>0.01%</td>
                            <td>1.14%</td>
                            <td>0.51%</td>
                        </tr>
                        <tr class="row1">
                            <td class="row1td" colspan="5" style="padding:2px 0px;">WLAN性能指标</td>
                        </tr>
                        <tr class="row2">
                            <td>IP地址分配成功率</td>
                            <td>RRC连接建立成功率</td>
                            <td>超闲AP占比</td>
                            <td>AP退服率</td>
                            <td>关联拥塞率</td>
                        </tr>
                        <tr class="row2">
                            <td>98.01%</td>
                            <td>98.84%</td>
                            <td>17.5%</td>
                            <td>0.01%</td>
                            <td>0.04%</td>
                        </tr>
                        <tr class="row1">
                            <td class="row1td" colspan="5" style="padding:2px 0px;">LORA性能指标</td>
                        </tr>
                        <tr class="row2">
                            <td>无线接通率</td>
                            <td>切换成功率</td>
                            <td>上行成功率</td>
                            <td>无线掉线率</td>
                            <td>平均信号强度</td>
                        </tr>
                        <tr class="row2">
                            <td>99.77%</td>
                            <td>99.64%</td>
                            <td>100%</td>
                            <td>0.04%</td>
                            <td>-78dbm</td>
                        </tr>
                        <tr class="row1">
                            <td class="row1td" colspan="5" style="padding:2px 0px;">视频感知指标</td>
                        </tr>
                        <tr class="row2">
                            <td>平均初始缓冲ms</td>
                            <td>下载速率平均值KBps</td>
                            <td>平均E2E_RTT(ms)</td>
                            <td>平均卡顿顿次(次/小时)</td>
                            <td>平均RSRP(dBm)</td>
                        </tr>
                        <tr class="row2">
                            <td>2482.7</td>
                            <td>3750.7</td>
                            <td>61.05</td>
                            <td>0.99</td>
                            <td>-91.85</td>
                        </tr>
                        <tr class="row1">
                            <td class="row1td" colspan="5" style="padding:2px 0px;">语音感知指标</td>
                        </tr>
                        <tr class="row2">
                            <td>平均通话时长(s)</td>
                            <td>平均TA</td>
                            <td>小区切换率</td>
                            <td>平均话音质量</td>
                            <td>平均呼叫电平dBm</td>
                        </tr>
                        <tr class="row2">
                            <td>46.88</td>
                            <td>1.13</td>
                            <td>0.07%</td>
                            <td>0</td>
                            <td>-47.02</td>
                        </tr>
                        <tr class="row1">
                            <td class="row1td" colspan="5" style="padding:2px 0px;">LTE质量</td>
                        </tr>
                        <tr class="row2">
                            <td>无线接通率</td>
                            <td>切换成功率</td>
                            <td>RRC连接建立成功率</td>
                            <td>下行双流流量占比</td>
                            <td>上行PRB利用率</td>
                        </tr>
                        <tr class="row2">
                            <td>99.92%</td>
                            <td>99.69%</td>
                            <td>99.93%</td>
                            <td>62.03%</td>
                            <td>10.06%</td>
                        </tr>
                        <tr class="row2">
                            <td>下行PRB利用率</td>
                            <td>4G上行干扰小区比例</td>
                            <td>无线掉线率</td>
                            <td>高负荷小区占比</td>
                            <td>高误块率小区比例</td>
                        </tr>
                        <tr class="row2">
                            <td>11.48%</td>
                            <td>0.37%</td>
                            <td>0.04%</td>
                            <td>0.35%</td>
                            <td>0.22%</td>
                        </tr>
                        
                    </table>
                </div>
                <!-- <div id="chart_8" class="left-y chart t_btn9" style="width:60%;margin-top: -140px;height: 160px;display: inline;float: right;margin-bottom: 2px;"></div>
 -->
            </div>
        </div>
    </div>
    
</div>

</body>
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/common.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/dataTool.js"></script>
<script src="js/index.js"></script>
<script src="js/china.js"></script>
<script src="js/zhejiang.js"></script>
</html>