master

分支 (1)

管理

管理

master

dangdai
/
101集团总览.html

<!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">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/carousel.css" />
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/index.css">

    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.carousel.min.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <script>
        var jq = $.noConflict();
    </script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/echarts.js"></script>
    <script type="text/javascript" src="js/echartsConfig.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/map.js"></script>
    <script type="text/javascript" src="js/page1.js"></script>
</head>

<body>
    <div class="main">
            <div class="menu">
                    <div class="title">
                        <a>菜单</a>
                        <p>集团总览<span></span></p>
                    </div>
                    <ul>
                        <li><a href="101集团总览.html">集团总览</a></li>
                        <li><a href="102节能减排.html">节能减排</a></li>
                        <li><a href="103科技能源.html">科技能源</a></li>
                        <li><a href="104电力监测.html">电力监控</a></li>
                        <li><a href="#">科技安防</a></li>
                        <li><a href="#">科技工地</a></li>
                        <li><a href="107全生命周期.html">全生命周期</a></li>
                        <li><a href="#">项目运维</a></li>
                        <li><a href="#">平台管理</a></li>
                        <li><a href="#">权限管理</a></li>
                    </ul>
                </div>
        <div class="header">
            <span>集团总览</span>
            <p>当代置业绿色科技全产业链云平台</p>
            <div class="btns">
                <a></a>
            </div>
        </div>
        <div class="main-con panel-column-p3">
            <div class="panel-p1">
                <div class="panel-s1">
                    <div class="panel-title ti1">服务面积</div>
                    <div class="panel-con">
                        <div class="number-s1">
                            <i>3</i>
                            <i>5</i>
                            <i>2</i>
                            <i>2</i>
                            <i>5</i>
                            <i>9</i>
                            <i>5</i>
                            <i>.</i>
                            <i>7</i>
                            <i>m²</i>
                        </div>
                    </div>
                </div>
                <div class="panel-s1">
                    <div class="panel-title ti2">本年能耗</div>
                    <div class="panel-con">
                        <div class="datapanel-s1">
                            <div class="desc">
                                <ul>
                                    <li>
                                        <p>本年总电耗</p>
                                        <p>124875.7<span>kw.h</span></p>
                                    </li>
                                    <li>
                                        <p>单位面积能耗</p>
                                        <p>124875.7<span>kw.h</span></p>
                                    </li>
                                </ul>
                            </div>
                            <div class="chart">
                                <div id="page1Echart1"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-s1">
                    <div class="panel-title ti3">绿色建筑</div>
                    <div class="panel-con">
                        <div class="datapanel-s2">
                            <div class="desc">
                                <p>绿色建筑总面积</p>
                                <p>9445432543m²</p>
                            </div>
                            <div class="chart">
                                <div class="p-line">
                                    <div class="f">一星</div>
                                    <div class="l"><span></span></div>
                                    <div class="n">05</div>
                                </div>
                                <div class="p-line">
                                    <div class="f">二星</div>
                                    <div class="l"><span></span></div>
                                    <div class="n">05</div>
                                </div>
                                <div class="p-line">
                                    <div class="f">三星</div>
                                    <div class="l"><span></span></div>
                                    <div class="n">05</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-s1">
                    <div class="panel-title ti4">建筑认证</div>
                    <div class="panel-con">
                        <div class="datapanel-s2">
                            <div class="chart">
                                <div class="p-line">
                                    <div class="f">被动房</div>
                                    <div class="l"><span class="g"></span></div>
                                    <div class="n">05</div>
                                </div>
                                <div class="p-line">
                                    <div class="f">健康建筑</div>
                                    <div class="l"><span class="g" style="width:80%"></span></div>
                                    <div class="n">05</div>
                                </div>
                                <div class="p-line">
                                    <div class="f">LEED认证</div>
                                    <div class="l"><span class="g"></span></div>
                                    <div class="n">05</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-p2">
                <div class="mapcontent">
                    <div class="maplinebg"></div>
                    <div id="echartMap"></div>
                    <div class="mapcircle">
                        <div class="derive" id="carousel1">
                            <a target="_parent"><img class="cloudcarousel" src="images/p3.png" /></a>
                            <a target="_parent"><img class="cloudcarousel" src="images/p3.png" /></a>
                            <a target="_parent"><img class="cloudcarousel" src="images/p3.png" /></a>
                            <a target="_parent"><img class="cloudcarousel" src="images/p3.png" /></a>
                            <a target="_parent"><img class="cloudcarousel" src="images/p3.png" /></a>
                            <a target="_parent"><img class="cloudcarousel" src="images/p3.png" /></a>
                            <a target="_parent"><img class="cloudcarousel" src="images/p3.png" /></a>
                        </div>
                    </div>
                </div>

            </div>
            <div class="panel-p3">
                <div class="panel-s1">
                    <div class="panel-title ti5">天气预报</div>
                    <div class="panel-con">
                        <div class="datapanel-s3">
                            <div class="desc">
                                <div class="degree">
                                    <p>36.2</p>
                                </div>
                                <div class="pic">
                                    <img src="images/w1.png" />
                                </div>
                                <div class="local"><span>北京</span></div>
                            </div>
                            <div class="chart">
                                <ul>
                                    <li class="borderb">
                                        <p>PM2.5</p><span>136</span>
                                    </li>
                                    <li class="borderg">
                                        <p>湿度</p><span>25%</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-s1">
                    <div class="panel-title ti6">项目总量</div>
                    <div class="panel-con">
                        <div class="datapanel-s4  deschv">
                            <div class="chart">
                                <p>55
                                    <span>项目总数</span>
                                </p>
                                <div id="page1Echart2"></div>
                            </div>
                            <div class="desc">
                                <ul>
                                    <li><a class="bgg" href=""></a>运行项目</li>
                                    <li><a class="bgp" href=""></a>上线项目</li>
                                    <li><a class="bgb" href=""></a>在建项目</li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="panel-s1">
                    <div class="panel-title ti15">气候分区</div>
                    <div class="panel-con">
                        <div class="datapanel-s5">
                            <div class="chart">
                                <ul>
                                    <li>
                                        <p class="t">严寒地区</p>
                                        <div class="l">
                                            <span class="bgg"></span>
                                            <p>05</p>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="t">寒冷地区</p>
                                        <div class="l"> <span class="bgb"></span>
                                            <p>05</p>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="t">夏热冬冷</p>
                                        <div class="l"> <span class="bgp"></span>
                                            <p>05</p>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="t">夏热冬暖</p>
                                        <div class="l"> <span class="bgo"></span>
                                            <p>05</p>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="t">温和地区</p>
                                        <div class="l"> <span class="bgbl"></span>
                                            <p>05</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>