software
/
testbench


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
							<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <link rel="stylesheet" href="../../lib/app/css/app.min.css" type="text/css"/>
    <style type="text/css">
        #map{
            height: 100%;
            margin: 0px;
            padding: 0px
        }
        .anchorBL{display:none}
        .legend .map-logo{position:absolute;right:0;bottom:0;overflow:none;width:64px;height:20px;background-repeat: no-repeat;}
        .legend .map-logo{background-position:-98px 0px}
        .legend span{display:block;float:left;margin-right:1px;padding:2px 5px}.legend .heat-1{background-color:#0c9ddb}.legend .heat-2{background-color:#288A2A}.legend .heat-3{background-color:#F3C802}.legend .heat-4{background-color:#E3131D}.legend .heat-5{background-color:#60d93b}
        .legend{font-size:12px;position:absolute;right:6%;bottom:28px;padding-bottom:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:right .5s ease;-moz-transition:right .5s ease;-o-transition:right .5s ease;transition:right .5s ease;pointer-events:none;color:#FFF}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=55Rsk2ZW0d6xqrr8XfYT8QHB">
    </script>
    <script type="text/html" id="legend">
        <div class="legend">
            <span class="title">状态：</span>
            <span class="heat-1">就绪</span>
            <span class="heat-2">运行</span>
            <span class="heat-4">告警</span>
            <span class="heat-5">待机</span>
            <div class="map-logo ie6-png"></div>
        </div>
    </script>
</head>

<body>
<div class="app-content-body app-content-full fade-in-up ng-scope h-full" style="top:0">
    <div class="hbox hbox-auto-xs bg-light  ng-scope">

        <!-- column -->
        <div class="col">
            <div class="vbox">
                <div class="row-row">
                    <div class="cell">
                        <div id="map"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /column -->

        <div class="col w-md lter b-l">
            <div class="vbox">
                <!--<div class="wrapper b-b b-light">-->
                    <!--<div class="input-group">-->
                        <!--<input type="text" class="form-control ng-pristine ng-valid ng-touched" id="searchName" placeholder="发电机名称" aria-invalid="false">-->
                        <!--<div class="input-group-btn">-->
                            <!--<button type="button" class="btn btn-default" id="searchButton">搜索</button>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <div class="row-row">
                    <div class="cell">
                        <div class="cell-inner">
                            <div class="list-group list-group-lg list-group-sp" id = "item_list">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- /hbox layout -->
</div>

<div class="w-full" name="popdiv" style="background-color: transparent">
    <div class="row w-full" style="width: 300px;display: none; background-color: transparent" id="ipanal">
        <div class="col-sm-6" style="height: 150px;background-color: transparent">
            <span>功率</span>
            <div ui-jq="easyPieChart" id="pw_chart" ui-options="{
                                  percent: 100,
                                  lineWidth: 4,
                                  trackColor: '#e8eff0',
                                  barColor: '#fad733',
                                  scaleColor: false,
                                  size: 115,
                                  rotate: 180,
                                  lineCap: 'butt'
                                }" class="inline m-t easyPieChart" style="width: 115px; height: 115px; line-height: 115px;">
                <div>
                    <span class="text-warning h3" id="pw">0KW</span>
                </div>
                <canvas width="230" height="230" style="width: 115px; height: 115px;"></canvas>
            </div>
        </div>
        <div class="col-sm-6" style="height: 150px">
            <div class="">
                <span class="pull-right text-primary" id="opress">Bar</span>
                <span>油压</span>
            </div>
            <div class="progress progress-xs m-t-sm bg-light">
                <div class="progress-bar bg-primary" data-toggle="tooltip" id="opressbar" data-original-title="0%" style="width: 0%"></div>
            </div>
            <div class="">
                <span class="pull-right text-info" id="etemp">°C</span>
                <span>水温</span>
            </div>
            <div class="progress progress-xs m-t-sm bg-light">
                <div class="progress-bar bg-info" data-toggle="tooltip" id="etempbar" data-original-title="0%" style="width: 0%"></div>
            </div>
            <div class="">
                <span class="pull-right text-warning" id="vbat">V</span>
                <span>电池电压</span>
            </div>
            <div class="progress progress-xs m-t-sm bg-light">
                <div class="progress-bar bg-warning" data-toggle="tooltip" id = "vbatbar" data-original-title="0%" style="width: 0%"></div>
            </div>
        </div>
    </div>
</div>
<script src="/lib/app/js/app.min.js"></script>
<script src="../../lib/gis/js/gis.js"></script>
<script src="../../lib/webo/js/map.js"></script>
<script type="text/javascript">
    function mapInit() {
        map = new BMap.Map("map", {});
        map.addControl(new BMap.NavigationControl());
        map.addControl(new BMap.ScaleControl());
        map.addControl(new BMap.OverviewMapControl());
        map.addControl(new BMap.MapTypeControl());
        map.centerAndZoom(new BMap.Point(106.404, 37.915), 5);     // 初始化地图,设置中心点坐标和地图级别
        map.enableScrollWheelZoom();
        myZoomCtrl = new ZoomControl();
        map.addControl(myZoomCtrl);
        map.setMapStyle(blueStyle);
        map.setMaxZoom(18);
    }
    $(function () {
        mapInit();
    });
</script>
</body>
</html>