static/pages/smartAmmeter/index.html

<!--#include file="/inc/header.html"-->
<script type="text/javascript">
	 window.renderHeader=function(e)
	{
		var template="{{#childenList}}<li class=\"bif-nav-item\"  data-type=\"{{moduleType}}\" data-url=\"{{moduleUrl}}\">{{moduleName}}</li>{{/childenList}}";
		var views = Mustache.render(template, e);
		$("#bif-nav-ul").html(views);
		$(".tree-breadcrumb #nav-item-a").html($("#bif-nav-ul li:first-child").html());
		$("#bif-nav-ul li:first-child").addClass("active");
		tabSelect.smartAmmeterTree(e.childenList);
	};
	$(function(){
		var modules=JSON.parse(window.sessionStorage.getItem("modules"));
		if(window.treemap){
			renderHeader(window.treemap[15]);//器材设备管理ID 10
		}else if(modules){
			renderHeader(modules.treemap[15]);
		}
        base.ajaxFunc('get', '/grain/ammeter/promptBoxInfo', {}, function(e){
            if( e.data  ) {
                var msg = "",
                    flag = true;
                for( var i in e.data ) {
                    msg += e.data[i] + '<br />';
                    flag = false;
                }
                if( flag ) return;
                var $html = $('<div class="PromptDiv"><div class="PromptDiv-title"><span class="close-span">×</span>提示消息</div><div class="PromptDiv-content">' + msg + '</div></div>');
                $('body').append($html);
                $html.slideDown(600);
                $('.close-span').off().on('click',function(e){
                    e.preventDefault();
                    $html.slideUp(600);
                })
            }
        })
	})
</script>
    <div class="con-wrap">
        <div class="tree-breadcrumb">
            <span class="nav-prov">首页</span>&gt;
            <span class="nav-prov"><a href="/pages/smartAmmeter/index.html">智能电表</a></span>&gt;
            <span class="nav-item"><a href="javascript:;" id="nav-item-a"></a></span>
        </div>
         <div class="bif-nav">
            <ul id="bif-nav-ul">
            </ul>
        </div>
         <div id="con-main">
            <div id="con-map" class="main3">
				<div class="bif-container">
                    <div class="author-nav-tree">
                        <ul id="tree-tt" style="height:500px;">
                
                        </ul>
                    </div>
                    <div id="smartMain" class="bif-con panel-noscroll" style="height: auto;">
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
<!--#include file="/inc/footer.html"-->
<style>
   .author-nav-tree {
    display: inline-block;
    width: 200px;
    min-height: 400px;
    border: 1px solid lightgrey;
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px;
}
   #con-map {
    min-height: 400px;
    display: inline-block;
    margin-top: 10px;
}
   .bif-con {
    width: 980px;
    height: 404px;
    margin-top: 10px;
    margin-left: 14px;
    float: left;
}
.bif-nav-item{
	width: 150px;
	text-align: center;
}
</style>
<script type="text/javascript" src="/src/lib/highcharts.js"></script>
<script type="text/javascript" src="/src/sub/smartAmmeter.js"></script>
<script type="text/javascript" src="/src/sub/print.js"></script>
</body>
</html>