index.html 5.83 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据中心</title>
    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--IE=edge:保持使用最高级别模式显示内容-->
    <meta name="renderer" content="webkit"><!--360浏览器-->
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <link rel="stylesheet" href="../css/bootstrap/bootstrap.min.css">

    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /></head>
</head>
<body>

        <!--首页头部 sta -->
        <div id="model-top" class="model-top">

        </div>
        <!--首页头部 end -->
        <div class="model-content">
            <!--首页左侧 sta -->
            <div class="comtab">
                <div class="modelpub">
                    <div class="common-tit">空闲车位数</div>
                    <span class="tilt"></span>
                    <div class="echart_con" id="radar_echart">

                    </div>
                </div>
                <div class="modelpub margin10">
                    <div class="common-tit">停车位数量及占比</div>
                    <span class="tilt"></span>
                    <div class="echart_con bar_l_echart" id="bar_l_echart">

                    </div>
                </div>
                <div class="modelpub">
                    <div class="common-tit">停车场数量及占比</div>
                    <span class="tilt"></span>
                    <div class="echart_con" id="pie_l_echart">

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

        <!--首页左侧 end -->
        <!--首页居中 sta -->
            <div class="model-mid">
                <div class="mid-top" id="map_c_echart">
                    <!--<div class="echart_con" >-->

                    <!--</div>-->
                </div>
                <!--中底 sta -->
                <div class="mid-foot">
                    <div class="parkingbox">
                        <div class="commombox-top"><span class="prakbg"></span>
                            <div  class="boxnum"><span id="parknum">0</span></div>
                            <!--<div class="commonbox-foot"></div>-->
                        </div>
                        <div class="commonbox-tit"><span>停车场数</span></div>
                    </div>
                    <div class="parkingbox marginl15">
                        <div class="commombox-top"><span class="placebg"></span>
                            <div  class="boxnum"><span id="parkplace">0</span></div>
                            <!--<div class="commonbox-foot"></div>-->
                        </div>
                        <div class="commonbox-tit"><span>停车位数</span></div>
                    </div>
                    <div class="parkingbox marginl15">
                        <div class="commombox-top"><span class="freebg"></span>
                            <div  class="boxnum"><span id="freenum">0</span></div>
                            <!--<div class="commonbox-foot"></div>-->
                        </div>
                        <div class="commonbox-tit"><span>空闲车位数</span></div>
                    </div>
                    <div class="parkingbox marginl15">
                        <div class="commombox-top"><span class="matchbg"></span>
                            <div  class="boxnum"><span id="matchnum">0.00</span></div>
                            <!--<div class="commonbox-foot"></div>-->
                        </div>
                        <div class="commonbox-tit"><span>车位配比</span></div>
                    </div>
                </div>
                <!--中底 end -->
            </div>
        <!--首页居中 end -->
        <!--首页右侧 sta -->
            <div class="comtab">
                <div class="modelpub">
                    <div class="common-tit">线上服务排行</div>
                    <span class="tilt"></span>
                    <div class="echart_con" id="bar_r_echart">

                    </div>
                </div>
                <div class="modelpub margin10">
                    <div class="common-tit">设备数量</div>
                    <span class="tilt"></span>
                    <div class="echart_con bar_c_echart" id="bar_c_echart">

                    </div>
                </div>
                <div class="modelpub">
                    <div class="common-tit">车位配比</div>
                    <span class="tilt"></span>
                    <div class="echart_con line_r_echart" id="line_r_echart">

                    </div>
                </div>
            </div>
        <!--首页右侧 end -->
        </div>
        <div class="clearfix"></div>
        <!--首页底部 sta -->
        <div id="model-foot" class="model-foot">

        </div>
        <!--首页底部 end-->
<script src="../js/lib/jquery.min.js"></script>
<script src="../js/lib/sockjs-client/1.0.2/sockjs.js"></script>
<script src="../js/lib/stomp-websocket/2.3.3/stomp.js"></script>
<script src="../js/lib/bootstrap.min.js"></script>
<script src="../js/lib/echarts.min.js"></script>
<script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
<script src="https://img.hcharts.cn/highcharts/highcharts-3d.js"></script>
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
<script src="../js/lib/meishan.js"></script>
<script src="../js/common/header-footer.js"></script>
<script src="../js/common/common.js"></script>
<script src="../js/common/unit.js"></script>
<script src="../js/pagejs/index.js?f=10.9"></script>
</body>
</html>